From 7c9d4d1ac5c892b94172462fed35d63190ae82b6 Mon Sep 17 00:00:00 2001
From: hyperandroid <hyperandroid@gmail.com>
Date: Tue, 27 Dec 2011 20:45:12 +0100
Subject: [PATCH] 12/27/2011 *0.1 Build 415* ----------------------

* Fixed PathActor to be able to draw background image or color.
* Fixed key event system. Now, the original key event is 'preventDefault'ed, and the notification callback receives an
  object of the form:

  new CAAT.KeyEvent(
      key,
      'up' | 'down',
      {
          alt:        CAAT.KEY_MODIFIERS.alt,
          control:    CAAT.KEY_MODIFIERS.control,
          shift:      CAAT.KEY_MODIFIERS.shift
      },
      source_event );
---
 .idea/misc.xml                                |   3 -
 build/caat-box2d-min.js                       |   6 +-
 build/caat-box2d.js                           |   6 +-
 build/caat-css-min.js                         |  25 +-
 build/caat-css.js                             |  78 +++-
 build/caat-min.js                             |  23 +-
 build/caat.js                                 |  82 +++-
 changelog                                     |  17 +
 documentation/demos/demo1/path_org.html       |   1 -
 documentation/jsdoc/files.html                |   4 +-
 documentation/jsdoc/index.html                |  10 +-
 documentation/jsdoc/symbols/CAAT.Actor.html   |   4 +-
 .../jsdoc/symbols/CAAT.ActorContainer.html    |   4 +-
 .../jsdoc/symbols/CAAT.AudioManager.html      |   4 +-
 .../jsdoc/symbols/CAAT.B2DBodyActor.html      |   4 +-
 .../jsdoc/symbols/CAAT.B2DCircularBody.html   |   4 +-
 .../jsdoc/symbols/CAAT.B2DPolygonBody.html    |   4 +-
 documentation/jsdoc/symbols/CAAT.Bezier.html  |   4 +-
 .../jsdoc/symbols/CAAT.CatmullRom.html        |   4 +-
 .../jsdoc/symbols/CAAT.Color.RGB.html         |   4 +-
 documentation/jsdoc/symbols/CAAT.Color.html   |   4 +-
 documentation/jsdoc/symbols/CAAT.Curve.html   |   4 +-
 .../jsdoc/symbols/CAAT.CurvePath.html         |   4 +-
 .../jsdoc/symbols/CAAT.Director.html          |   4 +-
 documentation/jsdoc/symbols/CAAT.IMActor.html |   4 +-
 documentation/jsdoc/symbols/CAAT.IMBump.html  |   4 +-
 .../jsdoc/symbols/CAAT.IMPlasma.html          |   4 +-
 .../jsdoc/symbols/CAAT.IMRotoZoom.html        |   4 +-
 .../jsdoc/symbols/CAAT.ImagePreloader.html    |   4 +-
 .../jsdoc/symbols/CAAT.ImageProcessor.html    |   4 +-
 .../jsdoc/symbols/CAAT.Interpolator.html      |   4 +-
 .../jsdoc/symbols/CAAT.InterpolatorActor.html |   4 +-
 .../jsdoc/symbols/CAAT.LinearPath.html        |   4 +-
 documentation/jsdoc/symbols/CAAT.Matrix3.html |   4 +-
 .../jsdoc/symbols/CAAT.MatrixStack.html       |   4 +-
 .../jsdoc/symbols/CAAT.MouseEvent.html        |   4 +-
 documentation/jsdoc/symbols/CAAT.Path.html    |   4 +-
 .../jsdoc/symbols/CAAT.PathActor.html         |   4 +-
 .../jsdoc/symbols/CAAT.PathSegment.html       |   4 +-
 documentation/jsdoc/symbols/CAAT.Point.html   |   4 +-
 .../jsdoc/symbols/CAAT.Rectangle.html         |   4 +-
 documentation/jsdoc/symbols/CAAT.Scene.html   |   4 +-
 .../jsdoc/symbols/CAAT.ShapeActor.html        |   4 +-
 .../jsdoc/symbols/CAAT.SpriteImage.html       |   4 +-
 .../jsdoc/symbols/CAAT.StarActor.html         |   4 +-
 .../jsdoc/symbols/CAAT.TextActor.html         |   4 +-
 .../jsdoc/symbols/CAAT.TimerTask.html         |   4 +-
 documentation/jsdoc/symbols/CAAT.html         |   4 +-
 ...AT.modules.CircleManager.PackedCircle.html |   4 +-
 ...les.CircleManager.PackedCircleManager.html |   4 +-
 .../symbols/CAAT.modules.CircleManager.html   |   4 +-
 .../symbols/CAAT.modules.LocalStorage.html    |   4 +-
 documentation/jsdoc/symbols/CAAT.modules.html |   4 +-
 documentation/jsdoc/symbols/Function.html     |   4 +-
 documentation/jsdoc/symbols/_global_.html     |   4 +-
 ..._ibon_js_CAAT_src_model_mouseevent.js.html | 426 ++++++++++--------
 ...rs_ibon_js_CAAT_src_path_pathactor.js.html | 114 ++---
 src/model/mouseevent.js                       |  56 ++-
 src/modules/Font/font.js                      |  14 +-
 src/path/pathactor.js                         |   4 +-
 60 files changed, 697 insertions(+), 348 deletions(-)

diff --git a/.idea/misc.xml b/.idea/misc.xml
index 4ba5fda7..a0e378a9 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,8 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="DependencyValidationManager">
-    <option name="SKIP_IMPORT_STATEMENTS" value="false" />
-  </component>
   <component name="JavadocGenerationManager">
     <option name="OUTPUT_DIRECTORY" />
     <option name="OPTION_SCOPE" value="protected" />
diff --git a/build/caat-box2d-min.js b/build/caat-box2d-min.js
index 558674cf..fc4dfb06 100644
--- a/build/caat-box2d-min.js
+++ b/build/caat-box2d-min.js
@@ -22,11 +22,11 @@ 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.
 
-Version: 0.1 build: 406
+Version: 0.1 build: 414
 
 Created on:
-DATE: 2011-12-18
-TIME: 16:41:15
+DATE: 2011-12-27
+TIME: 20:33:05
 */
 
 
diff --git a/build/caat-box2d.js b/build/caat-box2d.js
index ebd190f0..e7b92905 100644
--- a/build/caat-box2d.js
+++ b/build/caat-box2d.js
@@ -21,11 +21,11 @@ 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.
 
-Version: 0.1 build: 407
+Version: 0.1 build: 415
 
 Created on:
-DATE: 2011-12-18
-TIME: 16:41:42
+DATE: 2011-12-27
+TIME: 20:33:29
 */
 
 
diff --git a/build/caat-css-min.js b/build/caat-css-min.js
index ba70ce99..c33592a1 100644
--- a/build/caat-css-min.js
+++ b/build/caat-css-min.js
@@ -22,15 +22,15 @@ 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.
 
-Version: 0.1 build: 406
+Version: 0.1 build: 414
 
 Created on:
-DATE: 2011-12-18
-TIME: 16:41:15
+DATE: 2011-12-27
+TIME: 20:33:05
 */
 
 
-var CAAT=CAAT||{};Function.prototype.bind=function(){var a=this,b=Array.prototype.slice.call(arguments),c=b.shift();return function(){return a.apply(c,b.concat(Array.prototype.slice.call(arguments)))}};CAAT.__CSS__=1;CAAT.__CSS__=1;CAAT.__CSS__=1;CAAT.__CSS__=1;CAAT.__CSS__=1;(function(){CAAT.BrowserDetect=function(){this.init();return this};CAAT.BrowserDetect.prototype={browser:"",version:0,OS:"",init:function(){this.browser=this.searchString(this.dataBrowser)||"An unknown browser";this.version=this.searchVersion(navigator.userAgent)||this.searchVersion(navigator.appVersion)||"an unknown version";this.OS=this.searchString(this.dataOS)||"an unknown OS"},searchString:function(a){for(var b=0;b<a.length;b++){var c=a[b].string,d=a[b].prop;this.versionSearchString=a[b].versionSearch||
+var CAAT=CAAT||{};Function.prototype.bind=function(){var a=this,b=Array.prototype.slice.call(arguments),c=b.shift();return function(){return a.apply(c,b.concat(Array.prototype.slice.call(arguments)))}};CAAT.__CSS__=1;(function(){CAAT.BrowserDetect=function(){this.init();return this};CAAT.BrowserDetect.prototype={browser:"",version:0,OS:"",init:function(){this.browser=this.searchString(this.dataBrowser)||"An unknown browser";this.version=this.searchVersion(navigator.userAgent)||this.searchVersion(navigator.appVersion)||"an unknown version";this.OS=this.searchString(this.dataOS)||"an unknown OS"},searchString:function(a){for(var b=0;b<a.length;b++){var c=a[b].string,d=a[b].prop;this.versionSearchString=a[b].versionSearch||
 a[b].identity;if(c){if(c.indexOf(a[b].subString)!==-1)return a[b].identity}else if(d)return a[b].identity}},searchVersion:function(a){var b=a.indexOf(this.versionSearchString);return b===-1?void 0:parseFloat(a.substring(b+this.versionSearchString.length+1))},dataBrowser:[{string:navigator.userAgent,subString:"Chrome",identity:"Chrome"},{string:navigator.userAgent,subString:"OmniWeb",versionSearch:"OmniWeb/",identity:"OmniWeb"},{string:navigator.vendor,subString:"Apple",identity:"Safari",versionSearch:"Version"},
 {prop:window.opera,identity:"Opera"},{string:navigator.vendor,subString:"iCab",identity:"iCab"},{string:navigator.vendor,subString:"KDE",identity:"Konqueror"},{string:navigator.userAgent,subString:"Firefox",identity:"Firefox"},{string:navigator.vendor,subString:"Camino",identity:"Camino"},{string:navigator.userAgent,subString:"Netscape",identity:"Netscape"},{string:navigator.userAgent,subString:"MSIE",identity:"Explorer",versionSearch:"MSIE"},{string:navigator.userAgent,subString:"Explorer",identity:"Explorer",
 versionSearch:"Explorer"},{string:navigator.userAgent,subString:"Gecko",identity:"Mozilla",versionSearch:"rv"},{string:navigator.userAgent,subString:"Mozilla",identity:"Netscape",versionSearch:"Mozilla"}],dataOS:[{string:navigator.platform,subString:"Win",identity:"Windows"},{string:navigator.platform,subString:"Mac",identity:"Mac"},{string:navigator.userAgent,subString:"iPhone",identity:"iPhone/iPod"},{string:navigator.platform,subString:"Linux",identity:"Linux"}]}})();function extend(a,b){var c=a.prototype,d=function(){};d.prototype=b.prototype;a.prototype=new d;a.superclass=b.prototype;a.prototype.constructor=a;if(b.prototype.constructor===Object.prototype.constructor)b.prototype.constructor=b;for(var e in c)c.hasOwnProperty(e)&&(a.prototype[e]=c[e])}
@@ -206,9 +206,10 @@ function(a){this.time+=a;this.animate(this,a);var b,c,d;CAAT.DEBUG&&this.resetSt
 isControlDown:function(){return this.control},isShiftDown:function(){return this.shift},isMetaDown:function(){return this.meta},getSourceEvent:function(){return this.sourceEvent}}})();CAAT.PMR=64;CAAT.DEBUG=false;CAAT.DEBUGBB=false;CAAT.DEBUGBBCOLOR="red";CAAT.log=function(){window.console&&window.console.log(Array.prototype.slice.call(arguments))};CAAT.FRAME_TIME=0;CAAT.GlobalEventsEnabled=false;CAAT.prevOnDeviceMotion=null;CAAT.onDeviceMotion=null;CAAT.accelerationIncludingGravity={x:0,y:0,z:0};
 CAAT.rotationRate={alpha:0,beta:0,gamma:0};CAAT.DRAG_THRESHOLD_X=5;CAAT.DRAG_THRESHOLD_Y=5;CAAT.renderEnabled=false;CAAT.FPS=60;CAAT.windowResizeListeners=[];CAAT.registerResizeListener=function(a){CAAT.windowResizeListeners.push(a)};CAAT.unregisterResizeListener=function(a){for(var b=0;b<CAAT.windowResizeListeners.length;b++)if(a===CAAT.windowResizeListeners[b]){CAAT.windowResizeListeners.splice(b,1);break}};CAAT.keyListeners=[];CAAT.registerKeyListener=function(a){CAAT.keyListeners.push(a)};
 CAAT.SHIFT_KEY=16;CAAT.CONTROL_KEY=17;CAAT.ALT_KEY=18;CAAT.ENTER_KEY=13;CAAT.KEY_MODIFIERS={alt:false,control:false,shift:false};
-CAAT.GlobalEnableEvents=function(){if(!CAAT.GlobalEventsEnabled)this.GlobalEventsEnabled=true,window.addEventListener("keydown",function(a){var b=a.which?a.which:a.keyCode;if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=true;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=true;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=true;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](b,"down",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,shift:CAAT.KEY_MODIFIERS.shift},
-a)},false),window.addEventListener("keyup",function(a){var b=a.which?a.which:a.keyCode;if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=false;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=false;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=false;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](b,"up",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,shift:CAAT.KEY_MODIFIERS.shift},a)},false),window.addEventListener("resize",function(){for(var a=0;a<CAAT.windowResizeListeners.length;a++)CAAT.windowResizeListeners[a].windowResized(window.innerWidth,
-window.innerHeight)},false)};window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/CAAT.FPS)}}();CAAT.SET_INTERVAL=0;
+CAAT.KeyEvent=function(a,b,c,d){this.keyCode=a;this.action=b;this.modifiers=c;this.sourceEvent=d;this.getKeyCode=function(){return this.keyCode};this.getAction=function(){return this.action};this.modifiers=function(){return this.modifiers};this.isShiftPressed=function(){return this.modifiers.shift};this.isControlPressed=function(){return this.modifiers.control};this.isAltPressed=function(){return this.modifiers.alt};this.getSourceEvent=function(){return this.sourceEvent}};
+CAAT.GlobalEnableEvents=function(){if(!CAAT.GlobalEventsEnabled)this.GlobalEventsEnabled=true,window.addEventListener("keydown",function(a){var b=a.which?a.which:a.keyCode;a.preventDefault();if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=true;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=true;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=true;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](new CAAT.KeyEvent(b,"down",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,
+shift:CAAT.KEY_MODIFIERS.shift},a))},false),window.addEventListener("keyup",function(a){a.preventDefault();var b=a.which?a.which:a.keyCode;if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=false;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=false;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=false;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](new CAAT.KeyEvent(b,"up",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,shift:CAAT.KEY_MODIFIERS.shift},a))},
+false),window.addEventListener("resize",function(){for(var a=0;a<CAAT.windowResizeListeners.length;a++)CAAT.windowResizeListeners[a].windowResized(window.innerWidth,window.innerHeight)},false)};window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/CAAT.FPS)}}();CAAT.SET_INTERVAL=0;
 CAAT.loop=function(a){if(!CAAT.renderEnabled)CAAT.FPS=a||60,CAAT.renderEnabled=true,CAAT.NO_PERF?setInterval(function(){for(var a=(new Date).getTime(),c=0,d=CAAT.director.length;c<d;c++)CAAT.director[c].renderFrame();CAAT.FRAME_TIME=a-CAAT.SET_INTERVAL;CAAT.SET_INTERVAL=a},1E3/CAAT.FPS):CAAT.renderFrame()};CAAT.RAF=0;CAAT.REQUEST_ANIMATION_FRAME_TIME=0;
 CAAT.renderFrame=function(){for(var a=(new Date).getTime(),b=0,c=CAAT.director.length;b<c;b++)CAAT.director[b].renderFrame();a=(new Date).getTime()-a;CAAT.FRAME_TIME=a;if(CAAT.RAF)CAAT.REQUEST_ANIMATION_FRAME_TIME=(new Date).getTime()-CAAT.RAF;CAAT.RAF=(new Date).getTime();window.requestAnimFrame(CAAT.renderFrame,0)};CAAT.setCursor=function(a){if(navigator.browser!=="iOS")document.body.style.cursor=a};CAAT.RegisterDirector=function(a){if(!CAAT.director)CAAT.director=[];CAAT.director.push(a);CAAT.GlobalEnableEvents()};
 (function(){function a(a){CAAT.rotationRate={alpha:0,beta:a[0],gamma:a[1]}}window.DeviceOrientationEvent?window.addEventListener("deviceorientation",function(b){a([b.beta,b.gamma])},true):window.DeviceMotionEvent?window.addEventListener("devicemotion",function(b){a([b.acceleration.x*2,b.acceleration.y*2])},true):window.addEventListener("MozOrientation",function(b){a([-b.y*45,b.x*45])},true)})();(function(){CAAT.SpriteImageHelper=function(a,b,c,d){this.x=a;this.y=b;this.width=c;this.height=d;return this};CAAT.SpriteImageHelper.prototype={x:0,y:0,width:0,height:0,u:0,v:0,u1:0,v1:0,setGL:function(a,b,c,d){this.u=a;this.v=b;this.u1=c;this.v1=d;return this}}})();
@@ -249,9 +250,9 @@ c.height=a.width;var d=c.getContext("2d");d.globalAlpha=1;d.fillStyle="rgba(0,0,
 "undefined")d=c.top;if(typeof c.bottom!=="undefined")e=c.bottom;if(typeof c.left!=="undefined")f=c.left;if(typeof c.right!=="undefined")g=c.right}c=document.createElement("canvas");c.width=a.width;c.height=a.height;var h=c.getContext("2d");h.fillStyle="rgba(0,0,0,0)";h.fillRect(0,0,a.width,a.height);h.drawImage(a,0,0);var i=h.getImageData(0,0,a.width,a.height).data,j,a=0,k=c.height-1,m=0,n=c.width-1,l=false;if(d){for(d=0;d<c.height;d++){for(j=0;j<c.width;j++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}a=
 d}if(e){l=false;for(d=c.height-1;d>=a;d--){for(j=0;j<c.width;j++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}k=d}if(f){l=false;for(j=0;j<c.width;j++){for(d=a;d<=k;d++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}m=j}if(g){l=false;for(j=c.width-1;j>=m;j--){for(d=a;d<=k;d++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}n=j}if(0===m&&0===a&&c.width-1===n&&c.height-1===k)return c;b=n-m+1;e=k-a+1;f=h.getImageData(m,a,b,e);c.width=b;c.height=e;h=c.getContext("2d");h.putImageData(f,0,0);
 return c};CAAT.modules.ImageUtil.createThumb=function(a,b,c,d){var b=b||24,c=c||24,e=document.createElement("canvas");e.width=b;e.height=c;var f=e.getContext("2d");if(d){var g=Math.max(a.width,a.height),d=a.width/g*b,g=a.height/g*c;f.drawImage(a,(b-d)/2,(c-g)/2,d,g)}else f.drawImage(a,0,0,b,c);return e}})();(function(){CAAT.Font=function(){return this};CAAT.Font.prototype={fontSize:10,fontSizeUnit:"px",font:"Sans-Serif",fontStyle:"",fillStyle:"#fff",strokeStyle:null,padding:0,image:null,charMap:null,height:0,setPadding:function(a){this.padding=a;return this},setFontStyle:function(a){this.fontStyle=a;return this},setFontSize:function(a){this.fontSize=a;this.fontSizeUnit="px";return this},setFont:function(a){this.font=a;return this},setFillStyle:function(a){this.fillStyle=a;return this},setStrokeStyle:function(a){this.strokeStyle=
-a;return this},create:function(a,b){var c=document.createElement("canvas");c.width=1;c.height=1;var d=c.getContext("2d");d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;var e=0,f=[],g,h;for(g=0;g<a.length;g++)h=Math.max(1,d.measureText(a.charAt(g)).width>>0)+2*b,f.push(h),e+=h;c.width=e;c.height=this.fontSize*1.5>>0;d=c.getContext("2d");d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;d.fillStyle=this.fillStyle;
-d.strokeStyle=this.strokeStyle;this.charMap={};for(g=e=0;g<a.length;g++)h=a.charAt(g),d.fillText(h,e+b,0),this.strokeStyle&&(d.beginPath(),d.strokeText(h,e+b,0)),this.charMap[h]={x:e,width:f[g]},e+=f[g];this.image=CAAT.modules.ImageUtil.optimize(c,32,{top:true,bottom:true,left:false,right:false});this.height=this.image.height;return this},stringWidth:function(a){var b,c,d=0,e;for(b=0,c=a.length;b<c;b++)e=this.charMap[a.charAt(b)],d+=e?e.width:10;return d},drawText:function(a,b,c,d){var e,f,g,h,i=
-this.image.height;for(e=0,f=a.length;e<f;e++)(g=this.charMap[a.charAt(e)])?(h=g.width,b.drawImage(this.image,g.x,0,h,i,c,d,h,i),c+=h):(b.strokeStyle="#f00",b.strokeRect(c,d,10,i),c+=10)},save:function(){var a=this.image.toDataURL("image/png");document.location.href=a.replace("image/png","image/octet-stream")}}})();(function(){CAAT.InterpolatorActor=function(){CAAT.InterpolatorActor.superclass.constructor.call(this);return this};CAAT.InterpolatorActor.prototype={interpolator:null,contour:null,S:50,gap:5,setGap:function(a){this.gap=a;return this},setInterpolator:function(a,b){this.interpolator=a;this.contour=a.getContour(b||this.S);return this},paint:function(a,b){CAAT.InterpolatorActor.superclass.paint.call(this,a,b);if(this.backgroundImage)return this;if(this.interpolator){var c=a.crc,d=this.width-2*this.gap,
+a;return this},createDefault:function(a){for(var b="",c=32;c<128;c++)b+=String.fromCharCode(c);return this.create(b,a)},create:function(a,b){this.padding=b;var c=document.createElement("canvas");c.width=1;c.height=1;var d=c.getContext("2d");d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;var e=0,f=[],g,h;for(g=0;g<a.length;g++)h=Math.max(1,(d.measureText(a.charAt(g)).width>>0)+1)+2*b,f.push(h),e+=h;c.width=e;c.height=this.fontSize*1.5>>0;d=c.getContext("2d");
+d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;d.fillStyle=this.fillStyle;d.strokeStyle=this.strokeStyle;this.charMap={};for(g=e=0;g<a.length;g++)h=a.charAt(g),d.fillText(h,e+b,0),this.strokeStyle&&(d.beginPath(),d.strokeText(h,e+b,0)),this.charMap[h]={x:e,width:f[g]},e+=f[g];this.image=CAAT.modules.ImageUtil.optimize(c,32,{top:true,bottom:true,left:false,right:false});this.height=this.image.height;return this},stringWidth:function(a){var b,c,d=0,e;
+for(b=0,c=a.length;b<c;b++)e=this.charMap[a.charAt(b)],d+=e?e.width:10;return d},drawText:function(a,b,c,d){var e,f,g,h,i=this.image.height;for(e=0,f=a.length;e<f;e++)(g=this.charMap[a.charAt(e)])?(h=g.width,b.drawImage(this.image,g.x,0,h,i,c,d,h,i),c+=h):(b.strokeStyle="#f00",b.strokeRect(c,d,10,i),c+=10)},save:function(){var a=this.image.toDataURL("image/png");document.location.href=a.replace("image/png","image/octet-stream")}}})();(function(){CAAT.InterpolatorActor=function(){CAAT.InterpolatorActor.superclass.constructor.call(this);return this};CAAT.InterpolatorActor.prototype={interpolator:null,contour:null,S:50,gap:5,setGap:function(a){this.gap=a;return this},setInterpolator:function(a,b){this.interpolator=a;this.contour=a.getContour(b||this.S);return this},paint:function(a,b){CAAT.InterpolatorActor.superclass.paint.call(this,a,b);if(this.backgroundImage)return this;if(this.interpolator){var c=a.crc,d=this.width-2*this.gap,
 e=this.height-2*this.gap;c.beginPath();c.moveTo(this.gap+d*this.contour[0].x,-this.gap+this.height-e*this.contour[0].y);for(var f=1;f<this.contour.length;f++)c.lineTo(this.gap+d*this.contour[f].x,-this.gap+this.height-e*this.contour[f].y);c.strokeStyle=this.strokeStyle;c.stroke()}},getInterpolator:function(){return this.interpolator}};extend(CAAT.InterpolatorActor,CAAT.ActorContainer,null)})();(function(){CAAT.PathSegment=function(){this.bbox=new CAAT.Rectangle;return this};CAAT.PathSegment.prototype={color:"black",length:0,bbox:null,parent:null,setParent:function(a){this.parent=a;return this},setColor:function(a){if(a)this.color=a;return this},endCurvePosition:function(){},startCurvePosition:function(){},setPoints:function(){},setPoint:function(){},getPosition:function(){},getLength:function(){return this.length},getBoundingBox:function(){return this.bbox},numControlPoints:function(){},
 getControlPoint:function(){},endPath:function(){},getContour:function(){},updatePath:function(){},applyAsPath:function(){},transform:function(){}}})();
 (function(){CAAT.LinearPath=function(){CAAT.LinearPath.superclass.constructor.call(this);this.points=[];this.points.push(new CAAT.Point);this.points.push(new CAAT.Point);this.newPosition=new CAAT.Point(0,0,0);return this};CAAT.LinearPath.prototype={points:null,newPosition:null,applyAsPath:function(a){a.lineTo(this.points[0].x,this.points[1].y)},setPoint:function(a,b){b===0?this.points[0]=a:b===1&&(this.points[1]=a)},updatePath:function(){var a=this.points[1].x-this.points[0].x,b=this.points[1].y-
@@ -287,5 +288,5 @@ this.ax||-1===this.ay)this.ax=a,this.ay=b;this.point.x+=a-this.ax;this.point.y+=
 emptyBehaviorList:function(){this.behaviorList=[];return this},extractPathPoints:function(){if(!this.pathPoints){var a;this.pathPoints=[];for(a=0;a<this.numControlPoints();a++)this.pathPoints.push(this.getControlPoint(a).clone())}return this},addBehavior:function(a){this.behaviorList.push(a);this.extractPathPoints();return this},removeBehaviour:function(a){for(var b=this.behaviorList.length-1;b;)if(this.behaviorList[b]===a){this.behaviorList.splice(b,1);break}return this},removeBehaviorById:function(a){for(var b=
 0;b<this.behaviorList.length;b++)this.behaviorList[b].id===a&&this.behaviorList.splice(b,1);return this},applyBehaviors:function(a){if(this.behaviorList.length){for(var b=0;b<this.behaviorList.length;b++)this.behaviorList[b].apply(a,this);this.setATMatrix();for(b=0;b<this.numControlPoints();b++)this.setPoint(this.matrix.transformCoord(this.pathPoints[b].clone()),b)}return this},setATMatrix:function(){this.matrix.identity();this.tmpMatrix.identity();var a=this.matrix.matrix,b,c,d,e,f,g,h,i,j,k;h=this.bbox;
 var m=h.width,n=h.height,l=h.x,o=h.y;h=1;j=e=0;g=1;i=this.tb_x-l;k=this.tb_y-o;if(this.rb_angle){var p=this.rb_rotateAnchorX*m+l,q=this.rb_rotateAnchorY*n+o;i+=h*p+e*q;k+=j*p+g*q;b=Math.cos(this.rb_angle);c=Math.sin(this.rb_angle);d=h;f=j;h=d*b+e*c;e=-d*c+e*b;j=f*b+g*c;g=-f*c+g*b;i+=-h*p-e*q;k+=-j*p-g*q}if(this.sb_scaleX!=1||this.sb_scaleY!=1)m=this.sb_scaleAnchorX*m+l,n=this.sb_scaleAnchorY*n+o,i+=h*m+e*n,k+=j*m+g*n,h*=this.sb_scaleX,e*=this.sb_scaleY,j*=this.sb_scaleX,g*=this.sb_scaleY,i+=-h*m-
-e*n,k+=-j*m-g*n;a[0]=h;a[1]=e;a[2]=i;a[3]=j;a[4]=g;a[5]=k;return this},setRotationAnchored:function(a,b,c){this.rb_angle=a;this.rb_rotateAnchorX=b;this.rb_rotateAnchorY=c;return this},setScaleAnchored:function(a,b,c,d){this.sb_scaleX=a;this.sb_scaleAnchorX=c;this.sb_scaleY=b;this.sb_scaleAnchorY=d;return this},setLocation:function(a,b){this.tb_x=a;this.tb_y=b;return this}};extend(CAAT.Path,CAAT.PathSegment,null)})();(function(){CAAT.PathActor=function(){CAAT.PathActor.superclass.constructor.call(this);return this};CAAT.PathActor.prototype={path:null,pathBoundingRectangle:null,bOutline:false,outlineColor:"black",getPath:function(){return this.path},setPath:function(a){this.path=a;this.pathBoundingRectangle=a.getBoundingBox();return this},paint:function(a){var b=a.crc;b.strokeStyle="black";this.path.paint(a);if(this.bOutline)b.strokeStyle=this.outlineColor,b.strokeRect(0,0,this.width,this.height)},showBoundingBox:function(a,
-b){if((this.bOutline=a)&&b)this.outlineColor=b},setInteractive:function(a){this.path&&this.path.setInteractive(a);return this},mouseDrag:function(a){this.path.drag(a.point.x,a.point.y)},mouseDown:function(a){this.path.press(a.point.x,a.point.y)},mouseUp:function(){this.path.release()}};extend(CAAT.PathActor,CAAT.ActorContainer,null)})();
+e*n,k+=-j*m-g*n;a[0]=h;a[1]=e;a[2]=i;a[3]=j;a[4]=g;a[5]=k;return this},setRotationAnchored:function(a,b,c){this.rb_angle=a;this.rb_rotateAnchorX=b;this.rb_rotateAnchorY=c;return this},setScaleAnchored:function(a,b,c,d){this.sb_scaleX=a;this.sb_scaleAnchorX=c;this.sb_scaleY=b;this.sb_scaleAnchorY=d;return this},setLocation:function(a,b){this.tb_x=a;this.tb_y=b;return this}};extend(CAAT.Path,CAAT.PathSegment,null)})();(function(){CAAT.PathActor=function(){CAAT.PathActor.superclass.constructor.call(this);return this};CAAT.PathActor.prototype={path:null,pathBoundingRectangle:null,bOutline:false,outlineColor:"black",getPath:function(){return this.path},setPath:function(a){this.path=a;this.pathBoundingRectangle=a.getBoundingBox();return this},paint:function(a,b){CAAT.PathActor.superclass.paint.call(this,a,b);var c=a.crc;c.strokeStyle="black";this.path.paint(a);if(this.bOutline)c.strokeStyle=this.outlineColor,c.strokeRect(0,
+0,this.width,this.height)},showBoundingBox:function(a,b){if((this.bOutline=a)&&b)this.outlineColor=b},setInteractive:function(a){this.path&&this.path.setInteractive(a);return this},mouseDrag:function(a){this.path.drag(a.point.x,a.point.y)},mouseDown:function(a){this.path.press(a.point.x,a.point.y)},mouseUp:function(){this.path.release()}};extend(CAAT.PathActor,CAAT.ActorContainer,null)})();
diff --git a/build/caat-css.js b/build/caat-css.js
index 6f6cff8f..b3782aba 100644
--- a/build/caat-css.js
+++ b/build/caat-css.js
@@ -21,11 +21,11 @@ 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.
 
-Version: 0.1 build: 407
+Version: 0.1 build: 415
 
 Created on:
-DATE: 2011-12-18
-TIME: 16:41:42
+DATE: 2011-12-27
+TIME: 20:33:29
 */
 
 
@@ -9193,6 +9193,49 @@ CAAT.KEY_MODIFIERS= {
     shift:      false
 };
 
+/**
+ * Define a key event.
+ * @constructor
+ * @param keyCode
+ * @param up_or_down
+ * @param modifiers
+ * @param originalEvent
+ */
+CAAT.KeyEvent= function( keyCode, up_or_down, modifiers, originalEvent ) {
+    this.keyCode= keyCode;
+    this.action=  up_or_down;
+    this.modifiers= modifiers;
+    this.sourceEvent= originalEvent;
+
+    this.getKeyCode= function() {
+        return this.keyCode;
+    };
+
+    this.getAction= function() {
+        return this.action;
+    };
+
+    this.modifiers= function() {
+        return this.modifiers;
+    };
+
+    this.isShiftPressed= function() {
+        return this.modifiers.shift;
+    };
+
+    this.isControlPressed= function() {
+        return this.modifiers.control;
+    };
+
+    this.isAltPressed= function() {
+        return this.modifiers.alt;
+    };
+
+    this.getSourceEvent= function() {
+        return this.sourceEvent;
+    };
+};
+
 /**
  * Enable window level input events, keys and redimension.
  */
@@ -9208,6 +9251,8 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
         function(evt) {
             var key = (evt.which) ? evt.which : evt.keyCode;
 
+            evt.preventDefault();
+
             if ( key===CAAT.SHIFT_KEY ) {
                 CAAT.KEY_MODIFIERS.shift= true;
             } else if ( key===CAAT.CONTROL_KEY ) {
@@ -9216,7 +9261,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                 CAAT.KEY_MODIFIERS.alt= true;
             } else {
                 for( var i=0; i<CAAT.keyListeners.length; i++ ) {
-                    CAAT.keyListeners[i](
+                    CAAT.keyListeners[i]( new CAAT.KeyEvent(
                         key,
                         'down',
                         {
@@ -9224,7 +9269,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                             control:    CAAT.KEY_MODIFIERS.control,
                             shift:      CAAT.KEY_MODIFIERS.shift
                         },
-                        evt);
+                        evt)) ;
                 }
             }
         },
@@ -9232,6 +9277,9 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
 
     window.addEventListener('keyup',
         function(evt) {
+
+            evt.preventDefault();
+
             var key = (evt.which) ? evt.which : evt.keyCode;
             if ( key===CAAT.SHIFT_KEY ) {
                 CAAT.KEY_MODIFIERS.shift= false;
@@ -9242,7 +9290,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
             } else {
 
                 for( var i=0; i<CAAT.keyListeners.length; i++ ) {
-                    CAAT.keyListeners[i](
+                    CAAT.keyListeners[i]( new CAAT.KeyEvent(
                         key,
                         'up',
                         {
@@ -9250,7 +9298,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                             control:    CAAT.KEY_MODIFIERS.control,
                             shift:      CAAT.KEY_MODIFIERS.shift
                         },
-                        evt);
+                        evt));
                 }
             }
         },
@@ -11640,7 +11688,19 @@ CAAT.modules.CircleManager = CAAT.modules.CircleManager || {};/**
             return this;
         },
 
+        createDefault : function( padding ) {
+            var str="";
+            for( var i=32; i<128; i++ ) {
+                str= str+String.fromCharCode(i);
+            }
+
+            return this.create( str, padding );
+        },
+
         create : function( chars, padding ) {
+
+            this.padding= padding;
+
             var canvas= document.createElement('canvas');
             canvas.width=   1;
             canvas.height=  1;
@@ -11656,7 +11716,7 @@ CAAT.modules.CircleManager = CAAT.modules.CircleManager || {};/**
             var cchar;
 
             for( i=0; i<chars.length; i++ ) {
-                var cw= Math.max( 1, ctx.measureText( chars.charAt(i) ).width>>0 ) + 2 * padding;
+                var cw= Math.max( 1, (ctx.measureText( chars.charAt(i) ).width>>0)+1 ) + 2 * padding ;
                 charWidth.push(cw);
                 textWidth+= cw;
             }
@@ -13573,6 +13633,8 @@ CAAT.modules.CircleManager = CAAT.modules.CircleManager || {};/**
          */
 		paint : function(director, time) {
 
+            CAAT.PathActor.superclass.paint.call( this, director, time );
+
             var canvas= director.crc;
 
             canvas.strokeStyle='black';
diff --git a/build/caat-min.js b/build/caat-min.js
index 85d53be5..d75e5e8c 100644
--- a/build/caat-min.js
+++ b/build/caat-min.js
@@ -22,11 +22,11 @@ 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.
 
-Version: 0.1 build: 406
+Version: 0.1 build: 414
 
 Created on:
-DATE: 2011-12-18
-TIME: 16:41:15
+DATE: 2011-12-27
+TIME: 20:33:05
 */
 
 
@@ -226,9 +226,10 @@ function(a){this.time+=a;this.animate(this,a);var b,c,d;CAAT.DEBUG&&this.resetSt
 isControlDown:function(){return this.control},isShiftDown:function(){return this.shift},isMetaDown:function(){return this.meta},getSourceEvent:function(){return this.sourceEvent}}})();CAAT.PMR=64;CAAT.DEBUG=false;CAAT.DEBUGBB=false;CAAT.DEBUGBBCOLOR="red";CAAT.log=function(){window.console&&window.console.log(Array.prototype.slice.call(arguments))};CAAT.FRAME_TIME=0;CAAT.GlobalEventsEnabled=false;CAAT.prevOnDeviceMotion=null;CAAT.onDeviceMotion=null;CAAT.accelerationIncludingGravity={x:0,y:0,z:0};
 CAAT.rotationRate={alpha:0,beta:0,gamma:0};CAAT.DRAG_THRESHOLD_X=5;CAAT.DRAG_THRESHOLD_Y=5;CAAT.renderEnabled=false;CAAT.FPS=60;CAAT.windowResizeListeners=[];CAAT.registerResizeListener=function(a){CAAT.windowResizeListeners.push(a)};CAAT.unregisterResizeListener=function(a){for(var b=0;b<CAAT.windowResizeListeners.length;b++)if(a===CAAT.windowResizeListeners[b]){CAAT.windowResizeListeners.splice(b,1);break}};CAAT.keyListeners=[];CAAT.registerKeyListener=function(a){CAAT.keyListeners.push(a)};
 CAAT.SHIFT_KEY=16;CAAT.CONTROL_KEY=17;CAAT.ALT_KEY=18;CAAT.ENTER_KEY=13;CAAT.KEY_MODIFIERS={alt:false,control:false,shift:false};
-CAAT.GlobalEnableEvents=function(){if(!CAAT.GlobalEventsEnabled)this.GlobalEventsEnabled=true,window.addEventListener("keydown",function(a){var b=a.which?a.which:a.keyCode;if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=true;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=true;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=true;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](b,"down",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,shift:CAAT.KEY_MODIFIERS.shift},
-a)},false),window.addEventListener("keyup",function(a){var b=a.which?a.which:a.keyCode;if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=false;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=false;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=false;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](b,"up",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,shift:CAAT.KEY_MODIFIERS.shift},a)},false),window.addEventListener("resize",function(){for(var a=0;a<CAAT.windowResizeListeners.length;a++)CAAT.windowResizeListeners[a].windowResized(window.innerWidth,
-window.innerHeight)},false)};window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/CAAT.FPS)}}();CAAT.SET_INTERVAL=0;
+CAAT.KeyEvent=function(a,b,c,d){this.keyCode=a;this.action=b;this.modifiers=c;this.sourceEvent=d;this.getKeyCode=function(){return this.keyCode};this.getAction=function(){return this.action};this.modifiers=function(){return this.modifiers};this.isShiftPressed=function(){return this.modifiers.shift};this.isControlPressed=function(){return this.modifiers.control};this.isAltPressed=function(){return this.modifiers.alt};this.getSourceEvent=function(){return this.sourceEvent}};
+CAAT.GlobalEnableEvents=function(){if(!CAAT.GlobalEventsEnabled)this.GlobalEventsEnabled=true,window.addEventListener("keydown",function(a){var b=a.which?a.which:a.keyCode;a.preventDefault();if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=true;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=true;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=true;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](new CAAT.KeyEvent(b,"down",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,
+shift:CAAT.KEY_MODIFIERS.shift},a))},false),window.addEventListener("keyup",function(a){a.preventDefault();var b=a.which?a.which:a.keyCode;if(b===CAAT.SHIFT_KEY)CAAT.KEY_MODIFIERS.shift=false;else if(b===CAAT.CONTROL_KEY)CAAT.KEY_MODIFIERS.control=false;else if(b===CAAT.ALT_KEY)CAAT.KEY_MODIFIERS.alt=false;else for(var c=0;c<CAAT.keyListeners.length;c++)CAAT.keyListeners[c](new CAAT.KeyEvent(b,"up",{alt:CAAT.KEY_MODIFIERS.alt,control:CAAT.KEY_MODIFIERS.control,shift:CAAT.KEY_MODIFIERS.shift},a))},
+false),window.addEventListener("resize",function(){for(var a=0;a<CAAT.windowResizeListeners.length;a++)CAAT.windowResizeListeners[a].windowResized(window.innerWidth,window.innerHeight)},false)};window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/CAAT.FPS)}}();CAAT.SET_INTERVAL=0;
 CAAT.loop=function(a){if(!CAAT.renderEnabled)CAAT.FPS=a||60,CAAT.renderEnabled=true,CAAT.NO_PERF?setInterval(function(){for(var a=(new Date).getTime(),c=0,d=CAAT.director.length;c<d;c++)CAAT.director[c].renderFrame();CAAT.FRAME_TIME=a-CAAT.SET_INTERVAL;CAAT.SET_INTERVAL=a},1E3/CAAT.FPS):CAAT.renderFrame()};CAAT.RAF=0;CAAT.REQUEST_ANIMATION_FRAME_TIME=0;
 CAAT.renderFrame=function(){for(var a=(new Date).getTime(),b=0,c=CAAT.director.length;b<c;b++)CAAT.director[b].renderFrame();a=(new Date).getTime()-a;CAAT.FRAME_TIME=a;if(CAAT.RAF)CAAT.REQUEST_ANIMATION_FRAME_TIME=(new Date).getTime()-CAAT.RAF;CAAT.RAF=(new Date).getTime();window.requestAnimFrame(CAAT.renderFrame,0)};CAAT.setCursor=function(a){if(navigator.browser!=="iOS")document.body.style.cursor=a};CAAT.RegisterDirector=function(a){if(!CAAT.director)CAAT.director=[];CAAT.director.push(a);CAAT.GlobalEnableEvents()};
 (function(){function a(a){CAAT.rotationRate={alpha:0,beta:a[0],gamma:a[1]}}window.DeviceOrientationEvent?window.addEventListener("deviceorientation",function(b){a([b.beta,b.gamma])},true):window.DeviceMotionEvent?window.addEventListener("devicemotion",function(b){a([b.acceleration.x*2,b.acceleration.y*2])},true):window.addEventListener("MozOrientation",function(b){a([-b.y*45,b.x*45])},true)})();(function(){CAAT.SpriteImageHelper=function(a,b,c,d){this.x=a;this.y=b;this.width=c;this.height=d;return this};CAAT.SpriteImageHelper.prototype={x:0,y:0,width:0,height:0,u:0,v:0,u1:0,v1:0,setGL:function(a,b,c,d){this.u=a;this.v=b;this.u1=c;this.v1=d;return this}}})();
@@ -269,9 +270,9 @@ c.height=a.width;var d=c.getContext("2d");d.globalAlpha=1;d.fillStyle="rgba(0,0,
 "undefined")d=c.top;if(typeof c.bottom!=="undefined")e=c.bottom;if(typeof c.left!=="undefined")f=c.left;if(typeof c.right!=="undefined")g=c.right}c=document.createElement("canvas");c.width=a.width;c.height=a.height;var h=c.getContext("2d");h.fillStyle="rgba(0,0,0,0)";h.fillRect(0,0,a.width,a.height);h.drawImage(a,0,0);var i=h.getImageData(0,0,a.width,a.height).data,j,a=0,k=c.height-1,m=0,n=c.width-1,l=false;if(d){for(d=0;d<c.height;d++){for(j=0;j<c.width;j++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}a=
 d}if(e){l=false;for(d=c.height-1;d>=a;d--){for(j=0;j<c.width;j++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}k=d}if(f){l=false;for(j=0;j<c.width;j++){for(d=a;d<=k;d++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}m=j}if(g){l=false;for(j=c.width-1;j>=m;j--){for(d=a;d<=k;d++)if(i[d*c.width*4+3+j*4]>b){l=true;break}if(l)break}n=j}if(0===m&&0===a&&c.width-1===n&&c.height-1===k)return c;b=n-m+1;e=k-a+1;f=h.getImageData(m,a,b,e);c.width=b;c.height=e;h=c.getContext("2d");h.putImageData(f,0,0);
 return c};CAAT.modules.ImageUtil.createThumb=function(a,b,c,d){var b=b||24,c=c||24,e=document.createElement("canvas");e.width=b;e.height=c;var f=e.getContext("2d");if(d){var g=Math.max(a.width,a.height),d=a.width/g*b,g=a.height/g*c;f.drawImage(a,(b-d)/2,(c-g)/2,d,g)}else f.drawImage(a,0,0,b,c);return e}})();(function(){CAAT.Font=function(){return this};CAAT.Font.prototype={fontSize:10,fontSizeUnit:"px",font:"Sans-Serif",fontStyle:"",fillStyle:"#fff",strokeStyle:null,padding:0,image:null,charMap:null,height:0,setPadding:function(a){this.padding=a;return this},setFontStyle:function(a){this.fontStyle=a;return this},setFontSize:function(a){this.fontSize=a;this.fontSizeUnit="px";return this},setFont:function(a){this.font=a;return this},setFillStyle:function(a){this.fillStyle=a;return this},setStrokeStyle:function(a){this.strokeStyle=
-a;return this},create:function(a,b){var c=document.createElement("canvas");c.width=1;c.height=1;var d=c.getContext("2d");d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;var e=0,f=[],g,h;for(g=0;g<a.length;g++)h=Math.max(1,d.measureText(a.charAt(g)).width>>0)+2*b,f.push(h),e+=h;c.width=e;c.height=this.fontSize*1.5>>0;d=c.getContext("2d");d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;d.fillStyle=this.fillStyle;
-d.strokeStyle=this.strokeStyle;this.charMap={};for(g=e=0;g<a.length;g++)h=a.charAt(g),d.fillText(h,e+b,0),this.strokeStyle&&(d.beginPath(),d.strokeText(h,e+b,0)),this.charMap[h]={x:e,width:f[g]},e+=f[g];this.image=CAAT.modules.ImageUtil.optimize(c,32,{top:true,bottom:true,left:false,right:false});this.height=this.image.height;return this},stringWidth:function(a){var b,c,d=0,e;for(b=0,c=a.length;b<c;b++)e=this.charMap[a.charAt(b)],d+=e?e.width:10;return d},drawText:function(a,b,c,d){var e,f,g,h,i=
-this.image.height;for(e=0,f=a.length;e<f;e++)(g=this.charMap[a.charAt(e)])?(h=g.width,b.drawImage(this.image,g.x,0,h,i,c,d,h,i),c+=h):(b.strokeStyle="#f00",b.strokeRect(c,d,10,i),c+=10)},save:function(){var a=this.image.toDataURL("image/png");document.location.href=a.replace("image/png","image/octet-stream")}}})();(function(){CAAT.InterpolatorActor=function(){CAAT.InterpolatorActor.superclass.constructor.call(this);return this};CAAT.InterpolatorActor.prototype={interpolator:null,contour:null,S:50,gap:5,setGap:function(a){this.gap=a;return this},setInterpolator:function(a,b){this.interpolator=a;this.contour=a.getContour(b||this.S);return this},paint:function(a,b){CAAT.InterpolatorActor.superclass.paint.call(this,a,b);if(this.backgroundImage)return this;if(this.interpolator){var c=a.crc,d=this.width-2*this.gap,
+a;return this},createDefault:function(a){for(var b="",c=32;c<128;c++)b+=String.fromCharCode(c);return this.create(b,a)},create:function(a,b){this.padding=b;var c=document.createElement("canvas");c.width=1;c.height=1;var d=c.getContext("2d");d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;var e=0,f=[],g,h;for(g=0;g<a.length;g++)h=Math.max(1,(d.measureText(a.charAt(g)).width>>0)+1)+2*b,f.push(h),e+=h;c.width=e;c.height=this.fontSize*1.5>>0;d=c.getContext("2d");
+d.textBaseline="top";d.font=this.fontStyle+" "+this.fontSize+""+this.fontSizeUnit+" "+this.font;d.fillStyle=this.fillStyle;d.strokeStyle=this.strokeStyle;this.charMap={};for(g=e=0;g<a.length;g++)h=a.charAt(g),d.fillText(h,e+b,0),this.strokeStyle&&(d.beginPath(),d.strokeText(h,e+b,0)),this.charMap[h]={x:e,width:f[g]},e+=f[g];this.image=CAAT.modules.ImageUtil.optimize(c,32,{top:true,bottom:true,left:false,right:false});this.height=this.image.height;return this},stringWidth:function(a){var b,c,d=0,e;
+for(b=0,c=a.length;b<c;b++)e=this.charMap[a.charAt(b)],d+=e?e.width:10;return d},drawText:function(a,b,c,d){var e,f,g,h,i=this.image.height;for(e=0,f=a.length;e<f;e++)(g=this.charMap[a.charAt(e)])?(h=g.width,b.drawImage(this.image,g.x,0,h,i,c,d,h,i),c+=h):(b.strokeStyle="#f00",b.strokeRect(c,d,10,i),c+=10)},save:function(){var a=this.image.toDataURL("image/png");document.location.href=a.replace("image/png","image/octet-stream")}}})();(function(){CAAT.InterpolatorActor=function(){CAAT.InterpolatorActor.superclass.constructor.call(this);return this};CAAT.InterpolatorActor.prototype={interpolator:null,contour:null,S:50,gap:5,setGap:function(a){this.gap=a;return this},setInterpolator:function(a,b){this.interpolator=a;this.contour=a.getContour(b||this.S);return this},paint:function(a,b){CAAT.InterpolatorActor.superclass.paint.call(this,a,b);if(this.backgroundImage)return this;if(this.interpolator){var c=a.crc,d=this.width-2*this.gap,
 e=this.height-2*this.gap;c.beginPath();c.moveTo(this.gap+d*this.contour[0].x,-this.gap+this.height-e*this.contour[0].y);for(var f=1;f<this.contour.length;f++)c.lineTo(this.gap+d*this.contour[f].x,-this.gap+this.height-e*this.contour[f].y);c.strokeStyle=this.strokeStyle;c.stroke()}},getInterpolator:function(){return this.interpolator}};extend(CAAT.InterpolatorActor,CAAT.ActorContainer,null)})();(function(){CAAT.PathSegment=function(){this.bbox=new CAAT.Rectangle;return this};CAAT.PathSegment.prototype={color:"black",length:0,bbox:null,parent:null,setParent:function(a){this.parent=a;return this},setColor:function(a){if(a)this.color=a;return this},endCurvePosition:function(){},startCurvePosition:function(){},setPoints:function(){},setPoint:function(){},getPosition:function(){},getLength:function(){return this.length},getBoundingBox:function(){return this.bbox},numControlPoints:function(){},
 getControlPoint:function(){},endPath:function(){},getContour:function(){},updatePath:function(){},applyAsPath:function(){},transform:function(){}}})();
 (function(){CAAT.LinearPath=function(){CAAT.LinearPath.superclass.constructor.call(this);this.points=[];this.points.push(new CAAT.Point);this.points.push(new CAAT.Point);this.newPosition=new CAAT.Point(0,0,0);return this};CAAT.LinearPath.prototype={points:null,newPosition:null,applyAsPath:function(a){a.lineTo(this.points[0].x,this.points[1].y)},setPoint:function(a,b){b===0?this.points[0]=a:b===1&&(this.points[1]=a)},updatePath:function(){var a=this.points[1].x-this.points[0].x,b=this.points[1].y-
@@ -307,8 +308,8 @@ this.ax||-1===this.ay)this.ax=a,this.ay=b;this.point.x+=a-this.ax;this.point.y+=
 emptyBehaviorList:function(){this.behaviorList=[];return this},extractPathPoints:function(){if(!this.pathPoints){var a;this.pathPoints=[];for(a=0;a<this.numControlPoints();a++)this.pathPoints.push(this.getControlPoint(a).clone())}return this},addBehavior:function(a){this.behaviorList.push(a);this.extractPathPoints();return this},removeBehaviour:function(a){for(var b=this.behaviorList.length-1;b;)if(this.behaviorList[b]===a){this.behaviorList.splice(b,1);break}return this},removeBehaviorById:function(a){for(var b=
 0;b<this.behaviorList.length;b++)this.behaviorList[b].id===a&&this.behaviorList.splice(b,1);return this},applyBehaviors:function(a){if(this.behaviorList.length){for(var b=0;b<this.behaviorList.length;b++)this.behaviorList[b].apply(a,this);this.setATMatrix();for(b=0;b<this.numControlPoints();b++)this.setPoint(this.matrix.transformCoord(this.pathPoints[b].clone()),b)}return this},setATMatrix:function(){this.matrix.identity();this.tmpMatrix.identity();var a=this.matrix.matrix,b,c,d,e,f,g,h,i,j,k;h=this.bbox;
 var m=h.width,n=h.height,l=h.x,o=h.y;h=1;j=e=0;g=1;i=this.tb_x-l;k=this.tb_y-o;if(this.rb_angle){var p=this.rb_rotateAnchorX*m+l,q=this.rb_rotateAnchorY*n+o;i+=h*p+e*q;k+=j*p+g*q;b=Math.cos(this.rb_angle);c=Math.sin(this.rb_angle);d=h;f=j;h=d*b+e*c;e=-d*c+e*b;j=f*b+g*c;g=-f*c+g*b;i+=-h*p-e*q;k+=-j*p-g*q}if(this.sb_scaleX!=1||this.sb_scaleY!=1)m=this.sb_scaleAnchorX*m+l,n=this.sb_scaleAnchorY*n+o,i+=h*m+e*n,k+=j*m+g*n,h*=this.sb_scaleX,e*=this.sb_scaleY,j*=this.sb_scaleX,g*=this.sb_scaleY,i+=-h*m-
-e*n,k+=-j*m-g*n;a[0]=h;a[1]=e;a[2]=i;a[3]=j;a[4]=g;a[5]=k;return this},setRotationAnchored:function(a,b,c){this.rb_angle=a;this.rb_rotateAnchorX=b;this.rb_rotateAnchorY=c;return this},setScaleAnchored:function(a,b,c,d){this.sb_scaleX=a;this.sb_scaleAnchorX=c;this.sb_scaleY=b;this.sb_scaleAnchorY=d;return this},setLocation:function(a,b){this.tb_x=a;this.tb_y=b;return this}};extend(CAAT.Path,CAAT.PathSegment,null)})();(function(){CAAT.PathActor=function(){CAAT.PathActor.superclass.constructor.call(this);return this};CAAT.PathActor.prototype={path:null,pathBoundingRectangle:null,bOutline:false,outlineColor:"black",getPath:function(){return this.path},setPath:function(a){this.path=a;this.pathBoundingRectangle=a.getBoundingBox();return this},paint:function(a){var b=a.crc;b.strokeStyle="black";this.path.paint(a);if(this.bOutline)b.strokeStyle=this.outlineColor,b.strokeRect(0,0,this.width,this.height)},showBoundingBox:function(a,
-b){if((this.bOutline=a)&&b)this.outlineColor=b},setInteractive:function(a){this.path&&this.path.setInteractive(a);return this},mouseDrag:function(a){this.path.drag(a.point.x,a.point.y)},mouseDown:function(a){this.path.press(a.point.x,a.point.y)},mouseUp:function(){this.path.release()}};extend(CAAT.PathActor,CAAT.ActorContainer,null)})();(function(){CAAT.ImageProcessor=function(){return this};CAAT.ImageProcessor.prototype={canvas:null,ctx:null,width:0,height:0,imageData:null,bufferImage:null,grabPixels:function(a){var b=document.createElement("canvas");if(b!==null){b.width=a.width;b.height=a.height;var c=b.getContext("2d");c.drawImage(a,0,0);try{return c.getImageData(0,0,b.width,b.height)}catch(d){CAAT.log("error pixelgrabbing.",a)}}return null},makeArray:function(a,b){for(var c=[],d=0;d<a;d++)c.push(b);return c},makeArray2D:function(a,
+e*n,k+=-j*m-g*n;a[0]=h;a[1]=e;a[2]=i;a[3]=j;a[4]=g;a[5]=k;return this},setRotationAnchored:function(a,b,c){this.rb_angle=a;this.rb_rotateAnchorX=b;this.rb_rotateAnchorY=c;return this},setScaleAnchored:function(a,b,c,d){this.sb_scaleX=a;this.sb_scaleAnchorX=c;this.sb_scaleY=b;this.sb_scaleAnchorY=d;return this},setLocation:function(a,b){this.tb_x=a;this.tb_y=b;return this}};extend(CAAT.Path,CAAT.PathSegment,null)})();(function(){CAAT.PathActor=function(){CAAT.PathActor.superclass.constructor.call(this);return this};CAAT.PathActor.prototype={path:null,pathBoundingRectangle:null,bOutline:false,outlineColor:"black",getPath:function(){return this.path},setPath:function(a){this.path=a;this.pathBoundingRectangle=a.getBoundingBox();return this},paint:function(a,b){CAAT.PathActor.superclass.paint.call(this,a,b);var c=a.crc;c.strokeStyle="black";this.path.paint(a);if(this.bOutline)c.strokeStyle=this.outlineColor,c.strokeRect(0,
+0,this.width,this.height)},showBoundingBox:function(a,b){if((this.bOutline=a)&&b)this.outlineColor=b},setInteractive:function(a){this.path&&this.path.setInteractive(a);return this},mouseDrag:function(a){this.path.drag(a.point.x,a.point.y)},mouseDown:function(a){this.path.press(a.point.x,a.point.y)},mouseUp:function(){this.path.release()}};extend(CAAT.PathActor,CAAT.ActorContainer,null)})();(function(){CAAT.ImageProcessor=function(){return this};CAAT.ImageProcessor.prototype={canvas:null,ctx:null,width:0,height:0,imageData:null,bufferImage:null,grabPixels:function(a){var b=document.createElement("canvas");if(b!==null){b.width=a.width;b.height=a.height;var c=b.getContext("2d");c.drawImage(a,0,0);try{return c.getImageData(0,0,b.width,b.height)}catch(d){CAAT.log("error pixelgrabbing.",a)}}return null},makeArray:function(a,b){for(var c=[],d=0;d<a;d++)c.push(b);return c},makeArray2D:function(a,
 b,c){for(var d=[],e=0;e<a;e++)d.push(this.makeArray(b,c));return d},initialize:function(a,b){this.width=a;this.height=b;this.canvas=document.createElement("canvas");if(this.canvas!==null)this.canvas.width=a,this.canvas.height=b,this.ctx=this.canvas.getContext("2d"),this.imageData=this.ctx.getImageData(0,0,a,b),this.bufferImage=this.imageData.data;return this},clear:function(a,b,c,d){if(null===this.imageData)return this;for(var e=this.imageData.data,f=0;f<this.width*this.height;f++)e[f*4+0]=a,e[f*
 4+1]=b,e[f*4+2]=c,e[f*4+3]=d;this.imageData.data=e;return this},getImageData:function(){return this.ctx.getImageData(0,0,this.width,this.height)},apply:function(){if(null!==this.imageData)this.imageData.data=this.bufferImage,this.ctx.putImageData(this.imageData,0,0);return this},getCanvas:function(){return this.canvas},createPattern:function(a){return this.ctx.createPattern(this.canvas,a?a:"repeat")},paint:function(a){null!==this.canvas&&a.ctx.drawImage(this.getCanvas(),0,0)}}})();
 (function(){CAAT.IMPlasma=function(){CAAT.IMPlasma.superclass.constructor.call(this);return this};CAAT.IMPlasma.prototype={wavetable:null,m_colorMap:null,spd1:1,spd2:2,spd3:3,spd4:4,pos1:0,pos2:0,pos3:0,pos4:0,tpos1:0,tpos2:0,tpos3:0,tpos4:0,m_colorMapSize:256,i1:0,i2:0,i3:0,i4:0,b1:false,b2:false,b3:false,b4:false,color:[4294967295,4294902015,4294967040,4278255360,4294901760,4278190335,4278190080],initialize:function(a,b,c){CAAT.IMPlasma.superclass.initialize.call(this,a,b);this.wavetable=[];for(a=
diff --git a/build/caat.js b/build/caat.js
index 05d9eed1..c1888393 100644
--- a/build/caat.js
+++ b/build/caat.js
@@ -21,11 +21,11 @@ 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.
 
-Version: 0.1 build: 407
+Version: 0.1 build: 415
 
 Created on:
-DATE: 2011-12-18
-TIME: 16:41:42
+DATE: 2011-12-27
+TIME: 20:33:29
 */
 
 
@@ -493,7 +493,7 @@ var cp1= proxy(
         /**
          * Multiplies this matrix by another matrix.
          *
-         * @param n {CAAT.Matrix3} a CAAT.Matrix3 object.
+         * @param m {CAAT.Matrix3} a CAAT.Matrix3 object.
          * @return this
          */
 	    multiply : function( m ) {
@@ -1325,7 +1325,7 @@ var cp1= proxy(
          * 14 colors plus the two initial ones will be calculated.
          * @param step {number} return this color index of all the calculated colors.
          *
-         * @return { r{number}, g{number}, b{number} } return an object with the new calculated color components.
+         * @return { r:{number}, g:{number}, b:{number} } return an object with the new calculated color components.
          * @static
          */
         interpolate : function( r0, g0, b0, r1, g1, b1, nsteps, step) {
@@ -10165,6 +10165,49 @@ CAAT.KEY_MODIFIERS= {
     shift:      false
 };
 
+/**
+ * Define a key event.
+ * @constructor
+ * @param keyCode
+ * @param up_or_down
+ * @param modifiers
+ * @param originalEvent
+ */
+CAAT.KeyEvent= function( keyCode, up_or_down, modifiers, originalEvent ) {
+    this.keyCode= keyCode;
+    this.action=  up_or_down;
+    this.modifiers= modifiers;
+    this.sourceEvent= originalEvent;
+
+    this.getKeyCode= function() {
+        return this.keyCode;
+    };
+
+    this.getAction= function() {
+        return this.action;
+    };
+
+    this.modifiers= function() {
+        return this.modifiers;
+    };
+
+    this.isShiftPressed= function() {
+        return this.modifiers.shift;
+    };
+
+    this.isControlPressed= function() {
+        return this.modifiers.control;
+    };
+
+    this.isAltPressed= function() {
+        return this.modifiers.alt;
+    };
+
+    this.getSourceEvent= function() {
+        return this.sourceEvent;
+    };
+};
+
 /**
  * Enable window level input events, keys and redimension.
  */
@@ -10180,6 +10223,8 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
         function(evt) {
             var key = (evt.which) ? evt.which : evt.keyCode;
 
+            evt.preventDefault();
+
             if ( key===CAAT.SHIFT_KEY ) {
                 CAAT.KEY_MODIFIERS.shift= true;
             } else if ( key===CAAT.CONTROL_KEY ) {
@@ -10188,7 +10233,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                 CAAT.KEY_MODIFIERS.alt= true;
             } else {
                 for( var i=0; i<CAAT.keyListeners.length; i++ ) {
-                    CAAT.keyListeners[i](
+                    CAAT.keyListeners[i]( new CAAT.KeyEvent(
                         key,
                         'down',
                         {
@@ -10196,7 +10241,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                             control:    CAAT.KEY_MODIFIERS.control,
                             shift:      CAAT.KEY_MODIFIERS.shift
                         },
-                        evt);
+                        evt)) ;
                 }
             }
         },
@@ -10204,6 +10249,9 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
 
     window.addEventListener('keyup',
         function(evt) {
+
+            evt.preventDefault();
+
             var key = (evt.which) ? evt.which : evt.keyCode;
             if ( key===CAAT.SHIFT_KEY ) {
                 CAAT.KEY_MODIFIERS.shift= false;
@@ -10214,7 +10262,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
             } else {
 
                 for( var i=0; i<CAAT.keyListeners.length; i++ ) {
-                    CAAT.keyListeners[i](
+                    CAAT.keyListeners[i]( new CAAT.KeyEvent(
                         key,
                         'up',
                         {
@@ -10222,7 +10270,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                             control:    CAAT.KEY_MODIFIERS.control,
                             shift:      CAAT.KEY_MODIFIERS.shift
                         },
-                        evt);
+                        evt));
                 }
             }
         },
@@ -12613,7 +12661,19 @@ CAAT.modules.CircleManager = CAAT.modules.CircleManager || {};/**
             return this;
         },
 
+        createDefault : function( padding ) {
+            var str="";
+            for( var i=32; i<128; i++ ) {
+                str= str+String.fromCharCode(i);
+            }
+
+            return this.create( str, padding );
+        },
+
         create : function( chars, padding ) {
+
+            this.padding= padding;
+
             var canvas= document.createElement('canvas');
             canvas.width=   1;
             canvas.height=  1;
@@ -12629,7 +12689,7 @@ CAAT.modules.CircleManager = CAAT.modules.CircleManager || {};/**
             var cchar;
 
             for( i=0; i<chars.length; i++ ) {
-                var cw= Math.max( 1, ctx.measureText( chars.charAt(i) ).width>>0 ) + 2 * padding;
+                var cw= Math.max( 1, (ctx.measureText( chars.charAt(i) ).width>>0)+1 ) + 2 * padding ;
                 charWidth.push(cw);
                 textWidth+= cw;
             }
@@ -14546,6 +14606,8 @@ CAAT.modules.CircleManager = CAAT.modules.CircleManager || {};/**
          */
 		paint : function(director, time) {
 
+            CAAT.PathActor.superclass.paint.call( this, director, time );
+
             var canvas= director.crc;
 
             canvas.strokeStyle='black';
diff --git a/changelog b/changelog
index 32c393fe..286d282a 100644
--- a/changelog
+++ b/changelog
@@ -1,3 +1,20 @@
+12/26/2011 *0.1 Build 415*
+--------------------------
+
+* Fixed PathActor to be able to draw background image or color.
+* Fixed key event system. Now, the original key event is 'preventDefault'ed, and the notification callback receives an
+  object of the form:
+
+  new CAAT.KeyEvent(
+      key,
+      'up' | 'down',
+      {
+          alt:        CAAT.KEY_MODIFIERS.alt,
+          control:    CAAT.KEY_MODIFIERS.control,
+          shift:      CAAT.KEY_MODIFIERS.shift
+      },
+      source_event );
+
 12/17/2011 *0.1 Build:407*
 --------------------------
 
diff --git a/documentation/demos/demo1/path_org.html b/documentation/demos/demo1/path_org.html
index 4b559432..5dc779e7 100644
--- a/documentation/demos/demo1/path_org.html
+++ b/documentation/demos/demo1/path_org.html
@@ -220,7 +220,6 @@ <h1>Path management</h1>
              */
             var pa = new CAAT.PathActor().
                     setBounds(0, 0, 800, director.canvas.height).
-                    create().
                     setPath(path);
 
             /**
diff --git a/documentation/jsdoc/files.html b/documentation/jsdoc/files.html
index 58e69ab5..1c72b402 100644
--- a/documentation/jsdoc/files.html
+++ b/documentation/jsdoc/files.html
@@ -232,6 +232,8 @@ <h2>Classes</h2>
 	
 	<li><a href="symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -694,7 +696,7 @@ <h2><a href="symbols/src/_Users_ibon_js_CAAT_src_webgl_ShaderUtil.js.html">/User
 		</div>
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/documentation/jsdoc/index.html b/documentation/jsdoc/index.html
index 83b5f1c0..485a3c12 100644
--- a/documentation/jsdoc/index.html
+++ b/documentation/jsdoc/index.html
@@ -232,6 +232,8 @@ <h2>Classes</h2>
 	
 	<li><a href="symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -426,6 +428,12 @@ <h2><a href="symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></h2
 			</div>
 			<hr />
 			
+			<div>
+				<h2><a href="symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></h2>
+				
+			</div>
+			<hr />
+			
 			<div>
 				<h2><a href="symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></h2>
 				
@@ -556,7 +564,7 @@ <h2><a href="symbols/Function.html">Function</a></h2>
 		</div>
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/documentation/jsdoc/symbols/CAAT.Actor.html b/documentation/jsdoc/symbols/CAAT.Actor.html
index e25a1a46..bcc893f0 100644
--- a/documentation/jsdoc/symbols/CAAT.Actor.html
+++ b/documentation/jsdoc/symbols/CAAT.Actor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -4442,7 +4444,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.ActorContainer.html b/documentation/jsdoc/symbols/CAAT.ActorContainer.html
index ad82b24b..23a01a3c 100644
--- a/documentation/jsdoc/symbols/CAAT.ActorContainer.html
+++ b/documentation/jsdoc/symbols/CAAT.ActorContainer.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1416,7 +1418,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.AudioManager.html b/documentation/jsdoc/symbols/CAAT.AudioManager.html
index 7d82661f..334f04c7 100644
--- a/documentation/jsdoc/symbols/CAAT.AudioManager.html
+++ b/documentation/jsdoc/symbols/CAAT.AudioManager.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1125,7 +1127,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.B2DBodyActor.html b/documentation/jsdoc/symbols/CAAT.B2DBodyActor.html
index 423d3b2f..82ee30ed 100644
--- a/documentation/jsdoc/symbols/CAAT.B2DBodyActor.html
+++ b/documentation/jsdoc/symbols/CAAT.B2DBodyActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1225,7 +1227,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.B2DCircularBody.html b/documentation/jsdoc/symbols/CAAT.B2DCircularBody.html
index f3e6a07d..30866125 100644
--- a/documentation/jsdoc/symbols/CAAT.B2DCircularBody.html
+++ b/documentation/jsdoc/symbols/CAAT.B2DCircularBody.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -630,7 +632,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.B2DPolygonBody.html b/documentation/jsdoc/symbols/CAAT.B2DPolygonBody.html
index d965afcd..ec7ac7fc 100644
--- a/documentation/jsdoc/symbols/CAAT.B2DPolygonBody.html
+++ b/documentation/jsdoc/symbols/CAAT.B2DPolygonBody.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -712,7 +714,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Bezier.html b/documentation/jsdoc/symbols/CAAT.Bezier.html
index 8bbfc75e..3afde4ac 100644
--- a/documentation/jsdoc/symbols/CAAT.Bezier.html
+++ b/documentation/jsdoc/symbols/CAAT.Bezier.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1020,7 +1022,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.CatmullRom.html b/documentation/jsdoc/symbols/CAAT.CatmullRom.html
index e64fef94..a374c6a5 100644
--- a/documentation/jsdoc/symbols/CAAT.CatmullRom.html
+++ b/documentation/jsdoc/symbols/CAAT.CatmullRom.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -595,7 +597,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Color.RGB.html b/documentation/jsdoc/symbols/CAAT.Color.RGB.html
index 38200b88..adee7603 100644
--- a/documentation/jsdoc/symbols/CAAT.Color.RGB.html
+++ b/documentation/jsdoc/symbols/CAAT.Color.RGB.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -468,7 +470,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Color.html b/documentation/jsdoc/symbols/CAAT.Color.html
index 43ee9808..0d74c117 100644
--- a/documentation/jsdoc/symbols/CAAT.Color.html
+++ b/documentation/jsdoc/symbols/CAAT.Color.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -692,7 +694,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:57 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Curve.html b/documentation/jsdoc/symbols/CAAT.Curve.html
index 14103de4..a0cb4359 100644
--- a/documentation/jsdoc/symbols/CAAT.Curve.html
+++ b/documentation/jsdoc/symbols/CAAT.Curve.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -967,7 +969,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:13 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.CurvePath.html b/documentation/jsdoc/symbols/CAAT.CurvePath.html
index 173dc065..a7de6b96 100644
--- a/documentation/jsdoc/symbols/CAAT.CurvePath.html
+++ b/documentation/jsdoc/symbols/CAAT.CurvePath.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1197,7 +1199,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:14 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Director.html b/documentation/jsdoc/symbols/CAAT.Director.html
index 0b7597f0..6f445d2b 100644
--- a/documentation/jsdoc/symbols/CAAT.Director.html
+++ b/documentation/jsdoc/symbols/CAAT.Director.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -4206,7 +4208,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:14 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.IMActor.html b/documentation/jsdoc/symbols/CAAT.IMActor.html
index 970f852a..58dd347f 100644
--- a/documentation/jsdoc/symbols/CAAT.IMActor.html
+++ b/documentation/jsdoc/symbols/CAAT.IMActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -551,7 +553,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:14 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.IMBump.html b/documentation/jsdoc/symbols/CAAT.IMBump.html
index 6452ae6d..0b726697 100644
--- a/documentation/jsdoc/symbols/CAAT.IMBump.html
+++ b/documentation/jsdoc/symbols/CAAT.IMBump.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -817,7 +819,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.IMPlasma.html b/documentation/jsdoc/symbols/CAAT.IMPlasma.html
index 89fd5a36..027c370c 100644
--- a/documentation/jsdoc/symbols/CAAT.IMPlasma.html
+++ b/documentation/jsdoc/symbols/CAAT.IMPlasma.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -572,7 +574,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.IMRotoZoom.html b/documentation/jsdoc/symbols/CAAT.IMRotoZoom.html
index fc9b18ee..d4f510db 100644
--- a/documentation/jsdoc/symbols/CAAT.IMRotoZoom.html
+++ b/documentation/jsdoc/symbols/CAAT.IMRotoZoom.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -618,7 +620,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.ImagePreloader.html b/documentation/jsdoc/symbols/CAAT.ImagePreloader.html
index 00006e39..2337f0fb 100644
--- a/documentation/jsdoc/symbols/CAAT.ImagePreloader.html
+++ b/documentation/jsdoc/symbols/CAAT.ImagePreloader.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -474,7 +476,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:14 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.ImageProcessor.html b/documentation/jsdoc/symbols/CAAT.ImageProcessor.html
index 6cbb1fb9..56bf3c0f 100644
--- a/documentation/jsdoc/symbols/CAAT.ImageProcessor.html
+++ b/documentation/jsdoc/symbols/CAAT.ImageProcessor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -958,7 +960,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Interpolator.html b/documentation/jsdoc/symbols/CAAT.Interpolator.html
index bb2b011a..be8c4cc4 100644
--- a/documentation/jsdoc/symbols/CAAT.Interpolator.html
+++ b/documentation/jsdoc/symbols/CAAT.Interpolator.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1353,7 +1355,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:58 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.InterpolatorActor.html b/documentation/jsdoc/symbols/CAAT.InterpolatorActor.html
index 78faa83e..aca026f3 100644
--- a/documentation/jsdoc/symbols/CAAT.InterpolatorActor.html
+++ b/documentation/jsdoc/symbols/CAAT.InterpolatorActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -613,7 +615,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.LinearPath.html b/documentation/jsdoc/symbols/CAAT.LinearPath.html
index 09b01bd7..620fe74a 100644
--- a/documentation/jsdoc/symbols/CAAT.LinearPath.html
+++ b/documentation/jsdoc/symbols/CAAT.LinearPath.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1077,7 +1079,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Matrix3.html b/documentation/jsdoc/symbols/CAAT.Matrix3.html
index 44c18764..1085a3cb 100644
--- a/documentation/jsdoc/symbols/CAAT.Matrix3.html
+++ b/documentation/jsdoc/symbols/CAAT.Matrix3.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1613,7 +1615,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.MatrixStack.html b/documentation/jsdoc/symbols/CAAT.MatrixStack.html
index 077618d8..84423d4f 100644
--- a/documentation/jsdoc/symbols/CAAT.MatrixStack.html
+++ b/documentation/jsdoc/symbols/CAAT.MatrixStack.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -622,7 +624,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.MouseEvent.html b/documentation/jsdoc/symbols/CAAT.MouseEvent.html
index 05dfc566..178d9ebe 100644
--- a/documentation/jsdoc/symbols/CAAT.MouseEvent.html
+++ b/documentation/jsdoc/symbols/CAAT.MouseEvent.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -643,7 +645,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Path.html b/documentation/jsdoc/symbols/CAAT.Path.html
index f56a2fe2..d3ca7c2b 100644
--- a/documentation/jsdoc/symbols/CAAT.Path.html
+++ b/documentation/jsdoc/symbols/CAAT.Path.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -2979,7 +2981,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.PathActor.html b/documentation/jsdoc/symbols/CAAT.PathActor.html
index ec2bb428..937c22b3 100644
--- a/documentation/jsdoc/symbols/CAAT.PathActor.html
+++ b/documentation/jsdoc/symbols/CAAT.PathActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -786,7 +788,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.PathSegment.html b/documentation/jsdoc/symbols/CAAT.PathSegment.html
index eb413695..ed028390 100644
--- a/documentation/jsdoc/symbols/CAAT.PathSegment.html
+++ b/documentation/jsdoc/symbols/CAAT.PathSegment.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1145,7 +1147,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Point.html b/documentation/jsdoc/symbols/CAAT.Point.html
index 18bfcdcc..da57b8a0 100644
--- a/documentation/jsdoc/symbols/CAAT.Point.html
+++ b/documentation/jsdoc/symbols/CAAT.Point.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1269,7 +1271,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Rectangle.html b/documentation/jsdoc/symbols/CAAT.Rectangle.html
index e16fc7c1..efbb37cc 100644
--- a/documentation/jsdoc/symbols/CAAT.Rectangle.html
+++ b/documentation/jsdoc/symbols/CAAT.Rectangle.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -798,7 +800,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.Scene.html b/documentation/jsdoc/symbols/CAAT.Scene.html
index 6bd6686b..d0e6a5e9 100644
--- a/documentation/jsdoc/symbols/CAAT.Scene.html
+++ b/documentation/jsdoc/symbols/CAAT.Scene.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1746,7 +1748,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.ShapeActor.html b/documentation/jsdoc/symbols/CAAT.ShapeActor.html
index f116ae3b..8650264e 100644
--- a/documentation/jsdoc/symbols/CAAT.ShapeActor.html
+++ b/documentation/jsdoc/symbols/CAAT.ShapeActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -988,7 +990,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:16 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.SpriteImage.html b/documentation/jsdoc/symbols/CAAT.SpriteImage.html
index cb566d0c..963418cf 100644
--- a/documentation/jsdoc/symbols/CAAT.SpriteImage.html
+++ b/documentation/jsdoc/symbols/CAAT.SpriteImage.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1738,7 +1740,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.StarActor.html b/documentation/jsdoc/symbols/CAAT.StarActor.html
index 9c5a8110..7cfe43d8 100644
--- a/documentation/jsdoc/symbols/CAAT.StarActor.html
+++ b/documentation/jsdoc/symbols/CAAT.StarActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1030,7 +1032,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.TextActor.html b/documentation/jsdoc/symbols/CAAT.TextActor.html
index 4c541288..75876779 100644
--- a/documentation/jsdoc/symbols/CAAT.TextActor.html
+++ b/documentation/jsdoc/symbols/CAAT.TextActor.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1121,7 +1123,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.TimerTask.html b/documentation/jsdoc/symbols/CAAT.TimerTask.html
index 539d6afa..b9775b9e 100644
--- a/documentation/jsdoc/symbols/CAAT.TimerTask.html
+++ b/documentation/jsdoc/symbols/CAAT.TimerTask.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -644,7 +646,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.html b/documentation/jsdoc/symbols/CAAT.html
index c3817a5b..de58875a 100644
--- a/documentation/jsdoc/symbols/CAAT.html
+++ b/documentation/jsdoc/symbols/CAAT.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1813,7 +1815,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:12 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:56 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircle.html b/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircle.html
index 70f2ca72..d766bc7a 100644
--- a/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircle.html
+++ b/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircle.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1023,7 +1025,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircleManager.html b/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircleManager.html
index 3f7fdc5e..261abc46 100644
--- a/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircleManager.html
+++ b/documentation/jsdoc/symbols/CAAT.modules.CircleManager.PackedCircleManager.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -1052,7 +1054,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.modules.CircleManager.html b/documentation/jsdoc/symbols/CAAT.modules.CircleManager.html
index 9f3741cf..152491b0 100644
--- a/documentation/jsdoc/symbols/CAAT.modules.CircleManager.html
+++ b/documentation/jsdoc/symbols/CAAT.modules.CircleManager.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -381,7 +383,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.modules.LocalStorage.html b/documentation/jsdoc/symbols/CAAT.modules.LocalStorage.html
index 9bf0c255..53bcf817 100644
--- a/documentation/jsdoc/symbols/CAAT.modules.LocalStorage.html
+++ b/documentation/jsdoc/symbols/CAAT.modules.LocalStorage.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -566,7 +568,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/CAAT.modules.html b/documentation/jsdoc/symbols/CAAT.modules.html
index 1c81d507..45afbd33 100644
--- a/documentation/jsdoc/symbols/CAAT.modules.html
+++ b/documentation/jsdoc/symbols/CAAT.modules.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -474,7 +476,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:15 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:59 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/Function.html b/documentation/jsdoc/symbols/Function.html
index d83d7131..a12c8e50 100644
--- a/documentation/jsdoc/symbols/Function.html
+++ b/documentation/jsdoc/symbols/Function.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -392,7 +394,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:17 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:34:00 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/_global_.html b/documentation/jsdoc/symbols/_global_.html
index cb2b6b37..8b02607a 100644
--- a/documentation/jsdoc/symbols/_global_.html
+++ b/documentation/jsdoc/symbols/_global_.html
@@ -237,6 +237,8 @@ <h2>Classes</h2>
 	
 	<li><a href="../symbols/CAAT.InterpolatorActor.html">CAAT.InterpolatorActor</a></li>
 	
+	<li><a href="../symbols/CAAT.KeyEvent.html">CAAT.KeyEvent</a></li>
+	
 	<li><a href="../symbols/CAAT.LinearPath.html">CAAT.LinearPath</a></li>
 	
 	<li><a href="../symbols/CAAT.Matrix3.html">CAAT.Matrix3</a></li>
@@ -768,7 +770,7 @@ <h1 class="classTitle">
 <!-- ============================== footer ================================= -->
 		<div class="fineprint" style="clear:both">
 			
-			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Dec 18 2011 16:42:12 GMT+0100 (CET)
+			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Tue Dec 27 2011 20:33:56 GMT+0100 (CET)
 		</div>
 	</body>
 </html>
diff --git a/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_model_mouseevent.js.html b/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_model_mouseevent.js.html
index e89a3fe3..9fae90d1 100644
--- a/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_model_mouseevent.js.html
+++ b/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_model_mouseevent.js.html
@@ -176,196 +176,244 @@
 <span class='line'>169</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>170</span> 
 <span class='line'>171</span> </span><span class="COMM">/**
-<span class='line'>172</span>  * Enable window level input events, keys and redimension.
-<span class='line'>173</span>  */</span><span class="WHIT">
-<span class='line'>174</span> </span><span class="NAME">CAAT.GlobalEnableEvents</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">__GlobalEnableEvents</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>175</span> 
-<span class='line'>176</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CAAT.GlobalEventsEnabled</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>177</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>178</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>179</span> 
-<span class='line'>180</span> </span><span class="WHIT">    </span><span class="NAME">this.GlobalEventsEnabled</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>181</span> 
-<span class='line'>182</span> </span><span class="WHIT">    </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'keydown'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>183</span> </span><span class="WHIT">        </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">evt</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>184</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">key</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">evt.which</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">evt.which</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">evt.keyCode</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>185</span> 
-<span class='line'>186</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.SHIFT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>187</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>188</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.CONTROL_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>189</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>190</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.ALT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>191</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>192</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>193</span> </span><span class="WHIT">                </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">CAAT.keyListeners.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>194</span> </span><span class="WHIT">                    </span><span class="NAME">CAAT.keyListeners</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>195</span> </span><span class="WHIT">                        </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>196</span> </span><span class="WHIT">                        </span><span class="STRN">'down'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>197</span> </span><span class="WHIT">                        </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>198</span> </span><span class="WHIT">                            </span><span class="NAME">alt</span><span class="PUNC">:</span><span class="WHIT">        </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>199</span> </span><span class="WHIT">                            </span><span class="NAME">control</span><span class="PUNC">:</span><span class="WHIT">    </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>200</span> </span><span class="WHIT">                            </span><span class="NAME">shift</span><span class="PUNC">:</span><span class="WHIT">      </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="WHIT">
-<span class='line'>201</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>202</span> </span><span class="WHIT">                        </span><span class="NAME">evt</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>203</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>204</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>205</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>206</span> </span><span class="WHIT">        </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>207</span> 
-<span class='line'>208</span> </span><span class="WHIT">    </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'keyup'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>209</span> </span><span class="WHIT">        </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">evt</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>210</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">key</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">evt.which</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">evt.which</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">evt.keyCode</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>211</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.SHIFT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>212</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>213</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.CONTROL_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>214</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>215</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.ALT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>216</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>217</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>172</span>  * Define a key event.
+<span class='line'>173</span>  * @constructor
+<span class='line'>174</span>  * @param keyCode
+<span class='line'>175</span>  * @param up_or_down
+<span class='line'>176</span>  * @param modifiers
+<span class='line'>177</span>  * @param originalEvent
+<span class='line'>178</span>  */</span><span class="WHIT">
+<span class='line'>179</span> </span><span class="NAME">CAAT.KeyEvent</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">keyCode</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">up_or_down</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">modifiers</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">originalEvent</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>180</span> </span><span class="WHIT">    </span><span class="NAME">this.keyCode</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">keyCode</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>181</span> </span><span class="WHIT">    </span><span class="NAME">this.action</span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">up_or_down</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>182</span> </span><span class="WHIT">    </span><span class="NAME">this.modifiers</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">modifiers</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">    </span><span class="NAME">this.sourceEvent</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">originalEvent</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>184</span> 
+<span class='line'>185</span> </span><span class="WHIT">    </span><span class="NAME">this.getKeyCode</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>186</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.keyCode</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>187</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>188</span> 
+<span class='line'>189</span> </span><span class="WHIT">    </span><span class="NAME">this.getAction</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>190</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.action</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>191</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>192</span> 
+<span class='line'>193</span> </span><span class="WHIT">    </span><span class="NAME">this.modifiers</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>194</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.modifiers</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>195</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>196</span> 
+<span class='line'>197</span> </span><span class="WHIT">    </span><span class="NAME">this.isShiftPressed</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>198</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.modifiers.shift</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>199</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>200</span> 
+<span class='line'>201</span> </span><span class="WHIT">    </span><span class="NAME">this.isControlPressed</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.modifiers.control</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>203</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>204</span> 
+<span class='line'>205</span> </span><span class="WHIT">    </span><span class="NAME">this.isAltPressed</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>206</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.modifiers.alt</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>207</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>208</span> 
+<span class='line'>209</span> </span><span class="WHIT">    </span><span class="NAME">this.getSourceEvent</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.sourceEvent</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>211</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>212</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>213</span> 
+<span class='line'>214</span> </span><span class="COMM">/**
+<span class='line'>215</span>  * Enable window level input events, keys and redimension.
+<span class='line'>216</span>  */</span><span class="WHIT">
+<span class='line'>217</span> </span><span class="NAME">CAAT.GlobalEnableEvents</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">__GlobalEnableEvents</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
 <span class='line'>218</span> 
-<span class='line'>219</span> </span><span class="WHIT">                </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">CAAT.keyListeners.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>220</span> </span><span class="WHIT">                    </span><span class="NAME">CAAT.keyListeners</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>221</span> </span><span class="WHIT">                        </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>222</span> </span><span class="WHIT">                        </span><span class="STRN">'up'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>223</span> </span><span class="WHIT">                        </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>224</span> </span><span class="WHIT">                            </span><span class="NAME">alt</span><span class="PUNC">:</span><span class="WHIT">        </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>225</span> </span><span class="WHIT">                            </span><span class="NAME">control</span><span class="PUNC">:</span><span class="WHIT">    </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>226</span> </span><span class="WHIT">                            </span><span class="NAME">shift</span><span class="PUNC">:</span><span class="WHIT">      </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="WHIT">
-<span class='line'>227</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>228</span> </span><span class="WHIT">                        </span><span class="NAME">evt</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>229</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>230</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>231</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>232</span> </span><span class="WHIT">        </span><span class="KEYW">false</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>233</span> 
-<span class='line'>234</span> </span><span class="WHIT">    </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'resize'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>235</span> </span><span class="WHIT">        </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">evt</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>236</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">CAAT.windowResizeListeners.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>237</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.windowResizeListeners</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">windowResized</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>238</span> </span><span class="WHIT">                        </span><span class="NAME">window.innerWidth</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>239</span> </span><span class="WHIT">                        </span><span class="NAME">window.innerHeight</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>240</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>241</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>242</span> </span><span class="WHIT">        </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>243</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>244</span> 
-<span class='line'>245</span> </span><span class="COMM">/**
-<span class='line'>246</span>  * Polyfill for requestAnimationFrame.
-<span class='line'>247</span>  */</span><span class="WHIT">
-<span class='line'>248</span> </span><span class="NAME">window.requestAnimFrame</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>249</span> </span><span class="WHIT">  </span><span class="KEYW">return</span><span class="WHIT">  </span><span class="NAME">window.requestAnimationFrame</span><span class="WHIT">       </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>250</span> </span><span class="WHIT">          </span><span class="NAME">window.webkitRequestAnimationFrame</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>251</span> </span><span class="WHIT">          </span><span class="NAME">window.mozRequestAnimationFrame</span><span class="WHIT">    </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>252</span> </span><span class="WHIT">          </span><span class="NAME">window.oRequestAnimationFrame</span><span class="WHIT">      </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>253</span> </span><span class="WHIT">          </span><span class="NAME">window.msRequestAnimationFrame</span><span class="WHIT">     </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>254</span> </span><span class="WHIT">          </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">raf</span><span class="PUNC">(</span><span class="COMM">/* function */</span><span class="WHIT"> </span><span class="NAME">callback</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="COMM">/* DOMElement */</span><span class="WHIT"> </span><span class="NAME">element</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>255</span> </span><span class="WHIT">            </span><span class="NAME">window.setTimeout</span><span class="PUNC">(</span><span class="NAME">callback</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1000</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">CAAT.FPS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>256</span> </span><span class="WHIT">          </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>257</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>258</span> 
-<span class='line'>259</span> </span><span class="NAME">CAAT.SET_INTERVAL</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>260</span> </span><span class="COMM">/**
-<span class='line'>261</span>  * Main animation loop entry point.
-<span class='line'>262</span>  * @param fps {number} desired fps. This parameter makes no sense unless requestAnimationFrame function
-<span class='line'>263</span>  * is not present in the system.
-<span class='line'>264</span>  */</span><span class="WHIT">
-<span class='line'>265</span> </span><span class="NAME">CAAT.loop</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">fps</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>266</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">CAAT.renderEnabled</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>267</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>268</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>269</span> 
-<span class='line'>270</span> 
-<span class='line'>271</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.FPS</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fps</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">60</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>272</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.renderEnabled</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>273</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">CAAT.NO_PERF</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>274</span> </span><span class="WHIT">        </span><span class="NAME">setInterval</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>275</span> </span><span class="WHIT">                </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>276</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>277</span> </span><span class="WHIT">                    </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">CAAT.director.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">l</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>278</span> </span><span class="WHIT">                        </span><span class="NAME">CAAT.director</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">renderFrame</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>279</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>280</span> </span><span class="WHIT">                    </span><span class="COMM">//t= new Date().getTime()-t;</span><span class="WHIT">
-<span class='line'>281</span> </span><span class="WHIT">                    </span><span class="NAME">CAAT.FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">CAAT.SET_INTERVAL</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>282</span> </span><span class="WHIT">                    
-<span class='line'>283</span>                     </span><span class="NAME">CAAT.SET_INTERVAL</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>284</span> 
-<span class='line'>285</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>286</span> </span><span class="WHIT">                </span><span class="NUMB">1000</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">CAAT.FPS</span><span class="WHIT">
-<span class='line'>287</span> </span><span class="WHIT">        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>288</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>289</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.renderFrame</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>290</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>291</span> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>219</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CAAT.GlobalEventsEnabled</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>220</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>221</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>222</span> 
+<span class='line'>223</span> </span><span class="WHIT">    </span><span class="NAME">this.GlobalEventsEnabled</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>224</span> 
+<span class='line'>225</span> </span><span class="WHIT">    </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'keydown'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>226</span> </span><span class="WHIT">        </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">evt</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>227</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">key</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">evt.which</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">evt.which</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">evt.keyCode</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>228</span> 
+<span class='line'>229</span> </span><span class="WHIT">            </span><span class="NAME">evt.preventDefault</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>230</span> 
+<span class='line'>231</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.SHIFT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>232</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>233</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.CONTROL_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>234</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>235</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.ALT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>236</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>237</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>238</span> </span><span class="WHIT">                </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">CAAT.keyListeners.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>239</span> </span><span class="WHIT">                    </span><span class="NAME">CAAT.keyListeners</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">CAAT.KeyEvent</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>240</span> </span><span class="WHIT">                        </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>241</span> </span><span class="WHIT">                        </span><span class="STRN">'down'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>242</span> </span><span class="WHIT">                        </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>243</span> </span><span class="WHIT">                            </span><span class="NAME">alt</span><span class="PUNC">:</span><span class="WHIT">        </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>244</span> </span><span class="WHIT">                            </span><span class="NAME">control</span><span class="PUNC">:</span><span class="WHIT">    </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>245</span> </span><span class="WHIT">                            </span><span class="NAME">shift</span><span class="PUNC">:</span><span class="WHIT">      </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="WHIT">
+<span class='line'>246</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>247</span> </span><span class="WHIT">                        </span><span class="NAME">evt</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>248</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>249</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>250</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>251</span> </span><span class="WHIT">        </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>252</span> 
+<span class='line'>253</span> </span><span class="WHIT">    </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'keyup'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>254</span> </span><span class="WHIT">        </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">evt</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>255</span> 
+<span class='line'>256</span> </span><span class="WHIT">            </span><span class="NAME">evt.preventDefault</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>257</span> 
+<span class='line'>258</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">key</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">evt.which</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">evt.which</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">evt.keyCode</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>259</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.SHIFT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>260</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>261</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.CONTROL_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>262</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>263</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">===</span><span class="NAME">CAAT.ALT_KEY</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>264</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>265</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>266</span> 
+<span class='line'>267</span> </span><span class="WHIT">                </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">CAAT.keyListeners.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>268</span> </span><span class="WHIT">                    </span><span class="NAME">CAAT.keyListeners</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">CAAT.KeyEvent</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>269</span> </span><span class="WHIT">                        </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>270</span> </span><span class="WHIT">                        </span><span class="STRN">'up'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>271</span> </span><span class="WHIT">                        </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>272</span> </span><span class="WHIT">                            </span><span class="NAME">alt</span><span class="PUNC">:</span><span class="WHIT">        </span><span class="NAME">CAAT.KEY_MODIFIERS.alt</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>273</span> </span><span class="WHIT">                            </span><span class="NAME">control</span><span class="PUNC">:</span><span class="WHIT">    </span><span class="NAME">CAAT.KEY_MODIFIERS.control</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>274</span> </span><span class="WHIT">                            </span><span class="NAME">shift</span><span class="PUNC">:</span><span class="WHIT">      </span><span class="NAME">CAAT.KEY_MODIFIERS.shift</span><span class="WHIT">
+<span class='line'>275</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>276</span> </span><span class="WHIT">                        </span><span class="NAME">evt</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>277</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>278</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>279</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>280</span> </span><span class="WHIT">        </span><span class="KEYW">false</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>281</span> 
+<span class='line'>282</span> </span><span class="WHIT">    </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'resize'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>283</span> </span><span class="WHIT">        </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">evt</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>284</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">CAAT.windowResizeListeners.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>285</span> </span><span class="WHIT">                </span><span class="NAME">CAAT.windowResizeListeners</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">windowResized</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>286</span> </span><span class="WHIT">                        </span><span class="NAME">window.innerWidth</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>287</span> </span><span class="WHIT">                        </span><span class="NAME">window.innerHeight</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>288</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>289</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>290</span> </span><span class="WHIT">        </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>291</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>292</span> 
-<span class='line'>293</span> 
-<span class='line'>294</span> </span><span class="NAME">CAAT.RAF</span><span class="PUNC">=</span><span class="WHIT">                       </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">    </span><span class="COMM">// requestAnimationFrame time reference.</span><span class="WHIT">
-<span class='line'>295</span> </span><span class="NAME">CAAT.REQUEST_ANIMATION_FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT">   </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>296</span> </span><span class="COMM">/**
-<span class='line'>297</span>  * Make a frame for each director instance present in the system.
-<span class='line'>298</span>  */</span><span class="WHIT">
-<span class='line'>299</span> </span><span class="NAME">CAAT.renderFrame</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>300</span> </span><span class="WHIT">    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>301</span> </span><span class="WHIT">    </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">l</span><span class="PUNC">=</span><span class="NAME">CAAT.director.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">l</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>302</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.director</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">renderFrame</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>303</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>304</span> </span><span class="WHIT">    </span><span class="NAME">t</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">-</span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>305</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>293</span> </span><span class="COMM">/**
+<span class='line'>294</span>  * Polyfill for requestAnimationFrame.
+<span class='line'>295</span>  */</span><span class="WHIT">
+<span class='line'>296</span> </span><span class="NAME">window.requestAnimFrame</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>297</span> </span><span class="WHIT">  </span><span class="KEYW">return</span><span class="WHIT">  </span><span class="NAME">window.requestAnimationFrame</span><span class="WHIT">       </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>298</span> </span><span class="WHIT">          </span><span class="NAME">window.webkitRequestAnimationFrame</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>299</span> </span><span class="WHIT">          </span><span class="NAME">window.mozRequestAnimationFrame</span><span class="WHIT">    </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>300</span> </span><span class="WHIT">          </span><span class="NAME">window.oRequestAnimationFrame</span><span class="WHIT">      </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>301</span> </span><span class="WHIT">          </span><span class="NAME">window.msRequestAnimationFrame</span><span class="WHIT">     </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>302</span> </span><span class="WHIT">          </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">raf</span><span class="PUNC">(</span><span class="COMM">/* function */</span><span class="WHIT"> </span><span class="NAME">callback</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="COMM">/* DOMElement */</span><span class="WHIT"> </span><span class="NAME">element</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>303</span> </span><span class="WHIT">            </span><span class="NAME">window.setTimeout</span><span class="PUNC">(</span><span class="NAME">callback</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1000</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">CAAT.FPS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>304</span> </span><span class="WHIT">          </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>305</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>306</span> 
-<span class='line'>307</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">CAAT.RAF</span><span class="PUNC">)</span><span class="WHIT">   </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>308</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.REQUEST_ANIMATION_FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">-</span><span class="NAME">CAAT.RAF</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>309</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>310</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.RAF</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>311</span> 
-<span class='line'>312</span> </span><span class="WHIT">    </span><span class="NAME">window.requestAnimFrame</span><span class="PUNC">(</span><span class="NAME">CAAT.renderFrame</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>313</span> </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>314</span> 
-<span class='line'>315</span> </span><span class="COMM">/**
-<span class='line'>316</span>  * Set browser cursor. The preferred method for cursor change is this method.
-<span class='line'>317</span>  * @param cursor
-<span class='line'>318</span>  */</span><span class="WHIT">
-<span class='line'>319</span> </span><span class="NAME">CAAT.setCursor</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">cursor</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>320</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">navigator.browser</span><span class="PUNC">!==</span><span class="STRN">'iOS'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>321</span> </span><span class="WHIT">        </span><span class="NAME">document.body.style.cursor</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cursor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>322</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>323</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>324</span> 
-<span class='line'>325</span> </span><span class="COMM">/**
-<span class='line'>326</span>  * Register and keep track of every CAAT.Director instance in the document.
-<span class='line'>327</span>  */</span><span class="WHIT">
-<span class='line'>328</span> </span><span class="NAME">CAAT.RegisterDirector</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">__CAATGlobal_RegisterDirector</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>329</span> 
-<span class='line'>330</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">CAAT.director</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>331</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.director</span><span class="PUNC">=</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>332</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>333</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.director.push</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>334</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.GlobalEnableEvents</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>335</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>336</span> 
-<span class='line'>337</span> </span><span class="COMM">/**
-<span class='line'>338</span>  * Enable at window level accelerometer events.
-<span class='line'>339</span>  */</span><span class="WHIT">
-<span class='line'>340</span> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>307</span> </span><span class="NAME">CAAT.SET_INTERVAL</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>308</span> </span><span class="COMM">/**
+<span class='line'>309</span>  * Main animation loop entry point.
+<span class='line'>310</span>  * @param fps {number} desired fps. This parameter makes no sense unless requestAnimationFrame function
+<span class='line'>311</span>  * is not present in the system.
+<span class='line'>312</span>  */</span><span class="WHIT">
+<span class='line'>313</span> </span><span class="NAME">CAAT.loop</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">fps</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>314</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">CAAT.renderEnabled</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>315</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>316</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>317</span> 
+<span class='line'>318</span> 
+<span class='line'>319</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.FPS</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fps</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">60</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>320</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.renderEnabled</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>321</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">CAAT.NO_PERF</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>322</span> </span><span class="WHIT">        </span><span class="NAME">setInterval</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>323</span> </span><span class="WHIT">                </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>324</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>325</span> </span><span class="WHIT">                    </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">CAAT.director.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">l</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>326</span> </span><span class="WHIT">                        </span><span class="NAME">CAAT.director</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">renderFrame</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>327</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>328</span> </span><span class="WHIT">                    </span><span class="COMM">//t= new Date().getTime()-t;</span><span class="WHIT">
+<span class='line'>329</span> </span><span class="WHIT">                    </span><span class="NAME">CAAT.FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">CAAT.SET_INTERVAL</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>330</span> </span><span class="WHIT">                    
+<span class='line'>331</span>                     </span><span class="NAME">CAAT.SET_INTERVAL</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>332</span> 
+<span class='line'>333</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>334</span> </span><span class="WHIT">                </span><span class="NUMB">1000</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">CAAT.FPS</span><span class="WHIT">
+<span class='line'>335</span> </span><span class="WHIT">        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>336</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>337</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.renderFrame</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>338</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>339</span> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>340</span> 
 <span class='line'>341</span> 
-<span class='line'>342</span> </span><span class="WHIT">    </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="NAME">data</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>343</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.rotationRate</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>344</span> </span><span class="WHIT">                </span><span class="NAME">alpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>345</span> </span><span class="WHIT">                </span><span class="NAME">beta</span><span class="WHIT">  </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">data</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>346</span> </span><span class="WHIT">                </span><span class="NAME">gamma</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">data</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>347</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>348</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>349</span> 
-<span class='line'>350</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">window.DeviceOrientationEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>351</span> </span><span class="WHIT">        </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">"deviceorientation"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">event</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>352</span> </span><span class="WHIT">            </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="NAME">event.beta</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">event.gamma</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>353</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>354</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">window.DeviceMotionEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>355</span> </span><span class="WHIT">        </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'devicemotion'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">event</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>356</span> </span><span class="WHIT">            </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="NAME">event.acceleration.x</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">event.acceleration.y</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>357</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>358</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>359</span> </span><span class="WHIT">        </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">"MozOrientation"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">event</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>360</span> </span><span class="WHIT">            </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="PUNC">-</span><span class="NAME">event.y</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">45</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">event.x</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">45</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>361</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>362</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>363</span> 
-<span class='line'>364</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
+<span class='line'>342</span> </span><span class="NAME">CAAT.RAF</span><span class="PUNC">=</span><span class="WHIT">                       </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">    </span><span class="COMM">// requestAnimationFrame time reference.</span><span class="WHIT">
+<span class='line'>343</span> </span><span class="NAME">CAAT.REQUEST_ANIMATION_FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT">   </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>344</span> </span><span class="COMM">/**
+<span class='line'>345</span>  * Make a frame for each director instance present in the system.
+<span class='line'>346</span>  */</span><span class="WHIT">
+<span class='line'>347</span> </span><span class="NAME">CAAT.renderFrame</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>348</span> </span><span class="WHIT">    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>349</span> </span><span class="WHIT">    </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">l</span><span class="PUNC">=</span><span class="NAME">CAAT.director.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">l</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>350</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.director</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">renderFrame</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>351</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>352</span> </span><span class="WHIT">    </span><span class="NAME">t</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">-</span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>353</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>354</span> 
+<span class='line'>355</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">CAAT.RAF</span><span class="PUNC">)</span><span class="WHIT">   </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>356</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.REQUEST_ANIMATION_FRAME_TIME</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">-</span><span class="NAME">CAAT.RAF</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>357</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>358</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.RAF</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Date</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getTime</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>359</span> 
+<span class='line'>360</span> </span><span class="WHIT">    </span><span class="NAME">window.requestAnimFrame</span><span class="PUNC">(</span><span class="NAME">CAAT.renderFrame</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>361</span> </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>362</span> 
+<span class='line'>363</span> </span><span class="COMM">/**
+<span class='line'>364</span>  * Set browser cursor. The preferred method for cursor change is this method.
+<span class='line'>365</span>  * @param cursor
+<span class='line'>366</span>  */</span><span class="WHIT">
+<span class='line'>367</span> </span><span class="NAME">CAAT.setCursor</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">cursor</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>368</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">navigator.browser</span><span class="PUNC">!==</span><span class="STRN">'iOS'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>369</span> </span><span class="WHIT">        </span><span class="NAME">document.body.style.cursor</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cursor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>370</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>371</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>372</span> 
+<span class='line'>373</span> </span><span class="COMM">/**
+<span class='line'>374</span>  * Register and keep track of every CAAT.Director instance in the document.
+<span class='line'>375</span>  */</span><span class="WHIT">
+<span class='line'>376</span> </span><span class="NAME">CAAT.RegisterDirector</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">__CAATGlobal_RegisterDirector</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>377</span> 
+<span class='line'>378</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">CAAT.director</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>379</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.director</span><span class="PUNC">=</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>380</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>381</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.director.push</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>382</span> </span><span class="WHIT">    </span><span class="NAME">CAAT.GlobalEnableEvents</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>383</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>384</span> 
+<span class='line'>385</span> </span><span class="COMM">/**
+<span class='line'>386</span>  * Enable at window level accelerometer events.
+<span class='line'>387</span>  */</span><span class="WHIT">
+<span class='line'>388</span> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>389</span> 
+<span class='line'>390</span> </span><span class="WHIT">    </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="NAME">data</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>391</span> </span><span class="WHIT">        </span><span class="NAME">CAAT.rotationRate</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>392</span> </span><span class="WHIT">                </span><span class="NAME">alpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>393</span> </span><span class="WHIT">                </span><span class="NAME">beta</span><span class="WHIT">  </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">data</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>394</span> </span><span class="WHIT">                </span><span class="NAME">gamma</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">data</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>395</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>396</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>397</span> 
+<span class='line'>398</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">window.DeviceOrientationEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>399</span> </span><span class="WHIT">        </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">"deviceorientation"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">event</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>400</span> </span><span class="WHIT">            </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="NAME">event.beta</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">event.gamma</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>401</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>402</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">window.DeviceMotionEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>403</span> </span><span class="WHIT">        </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">'devicemotion'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">event</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>404</span> </span><span class="WHIT">            </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="NAME">event.acceleration.x</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">event.acceleration.y</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>405</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>406</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>407</span> </span><span class="WHIT">        </span><span class="NAME">window.addEventListener</span><span class="PUNC">(</span><span class="STRN">"MozOrientation"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">event</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>408</span> </span><span class="WHIT">            </span><span class="NAME">tilt</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="PUNC">-</span><span class="NAME">event.y</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">45</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">event.x</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">45</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>409</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>410</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>411</span> 
+<span class='line'>412</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
diff --git a/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_path_pathactor.js.html b/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_path_pathactor.js.html
index b0def8d4..d2dd0a6f 100644
--- a/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_path_pathactor.js.html
+++ b/documentation/jsdoc/symbols/src/_Users_ibon_js_CAAT_src_path_pathactor.js.html
@@ -53,60 +53,62 @@
 <span class='line'> 46</span>          */</span><span class="WHIT">
 <span class='line'> 47</span> </span><span class="WHIT">		</span><span class="NAME">paint</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">time</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
 <span class='line'> 48</span> 
-<span class='line'> 49</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">director.crc</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 49</span> </span><span class="WHIT">            </span><span class="NAME">CAAT.PathActor.superclass.paint.call</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">director</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">time</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'> 50</span> 
-<span class='line'> 51</span> </span><span class="WHIT">            </span><span class="NAME">canvas.strokeStyle</span><span class="PUNC">=</span><span class="STRN">'black'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 52</span> </span><span class="WHIT">			</span><span class="NAME">this.path.paint</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 53</span> 
-<span class='line'> 54</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.bOutline</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 55</span> </span><span class="WHIT">				</span><span class="NAME">canvas.strokeStyle</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.outlineColor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 56</span> </span><span class="WHIT">				</span><span class="NAME">canvas.strokeRect</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="NAME">this.width</span><span class="PUNC">,</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 57</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 58</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 59</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'> 60</span>          * Enables/disables drawing of the contained path's bounding box.
-<span class='line'> 61</span>          * @param show {boolean} whether to show the bounding box
-<span class='line'> 62</span>          * @param color {*string} optional parameter defining the path's bounding box stroke style.
-<span class='line'> 63</span>          */</span><span class="WHIT">
-<span class='line'> 64</span> </span><span class="WHIT">        </span><span class="NAME">showBoundingBox</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">show</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 65</span> </span><span class="WHIT">            </span><span class="NAME">this.bOutline</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">show</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 66</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">show</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">color</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 67</span> </span><span class="WHIT">                </span><span class="NAME">this.outlineColor</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 68</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 69</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 70</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'> 71</span>          * Set the contained path as interactive. This means it can be changed on the fly by manipulation
-<span class='line'> 72</span>          * of its control points.
-<span class='line'> 73</span>          * @param interactive
-<span class='line'> 74</span>          */</span><span class="WHIT">
-<span class='line'> 75</span> </span><span class="WHIT">        </span><span class="NAME">setInteractive</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">interactive</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 76</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.path</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 77</span> </span><span class="WHIT">                </span><span class="NAME">this.path.setInteractive</span><span class="PUNC">(</span><span class="NAME">interactive</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 78</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 79</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 80</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 81</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'> 82</span>          * Route mouse dragging functionality to the contained path.
-<span class='line'> 83</span>          * @param mouseEvent {CAAT.MouseEvent}
-<span class='line'> 84</span>          */</span><span class="WHIT">
-<span class='line'> 85</span> </span><span class="WHIT">		</span><span class="NAME">mouseDrag</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">mouseEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 86</span> </span><span class="WHIT">			</span><span class="NAME">this.path.drag</span><span class="PUNC">(</span><span class="NAME">mouseEvent.point.x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">mouseEvent.point.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 87</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 88</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'> 89</span>          * Route mouse down functionality to the contained path.
-<span class='line'> 90</span>          * @param mouseEvent {CAAT.MouseEvent}
-<span class='line'> 91</span>          */</span><span class="WHIT">
-<span class='line'> 92</span> </span><span class="WHIT">		</span><span class="NAME">mouseDown</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">mouseEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 93</span> </span><span class="WHIT">			</span><span class="NAME">this.path.press</span><span class="PUNC">(</span><span class="NAME">mouseEvent.point.x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">mouseEvent.point.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 94</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 95</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'> 96</span>          * Route mouse up functionality to the contained path.
-<span class='line'> 97</span>          * @param mouseEvent {CAAT.MouseEvent}
-<span class='line'> 98</span>          */</span><span class="WHIT">
-<span class='line'> 99</span> </span><span class="WHIT">		</span><span class="NAME">mouseUp</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">mouseEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>100</span> </span><span class="WHIT">			</span><span class="NAME">this.path.release</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>101</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>102</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>103</span> 
-<span class='line'>104</span> </span><span class="WHIT">    </span><span class="NAME">extend</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CAAT.PathActor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">CAAT.ActorContainer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>105</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
+<span class='line'> 51</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">director.crc</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 52</span> 
+<span class='line'> 53</span> </span><span class="WHIT">            </span><span class="NAME">canvas.strokeStyle</span><span class="PUNC">=</span><span class="STRN">'black'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 54</span> </span><span class="WHIT">			</span><span class="NAME">this.path.paint</span><span class="PUNC">(</span><span class="NAME">director</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 55</span> 
+<span class='line'> 56</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.bOutline</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 57</span> </span><span class="WHIT">				</span><span class="NAME">canvas.strokeStyle</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.outlineColor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 58</span> </span><span class="WHIT">				</span><span class="NAME">canvas.strokeRect</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="NAME">this.width</span><span class="PUNC">,</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 59</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 60</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 61</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 62</span>          * Enables/disables drawing of the contained path's bounding box.
+<span class='line'> 63</span>          * @param show {boolean} whether to show the bounding box
+<span class='line'> 64</span>          * @param color {*string} optional parameter defining the path's bounding box stroke style.
+<span class='line'> 65</span>          */</span><span class="WHIT">
+<span class='line'> 66</span> </span><span class="WHIT">        </span><span class="NAME">showBoundingBox</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">show</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 67</span> </span><span class="WHIT">            </span><span class="NAME">this.bOutline</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">show</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 68</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">show</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">color</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 69</span> </span><span class="WHIT">                </span><span class="NAME">this.outlineColor</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 70</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 71</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 72</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 73</span>          * Set the contained path as interactive. This means it can be changed on the fly by manipulation
+<span class='line'> 74</span>          * of its control points.
+<span class='line'> 75</span>          * @param interactive
+<span class='line'> 76</span>          */</span><span class="WHIT">
+<span class='line'> 77</span> </span><span class="WHIT">        </span><span class="NAME">setInteractive</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">interactive</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 78</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.path</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 79</span> </span><span class="WHIT">                </span><span class="NAME">this.path.setInteractive</span><span class="PUNC">(</span><span class="NAME">interactive</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 80</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 81</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 82</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 83</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 84</span>          * Route mouse dragging functionality to the contained path.
+<span class='line'> 85</span>          * @param mouseEvent {CAAT.MouseEvent}
+<span class='line'> 86</span>          */</span><span class="WHIT">
+<span class='line'> 87</span> </span><span class="WHIT">		</span><span class="NAME">mouseDrag</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">mouseEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 88</span> </span><span class="WHIT">			</span><span class="NAME">this.path.drag</span><span class="PUNC">(</span><span class="NAME">mouseEvent.point.x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">mouseEvent.point.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 89</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 90</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 91</span>          * Route mouse down functionality to the contained path.
+<span class='line'> 92</span>          * @param mouseEvent {CAAT.MouseEvent}
+<span class='line'> 93</span>          */</span><span class="WHIT">
+<span class='line'> 94</span> </span><span class="WHIT">		</span><span class="NAME">mouseDown</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">mouseEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 95</span> </span><span class="WHIT">			</span><span class="NAME">this.path.press</span><span class="PUNC">(</span><span class="NAME">mouseEvent.point.x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">mouseEvent.point.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 96</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 97</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 98</span>          * Route mouse up functionality to the contained path.
+<span class='line'> 99</span>          * @param mouseEvent {CAAT.MouseEvent}
+<span class='line'>100</span>          */</span><span class="WHIT">
+<span class='line'>101</span> </span><span class="WHIT">		</span><span class="NAME">mouseUp</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">mouseEvent</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>102</span> </span><span class="WHIT">			</span><span class="NAME">this.path.release</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>103</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>104</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>105</span> 
+<span class='line'>106</span> </span><span class="WHIT">    </span><span class="NAME">extend</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CAAT.PathActor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">CAAT.ActorContainer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>107</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
diff --git a/src/model/mouseevent.js b/src/model/mouseevent.js
index 2fad234b..e0fecb7e 100644
--- a/src/model/mouseevent.js
+++ b/src/model/mouseevent.js
@@ -168,6 +168,49 @@ CAAT.KEY_MODIFIERS= {
     shift:      false
 };
 
+/**
+ * Define a key event.
+ * @constructor
+ * @param keyCode
+ * @param up_or_down
+ * @param modifiers
+ * @param originalEvent
+ */
+CAAT.KeyEvent= function( keyCode, up_or_down, modifiers, originalEvent ) {
+    this.keyCode= keyCode;
+    this.action=  up_or_down;
+    this.modifiers= modifiers;
+    this.sourceEvent= originalEvent;
+
+    this.getKeyCode= function() {
+        return this.keyCode;
+    };
+
+    this.getAction= function() {
+        return this.action;
+    };
+
+    this.modifiers= function() {
+        return this.modifiers;
+    };
+
+    this.isShiftPressed= function() {
+        return this.modifiers.shift;
+    };
+
+    this.isControlPressed= function() {
+        return this.modifiers.control;
+    };
+
+    this.isAltPressed= function() {
+        return this.modifiers.alt;
+    };
+
+    this.getSourceEvent= function() {
+        return this.sourceEvent;
+    };
+};
+
 /**
  * Enable window level input events, keys and redimension.
  */
@@ -183,6 +226,8 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
         function(evt) {
             var key = (evt.which) ? evt.which : evt.keyCode;
 
+            evt.preventDefault();
+
             if ( key===CAAT.SHIFT_KEY ) {
                 CAAT.KEY_MODIFIERS.shift= true;
             } else if ( key===CAAT.CONTROL_KEY ) {
@@ -191,7 +236,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                 CAAT.KEY_MODIFIERS.alt= true;
             } else {
                 for( var i=0; i<CAAT.keyListeners.length; i++ ) {
-                    CAAT.keyListeners[i](
+                    CAAT.keyListeners[i]( new CAAT.KeyEvent(
                         key,
                         'down',
                         {
@@ -199,7 +244,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                             control:    CAAT.KEY_MODIFIERS.control,
                             shift:      CAAT.KEY_MODIFIERS.shift
                         },
-                        evt);
+                        evt)) ;
                 }
             }
         },
@@ -207,6 +252,9 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
 
     window.addEventListener('keyup',
         function(evt) {
+
+            evt.preventDefault();
+
             var key = (evt.which) ? evt.which : evt.keyCode;
             if ( key===CAAT.SHIFT_KEY ) {
                 CAAT.KEY_MODIFIERS.shift= false;
@@ -217,7 +265,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
             } else {
 
                 for( var i=0; i<CAAT.keyListeners.length; i++ ) {
-                    CAAT.keyListeners[i](
+                    CAAT.keyListeners[i]( new CAAT.KeyEvent(
                         key,
                         'up',
                         {
@@ -225,7 +273,7 @@ CAAT.GlobalEnableEvents= function __GlobalEnableEvents() {
                             control:    CAAT.KEY_MODIFIERS.control,
                             shift:      CAAT.KEY_MODIFIERS.shift
                         },
-                        evt);
+                        evt));
                 }
             }
         },
diff --git a/src/modules/Font/font.js b/src/modules/Font/font.js
index 29c3d640..ab19705e 100644
--- a/src/modules/Font/font.js
+++ b/src/modules/Font/font.js
@@ -55,7 +55,19 @@
             return this;
         },
 
+        createDefault : function( padding ) {
+            var str="";
+            for( var i=32; i<128; i++ ) {
+                str= str+String.fromCharCode(i);
+            }
+
+            return this.create( str, padding );
+        },
+
         create : function( chars, padding ) {
+
+            this.padding= padding;
+
             var canvas= document.createElement('canvas');
             canvas.width=   1;
             canvas.height=  1;
@@ -71,7 +83,7 @@
             var cchar;
 
             for( i=0; i<chars.length; i++ ) {
-                var cw= Math.max( 1, ctx.measureText( chars.charAt(i) ).width>>0 ) + 2 * padding;
+                var cw= Math.max( 1, (ctx.measureText( chars.charAt(i) ).width>>0)+1 ) + 2 * padding ;
                 charWidth.push(cw);
                 textWidth+= cw;
             }
diff --git a/src/path/pathactor.js b/src/path/pathactor.js
index d2bd759e..be25d028 100644
--- a/src/path/pathactor.js
+++ b/src/path/pathactor.js
@@ -46,6 +46,8 @@
          */
 		paint : function(director, time) {
 
+            CAAT.PathActor.superclass.paint.call( this, director, time );
+
             var canvas= director.crc;
 
             canvas.strokeStyle='black';
@@ -59,7 +61,7 @@
         /**
          * Enables/disables drawing of the contained path's bounding box.
          * @param show {boolean} whether to show the bounding box
-         * @param color {*string} optional parameter defining the path's bounding box stroke style.
+         * @param color {=string} optional parameter defining the path's bounding box stroke style.
          */
         showBoundingBox : function(show, color) {
             this.bOutline= show;