# HG changeset patch
# User Sean Halle <seanhalle@yahoo.com>
# Date 1404673332 25200
# Node ID 32d17f6062cbc7e820916937fb13f9bdb9eec2a0
# Parent  5c0400b5ae595592e09c76169559aaf88863f02f
adding javascript code -- working on Display and Visualizer and srcHolder

diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/9__misc/multi_reference_bug.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/9__misc/multi_reference_bug.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,90 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+    var Scrollview       = require("famous/views/Scrollview");
+
+    var mainContext = Engine.createContext();
+	var mySurface1 = new Surface({
+	  size: [100, 100],
+      content: '<svg width="100" height="100"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">',
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+
+	var mySurface2 = new Surface({
+	  size: [100, 100],
+      content: '<svg width="100" height="100"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:blue;stroke-width:3;opacity:0.5">',
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+	var mySurface3 = new Surface({
+	  size: [100, 100],
+      content: '<svg width="100" height="100"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:green;stroke-width:3;opacity:0.5">',
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+	var mySurface4 = new Surface({
+	  size: [100, 100],
+      content: '<svg width="100" height="100"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">',
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+
+	var moveModifier1 = new StateModifier({
+        transform: Transform.translate(50, 50, 0)
+    });
+	var moveModifier2 = new StateModifier({
+        transform: Transform.translate(100, 100, 0)
+    });
+	var moveModifier3 = new StateModifier({
+        transform: Transform.translate(150, 150, 0)
+    });
+	var moveModifier4 = new StateModifier({
+        transform: Transform.translate(100, 100, 0)
+    });
+	var moveModifier5 = new StateModifier({
+        transform: Transform.translate(100, 100, 0)
+    });
+//A given surface object will only render once!  Have to
+// clone it if want multiple versions to be drawn.
+//Same goes for modifiers -- cannot put same modifier object at multiple 
+// places within tree -- it will only render children of ONE of those places!
+   mainContext.add(moveModifier1).add(mySurface1);
+   mainContext.add(moveModifier2).add(mySurface2);
+//uncomment this line to see the first disappear
+//   mainContext.add(moveModifier3).add(mySurface1);
+
+   //this shows ganged modifiers working correctly
+   mainContext.add(moveModifier4).add(moveModifier5).add(mySurface3);
+
+   //this shows that repeating modifier2 makes the second fail to render!
+// uncomment this line to see the second disappear!
+//   mainContext.add(moveModifier2).add(moveModifier3).add(mySurface4);
+   
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/9__misc/terminal.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/9__misc/terminal.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,1 @@
+!function a(b,c,e){function f(d,j){if(!c[d]){if(!b[d]){var i=typeof require=='function'&&require;if(!j&&i)return i(d,!0);if(g)return g(d,!0);throw new Error("Cannot find module '"+d+"'")}var h=c[d]={exports:{}};b[d][0].call(h.exports,function(c){var a=b[d][1][c];return f(a?a:c)},h,h.exports,a,b,c,e)}return c[d].exports}var g=typeof require=='function'&&require;for(var d=0;d<e.length;d++)f(e[d]);return f}({1:[function(a,D,C){function b(a){window.parent&&window.parent.postMessage&&window.parent.postMessage(a,'*')}function r(){document.body.className='focused'}function t(){document.body.className=''}function v(c){document.hasFocus&&document.hasFocus()&&r(),f=c||f;var a=f.split('/')[2];a!=='log'&&b('stream:'+a),l()}function l(){c=k(f);var a=new m(u);c.pipe(a).pipe(c),c.on('end',g),c.on('connect',j)}function B(){console.log('DIS'),b('term:dis'),c.removeListener('end',g),c.end()}function g(){if(console.log('RE'),window.term)try{document.body.removeChild(window.term.element)}catch(a){}e=!0,w(),setTimeout(l,5e3)}function u(a){e&&(e=!1,j()),a.meta==='terminal'&&y(a),a.meta==='clientEvents'&&A(a),a.meta==='terminalLog'&&x(a)}function j(){document.getElementById('loader').style.display='none',b('hide:loader')}function w(){document.getElementById('loader').style.display='block',b('show:loader')}function x(a){a.on('data',function(a){b('term:data'+a)})}function y(c){window.pty=c;var a=window.term=new s({cols:80,rows:24,useStyle:!0,screenKeys:!0});c.on('data',function(a){/\[1;32mExecuting Build Command: /.test(a)&&(console.log('BUILD'),b('stream:build')),/\[1;32mExecuting Run Command: /.test(a)&&(console.log('RUN'),b('stream:run')),/Process exited with code: /.test(a)&&(console.log('ERROR'),b('stream:error'))}),a.on('data',c.write.bind(c)),a.once('data',function(a){d.emit('enableLog')}),a.open(),c.pipe(a),a.end=a.destroy;var e=z.bind(null,a);e(),setTimeout(e,1e3),window.onresize=e}function z(a){var b=document.body.clientWidth/a.element.offsetWidth,c=document.body.clientHeight/a.element.offsetHeight;b=b*a.cols|0,c=c*a.rows|0,a.resize(b,c),typeof i==='function'&&i(b,c)}function A(g){var c=a('querystring').parse(window.location.search.slice(1)),b=c.options?JSON.parse(c.options):null,e=b&&b.args?b.args:[],f=b&&b.env?b.env:{};n.toStream(d).pipe(o.stringify()).pipe(g),i=function(a,b){d.emit('resize',a,b)},d.emit('startTerminal',e,f),setInterval(function a(){d.emit('ping',!0)},1e3)}a('es5-shimify');var s=a('term.js'),k=a('shoe'),i,m=a('mux-demux'),n=a('emit-stream'),o=a('JSONStream'),p=a('events').EventEmitter,q=a('away'),f,e=!0,c,d=new p,h=q(6e5);h.on('idle',B),h.on('active',g),window.onfocus=r,window.onblur=t,window.start=v},{JSONStream:2,away:5,'emit-stream':15,'es5-shimify':17,events:7,'mux-demux':18,querystring:9,shoe:24,'term.js':26}],2:[function(a,i,c){function d(a,b){return'string'===typeof a?b==a:a&&'function'===typeof a.exec?a.exec(b):'boolean'===typeof a?a:'function'===typeof a?a(b):!1}var e=a('__browserify_process'),f=a('__browserify_Buffer').Buffer,g=a('jsonparse'),h=a('stream').Stream,b=a('through');c.parse=function(c){var h=new g,a=b(function(a){if('string'===typeof a)if(e.browser){var c=new Array(a.length);for(var b=0;b<a.length;b++)c[b]=a.charCodeAt(b);a=new Int32Array(c)}else a=new f(a);h.write(a)},function(b){b&&a.write(b),a.queue(null)});'string'===typeof c&&(c=c.split('.').map(function(a){return a==='*'?!0:a===''?{recurse:!0}:a}));var i=0;return c&&c.length||(c=null),h.onValue=function(){if(!this.root&&this.stack.length==1&&(a.root=this.value),!c)return;var e=0,b=0;while(e<c.length){var g=c[e],f;if(b++,g&&!g.recurse){if(f=b===this.stack.length?this:this.stack[b],!f)return;if(!d(g,f.key))return;e++}else{e++;var h=c[e];if(!h)return;while(!0){if(f=b===this.stack.length?this:this.stack[b],!f)return;if(d(h,f.key)){e++;break}b++}}}if(b!==this.stack.length)return;i++,a.queue(this.value[this.key]),delete this.value[this.key]},h._onToken=h.onToken,h.onToken=function(b,d){h._onToken(b,d),this.stack.length===0&&a.root&&(c||a.queue(a.root),a.emit('root',a.root,i),i=0,a.root=null)},h.onError=function(b){a.emit('error',b)},a},c.stringify=function(c,d,e){c===!1?(c='',d='\n',e=''):c==null&&(c='[\n',d='\n,\n',e='\n]\n');var a,f=!0,g=!1;return a=b(function(e){g=!0;var b=JSON.stringify(e);f?(f=!1,a.queue(c+b)):a.queue(d+b)},function(b){g||a.queue(c),a.queue(e),a.queue(null)}),a},c.stringifyObject=function(c,d,e){c===!1?(c='',d='\n',e=''):c==null&&(c='{\n',d='\n,\n',e='\n}\n');var a=new h,f=!0,g=!1;return a=b(function(e){g=!0;var b=JSON.stringify(e[0])+':'+JSON.stringify(e[1]);f?(f=!1,a.queue(c+b)):a.queue(d+b)},function(b){g||a.queue(c),a.queue(e),a.queue(null)}),a}},{__browserify_Buffer:13,__browserify_process:14,jsonparse:3,stream:10,through:4}],3:[function(T,U,V){function y(c){var d=Object.keys(a);for(var b=0,f=d.length;b<f;b++){var e=d[b];if(a[e]===c)return e}return c&&'0x'+c.toString(16)}function S(){this.tState=d,this.value=undefined,this.string=undefined,this.unicode=undefined,this.negative=undefined,this.magnatude=undefined,this.position=undefined,this.exponent=undefined,this.negativeExponent=undefined,this.key=undefined,this.mode=undefined,this.stack=[],this.state=e,this.bytes_remaining=0,this.bytes_in_sequence=0,this.temp_buffs={2:new l(2),3:new l(3),4:new l(4)}}var l=T('__browserify_Buffer').Buffer,a={},M=a.LEFT_BRACE=1,h=a.RIGHT_BRACE=2,J=a.LEFT_BRACKET=3,n=a.RIGHT_BRACKET=4,i=a.COLON=5,j=a.COMMA=6,F=a.TRUE=7,G=a.FALSE=8,H=a.NULL=9,t=a.STRING=10,f=a.NUMBER=11,d=a.START=17,u=a.TRUE1=33,v=a.TRUE2=34,w=a.TRUE3=35,x=a.FALSE1=49,L=a.FALSE2=50,z=a.FALSE3=51,A=a.FALSE4=52,B=a.NULL1=65,C=a.NULL3=66,D=a.NULL2=67,E=a.NUMBER1=81,o=a.NUMBER2=82,p=a.NUMBER3=83,q=a.NUMBER4=84,I=a.NUMBER5=85,m=a.NUMBER6=86,K=a.NUMBER7=87,s=a.NUMBER8=88,c=a.STRING1=97,N=a.STRING2=98,O=a.STRING3=99,R=a.STRING4=100,Q=a.STRING5=101,P=a.STRING6=102,e=a.VALUE=113,r=a.KEY=114,g=a.OBJECT=129,k=a.ARRAY=130,b=S.prototype;b.charError=function(b,a){this.onError(new Error('Unexpected '+JSON.stringify(String.fromCharCode(b[a]))+' at position '+a+' in state '+y(this.tState)))},b.onError=function(a){throw a},b.write=function(e){typeof e==='string'&&(e=new l(e));var a;for(var b=0,r=e.length;b<r;b++)if(this.tState===d)a=e[b],a===123?this.onToken(M,'{'):a===125?this.onToken(h,'}'):a===91?this.onToken(J,'['):a===93?this.onToken(n,']'):a===58?this.onToken(i,':'):a===44?this.onToken(j,','):a===116?this.tState=u:a===102?this.tState=x:a===110?this.tState=B:a===34?(this.string='',this.tState=c):a===45?(this.negative=!0,this.tState=E):a===48?(this.magnatude=0,this.tState=o):a>48&&a<64?(this.magnatude=a-48,this.tState=p):a===32||a===9||a===10||a===13||this.charError(e,b);else if(this.tState===c)if(a=e[b],this.bytes_remaining>0){for(var g=0;g<this.bytes_remaining;g++)this.temp_buffs[this.bytes_in_sequence][this.bytes_in_sequence-this.bytes_remaining+g]=e[g];this.string+=this.temp_buffs[this.bytes_in_sequence].toString(),this.bytes_in_sequence=this.bytes_remaining=0,b=b+g-1}else if(this.bytes_remaining===0&&a>=128)if(a>=194&&a<=223&&(this.bytes_in_sequence=2),a>=224&&a<=239&&(this.bytes_in_sequence=3),a>=240&&a<=244&&(this.bytes_in_sequence=4),this.bytes_in_sequence+b>e.length){for(var k=0;k<=e.length-1-b;k++)this.temp_buffs[this.bytes_in_sequence][k]=e[b+k];this.bytes_remaining=b+this.bytes_in_sequence-e.length,b=e.length-1}else this.string+=e.slice(b,b+this.bytes_in_sequence).toString(),b=b+this.bytes_in_sequence-1;else a===34?(this.tState=d,this.onToken(t,this.string),this.string=undefined):a===92?this.tState=N:a>=32?this.string+=String.fromCharCode(a):this.charError(e,b);else this.tState===N?(a=e[b],a===34?(this.string+='"',this.tState=c):a===92?(this.string+='\\',this.tState=c):a===47?(this.string+='/',this.tState=c):a===98?(this.string+='',this.tState=c):a===102?(this.string+='',this.tState=c):a===110?(this.string+='\n',this.tState=c):a===114?(this.string+='\r',this.tState=c):a===116?(this.string+='	',this.tState=c):a===117?(this.unicode='',this.tState=O):this.charError(e,b)):this.tState===O||this.tState===R||this.tState===Q||this.tState===P?(a=e[b],a>=48&&a<64||a>64&&a<=70||a>96&&a<=102?(this.unicode+=String.fromCharCode(a),this.tState++===P&&(this.string+=String.fromCharCode(parseInt(this.unicode,16)),this.unicode=undefined,this.tState=c)):this.charError(e,b)):this.tState===E?(a=e[b],a===48?(this.magnatude=0,this.tState=o):a>48&&a<64?(this.magnatude=a-48,this.tState=p):this.charError(e,b)):this.tState===o?(a=e[b],a===46?(this.position=.1,this.tState=q):a===101||a===69?(this.exponent=0,this.tState=m):(this.tState=d,this.onToken(f,0),this.magnatude=undefined,this.negative=undefined,b--)):this.tState===p?(a=e[b],a===46?(this.position=.1,this.tState=q):a===101||a===69?(this.exponent=0,this.tState=m):a>=48&&a<64?this.magnatude=this.magnatude*10+a-48:(this.tState=d,this.negative&&(this.magnatude=-this.magnatude,this.negative=undefined),this.onToken(f,this.magnatude),this.magnatude=undefined,b--)):this.tState===q?(a=e[b],a>=48&&a<64?(this.magnatude+=this.position*(a-48),this.position/=10,this.tState=I):this.charError(e,b)):this.tState===I?(a=e[b],a>=48&&a<64?(this.magnatude+=this.position*(a-48),this.position/=10):a===101||a===69?(this.exponent=0,this.tState=m):(this.tState=d,this.negative&&(this.magnatude=-this.magnatude,this.negative=undefined),this.onToken(f,this.negative?-this.magnatude:this.magnatude),this.magnatude=undefined,this.position=undefined,b--)):this.tState===m?(a=e[b],a===43||a===45?(a===45&&(this.negativeExponent=!0),this.tState=K):a>=48&&a<64?(this.exponent=this.exponent*10+(a-48),this.tState=s):this.charError(e,b)):this.tState===K?(a=e[b],a>=48&&a<64?(this.exponent=this.exponent*10+(a-48),this.tState=s):this.charError(e,b)):this.tState===s?(a=e[b],a>=48&&a<64?this.exponent=this.exponent*10+(a-48):(this.negativeExponent&&(this.exponent=-this.exponent,this.negativeExponent=undefined),this.magnatude*=Math.pow(10,this.exponent),this.exponent=undefined,this.negative&&(this.magnatude=-this.magnatude,this.negative=undefined),this.tState=d,this.onToken(f,this.magnatude),this.magnatude=undefined,b--)):this.tState===u?e[b]===114?this.tState=v:this.charError(e,b):this.tState===v?e[b]===117?this.tState=w:this.charError(e,b):this.tState===w?e[b]===101?(this.tState=d,this.onToken(F,!0)):this.charError(e,b):this.tState===x?e[b]===97?this.tState=L:this.charError(e,b):this.tState===L?e[b]===108?this.tState=z:this.charError(e,b):this.tState===z?e[b]===115?this.tState=A:this.charError(e,b):this.tState===A?e[b]===101?(this.tState=d,this.onToken(G,!1)):this.charError(e,b):this.tState===B?e[b]===117?this.tState=C:this.charError(e,b):this.tState===C?e[b]===108?this.tState=D:this.charError(e,b):this.tState===D&&(e[b]===108?(this.tState=d,this.onToken(H,null)):this.charError(e,b))},b.onToken=function(a,b){},b.parseError=function(b,a){this.onError(new Error('Unexpected '+y(b)+(a?'('+JSON.stringify(a)+')':'')+' in state '+y(this.state)))},b.onError=function(a){throw a},b.push=function(){this.stack.push({value:this.value,key:this.key,mode:this.mode})},b.pop=function(){var b=this.value,a=this.stack.pop();this.value=a.value,this.key=a.key,this.mode=a.mode,this.emit(b),this.mode||(this.state=e)},b.emit=function(a){this.mode&&(this.state=j),this.onValue(a)},b.onValue=function(a){},b.onToken=function(a,b){this.state===e?a===t||a===f||a===F||a===G||a===H?(this.value&&(this.value[this.key]=b),this.emit(b)):a===M?(this.push(),this.value?this.value=this.value[this.key]={}:this.value={},this.key=undefined,this.state=r,this.mode=g):a===J?(this.push(),this.value?this.value=this.value[this.key]=[]:this.value=[],this.key=0,this.mode=k,this.state=e):a===h?this.mode===g?this.pop():this.parseError(a,b):a===n?this.mode===k?this.pop():this.parseError(a,b):this.parseError(a,b):this.state===r?a===t?(this.key=b,this.state=i):a===h?this.pop():this.parseError(a,b):this.state===i?a===i?this.state=e:this.parseError(a,b):this.state===j?a===j?this.mode===k?(this.key++,this.state=e):this.mode===g&&(this.state=r):a===n&&this.mode===k||a===h&&this.mode===g?this.pop():this.parseError(a,b):this.parseError(a,b)},U.exports=S},{__browserify_Buffer:13}],4:[function(b,e,f){function a(f,g){function i(){while(b.length&&!a.paused){var c=b.shift();if(null===c)return a.emit('end');a.emit('data',c)}}function j(){a.writable=!1,g.call(a),a.readable||a.destroy()}f=f||function(a){this.queue(a)},g=g||function(){this.queue(null)};var e=!1,h=!1,b=[],a=new d;return a.readable=a.writable=!0,a.paused=!1,a.write=function(b){return f.call(this,b),!a.paused},a.queue=a.push=function(c){return b.push(c),i(),a},a.on('end',function(){a.readable=!1,a.writable||c.nextTick(function(){a.destroy()})}),a.end=function(b){return e?void 0:(e=!0,arguments.length&&a.write(b),j(),a)},a.destroy=function(){return h?void 0:(h=!0,e=!0,b.length=0,a.writable=a.readable=!1,a.emit('close'),a)},a.pause=function(){return a.paused?void 0:(a.paused=!0,a.emit('pause'),a)},a.resume=function(){return a.paused&&(a.paused=!1),i(),a.paused||a.emit('drain'),a},a}var c=b('__browserify_process'),d=b('stream');f=e.exports=a,a.through=a},{__browserify_process:14,stream:10}],5:[function(h,i,j){function e(a){a.idle=!a.idle;var d=+new Date-a.olddate;if(a.olddate=+new Date,a.idle&&d<a.timeout){a.idle=!1,clearTimeout(a.timer_id),a.enabled&&(a.timer_id=setTimeout(a.state_fn,a.timeout));return}var e=a.idle?'idle':'active',c=e==='idle'?a.idle_fn:a.active_fn;for(var b=0;b<c.length;++b)c[b]()}var c=h('xtend');i.exports=function(a){return new b({timeout:a})};var g={start:!0,enabled:!0,timeout:3e4,element:document,events:'mousemove keydown DOMMouseScroll mousewheel mousedown touchstart touchmove'},b=function(b){var a=this;a.opt=c(g,b),a.element=a.opt.element,a.state={idle:a.opt.idle,timeout:a.opt.timeout,enabled:a.opt.enabled,idle_fn:[],active_fn:[]},a.state.state_fn=function(){e(a.state)},a.opt.start&&a.start()},a=b.prototype;a.start=function(){function g(b){if(clearTimeout(a.timer_id),!a.enabled)return;a.idle&&e(a),a.timer_id=setTimeout(a.state_fn,a.timeout)}var b=this,a=b.state,h=b.element;a.handler=g;var d=this.opt.events.split(' ');for(var c=0;c<d.length;++c){var i=d[c];f(h,i,g)}a.timer_id=setTimeout(b.state.state_fn,a.timeout)},a.on=function(d,b){var c=this,a=c.state;d==='idle'?a.idle_fn.push(b):a.active_fn.push(b)},a.getElapsed=function(){return+new Date-this.state.olddate},a.stop=function(){var e=this,a=this.state,f=e.element;a.enabled=!1,clearTimeout(a.timer_id);var c=this.opt.events.split(' ');for(var b=0;b<c.length;++b){var g=c[b];d(f,g,a.handler)}};var f=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent('on'+b,c)},d=function(a,b,c){a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent&&a.detachEvent('on'+b,c)}},{xtend:6}],6:[function(f,b,g){function c(){var f={};for(var b=0;b<arguments.length;b++){var c=arguments[b];if(!e(c))continue;var g=a(c);for(var d=0;d<g.length;d++){var h=g[d];f[h]=c[h]}}return f}function d(c){var a=[];for(var b in c)a.push(b);return a}function e(a){return a!==null&&typeof a==='object'}var a=Object.keys||d;b.exports=c},{}],7:[function(e,h,f){function g(b,c){if(b.indexOf)return b.indexOf(c);for(var a=0;a<b.length;a++)if(c===b[a])return a;return-1}var c=e('__browserify_process');c.EventEmitter||(c.EventEmitter=function(){});var a=f.EventEmitter=c.EventEmitter,b=typeof Array.isArray==='function'?Array.isArray:function(a){return Object.prototype.toString.call(a)==='[object Array]'},d=10;a.prototype.setMaxListeners=function(a){this._events||(this._events={}),this._events.maxListeners=a},a.prototype.emit=function(f){if(f==='error'&&(!(this._events&&this._events.error)||b(this._events.error)&&!this._events.error.length))throw arguments[1]instanceof Error?arguments[1]:new Error("Uncaught, unspecified 'error' event.");if(!this._events)return!1;var a=this._events[f];if(!a)return!1;if(!(typeof a=='function'))if(b(a)){var c=Array.prototype.slice.call(arguments,1),e=a.slice();for(var d=0,g=e.length;d<g;d++)e[d].apply(this,c);return!0}else return!1;switch(arguments.length){case 1:a.call(this);break;case 2:a.call(this,arguments[1]);break;case 3:a.call(this,arguments[1],arguments[2]);break;default:var c=Array.prototype.slice.call(arguments,1);a.apply(this,c)}return!0},a.prototype.addListener=function(a,c){if('function'!==typeof c)throw new Error('addListener only takes instances of Function');if(this._events||(this._events={}),this.emit('newListener',a,c),!this._events[a])this._events[a]=c;else if(b(this._events[a])){if(!this._events[a].warned){var e;this._events.maxListeners!==undefined?e=this._events.maxListeners:e=d,e&&e>0&&this._events[a].length>e&&(this._events[a].warned=!0,console.error('(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.',this._events[a].length),console.trace())}this._events[a].push(c)}else this._events[a]=[this._events[a],c];return this},a.prototype.on=a.prototype.addListener,a.prototype.once=function(b,c){var a=this;return a.on(b,function d(){a.removeListener(b,d),c.apply(this,arguments)}),this},a.prototype.removeListener=function(a,d){if('function'!==typeof d)throw new Error('removeListener only takes instances of Function');if(!(this._events&&this._events[a]))return this;var c=this._events[a];if(b(c)){var e=g(c,d);if(e<0)return this;c.splice(e,1),c.length==0&&delete this._events[a]}else this._events[a]===d&&delete this._events[a];return this},a.prototype.removeAllListeners=function(a){return arguments.length===0?(this._events={},this):(a&&this._events&&this._events[a]&&(this._events[a]=null),this)},a.prototype.listeners=function(a){return this._events||(this._events={}),this._events[a]||(this._events[a]=[]),b(this._events[a])||(this._events[a]=[this._events[a]]),this._events[a]},a.listenerCount=function(a,c){var b;return a._events&&a._events[c]?typeof a._events[c]==='function'?b=1:b=a._events[c].length:b=0,b}},{__browserify_process:14}],8:[function(a,b,c){},{}],9:[function(u,v,l){function i(a,b){if(a[b].length==0)return a[b]={};var c={};for(var d in a[b])c[d]=a[b][d];return a[b]=c,c}function f(l,e,g,k){var j=l.shift();if(!j)a(e[g])?e[g].push(k):'object'==typeof e[g]?e[g]=k:void 0===e[g]?e[g]=k:e[g]=[e[g],k];else{var h=e[g]=e[g]||[];']'==j?a(h)?''!=k&&h.push(k):'object'==typeof h?h[d(h).length]=k:h=e[g]=[e[g],k]:~b(j,']')?(j=j.substr(0,j.length-1),!c.test(j)&&a(h)&&(h=i(e,g)),f(l,h,j,k)):(!c.test(j)&&a(h)&&(h=i(e,g)),f(l,h,j,k))}}function k(d,e,j){if(~b(e,']')){var g=e.split('['),k=g.length,l=k-1;f(g,d,'base',j)}else{if(!c.test(e)&&a(d.base)){var h={};for(var i in d.base)h[i]=d.base[i];d.base=h}t(d.base,e,j)}return d}function o(b){var a={base:{}};return j(d(b),function(c){k(a,c,b[c])}),a.base}function p(a){return m(String(a).split('&'),function(g,c){var e=b(c,'='),f=n(c),d=c.substr(0,f||e),a=c.substr(f||e,c.length),a=a.substr(b(a,'=')+1,a.length);return''==d&&(d=c,a=''),''==d?g:k(g,h(d),h(a))},{base:{}}).base}function q(b,a){if(!a)throw new TypeError('stringify expects an object');return a+'='+encodeURIComponent(b)}function r(c,d){var b=[];if(!d)throw new TypeError('stringify expects an object');for(var a=0;a<c.length;a++)b.push(e(c[a],d+'['+a+']'));return b.join('&')}function s(f,h){var b=[],g=d(f),a;for(var c=0,i=g.length;c<i;++c)a=g[c],null==f[a]?b.push(encodeURIComponent(a)+'='):b.push(e(f[a],h?h+'['+encodeURIComponent(a)+']':encodeURIComponent(a)));return b.join('&')}function t(c,d,e){var b=c[d];undefined===b?c[d]=e:a(b)?b.push(e):c[d]=[b,e]}function n(d){var e=d.length,c,b;for(var a=0;a<e;++a)if(b=d[a],']'==b&&(c=!1),'['==b&&(c=!0),'='==b&&!c)return a}function h(a){try{return decodeURIComponent(a.replace(/\+/g,' '))}catch(b){return a}}var g=Object.prototype.toString,b=typeof Array.prototype.indexOf==='function'?function(a,b){return a.indexOf(b)}:function(b,c){for(var a=0;a<b.length;a++)if(b[a]===c)return a;return-1},a=Array.isArray||function(a){return g.call(a)=='[object Array]'},d=Object.keys||function(c){var a=[];for(var b in c)a.push(b);return a},j=typeof Array.prototype.forEach==='function'?function(a,b){return a.forEach(b)}:function(b,c){for(var a=0;a<b.length;a++)c(b[a])},m=function(a,d,e){if(typeof a.reduce==='function')return a.reduce(d,e);var b=e;for(var c=0;c<a.length;c++)b=d(b,a[c]);return b},c=/^[0-9]+$/;l.parse=function(a){return null==a||''==a?{}:'object'==typeof a?o(a):p(a)};var e=l.stringify=function(b,c){return a(b)?r(b,c):'[object Object]'==g.call(b)?s(b,c):'string'==typeof b?q(b,c):c+'='+encodeURIComponent(String(b))}},{}],10:[function(c,e,f){function a(){b.EventEmitter.call(this)}var b=c('events'),d=c('util');d.inherits(a,b.EventEmitter),e.exports=a,a.Stream=a,a.prototype.pipe=function(a,h){function i(c){a.writable&&!1===a.write(c)&&b.pause&&b.pause()}function j(){b.readable&&b.resume&&b.resume()}function f(){if(d)return;if(d=!0,a._pipeCount--,c(),a._pipeCount>0)return;a.end()}function g(){if(d)return;if(d=!0,a._pipeCount--,c(),a._pipeCount>0)return;a.destroy()}function e(a){if(c(),this.listeners('error').length===0)throw a}function c(){b.removeListener('data',i),a.removeListener('drain',j),b.removeListener('end',f),b.removeListener('close',g),b.removeListener('error',e),a.removeListener('error',e),b.removeListener('end',c),b.removeListener('close',c),a.removeListener('end',c),a.removeListener('close',c)}var b=this;b.on('data',i),a.on('drain',j),!a._isStdio&&(!h||h.end!==!1)&&(a._pipeCount=a._pipeCount||0,a._pipeCount++,b.on('end',f),b.on('close',g));var d=!1;return b.on('error',e),a.on('error',e),b.on('end',c),b.on('close',c),a.on('end',c),a.on('close',c),a.emit('pipe',b),a}},{events:7,util:12}],11:[function(v,y,g){function b(b,d){for(var a=0,c=b.length;a<c;a++)if(b[a]==d)return a;return-1}function h(x,X,Y){if(x&&typeof x==='object'&&x.href)return x;if(typeof x!=='string')throw new TypeError("Parameter 'url' must be a string, not "+typeof x);var g={},o=x;for(var h=0,p=o.length;h<p;h++)if(b(d,o.charAt(h))===-1)break;h!==0&&(o=o.substr(h));var s=u.exec(o);if(s){s=s[0];var M=s.toLowerCase();g.protocol=M,o=o.substr(s.length)}if(Y||s||o.match(/^\/\/[^@\/]+@[^@\/]+/)){var Q=o.substr(0,2)==='//';Q&&!(s&&f[s])&&(o=o.substr(2),g.slashes=!0)}if(!f[s]&&(Q||s&&!c[s])){var A=b(o,'@');if(A!==-1){var U=!0;for(var h=0,p=e.length;h<p;h++){var v=b(o,e[h]);if(v!==-1&&v<A){U=!1;break}}U&&(g.auth=o.substr(0,A),o=o.substr(A+1))}var y=-1;for(var h=0,p=k.length;h<p;h++){var v=b(o,k[h]);v!==-1&&(y<0||v<y)&&(y=v)}y!==-1?(g.host=o.substr(0,y),o=o.substr(y)):(g.host=o,o='');var N=w(g.host),P=j(N);for(var h=0,p=P.length;h<p;h++){var V=P[h];g[V]=N[V]}if(g.hostname=g.hostname||'',g.hostname.length>t)g.hostname='';else{var C=g.hostname.split(/\./);for(var h=0,p=C.length;h<p;h++){var z=C[h];if(!z)continue;if(!z.match(m)){var F='';for(var E=0,W=z.length;E<W;E++)z.charCodeAt(E)>127?F+='x':F+=z[E];if(!F.match(m)){var O=C.slice(0,h),H=C.slice(h+1),I=z.match(n);I&&(O.push(I[1]),H.unshift(I[2])),H.length&&(o='/'+H.join('.')+o),g.hostname=O.join('.');break}}}}g.hostname=g.hostname.toLowerCase();var R=g.hostname.split('.'),S=[];for(var h=0;h<R.length;++h){var J=R[h];S.push(J.match(/[^A-Za-z0-9_-]/)?'xn--'+r.encode(J):J)}g.hostname=S.join('.'),g.host=(g.hostname||'')+(g.port?':'+g.port:''),g.href+=g.host}if(!q[M]){for(var h=0,p=i.length;h<p;h++){var B=i[h],L=encodeURIComponent(B);L===B&&(L=escape(B)),o=o.split(B).join(L)}var G=o.length;for(var h=0,p=d.length;h<p;h++){var T=b(o,d[h]);T!==-1&&(G=Math.min(T,G))}o=o.substr(0,G)}var K=b(o,'#');K!==-1&&(g.hash=o.substr(K),o=o.slice(0,K));var D=b(o,'?');return D!==-1?(g.search=o.substr(D),g.query=o.substr(D+1),X&&(g.query=l.parse(g.query)),o=o.slice(0,D)):X&&(g.search='',g.query={}),o&&(g.pathname=o),c[s]&&g.hostname&&!g.pathname&&(g.pathname='/'),(g.pathname||g.search)&&(g.path=(g.pathname?g.pathname:'')+(g.search?g.search:'')),g.href=a(g),g}function a(a){typeof a==='string'&&(a=h(a));var b=a.auth||'';if(b){b=b.split('@').join('%40');for(var m=0,p=e.length;m<p;m++){var n=e[m];b=b.split(n).join(encodeURIComponent(n))}b+='@'}var d=a.protocol||'',f=a.host!==undefined?b+a.host:a.hostname!==undefined?b+a.hostname+(a.port?':'+a.port:''):!1,g=a.pathname||'',o=a.query&&(typeof a.query==='object'&&j(a.query).length?l.stringify(a.query):'')||'',k=a.search||o&&'?'+o||'',i=a.hash||'';return d&&d.substr(-1)!==':'&&(d+=':'),a.slashes||(!d||c[d])&&f!==!1?(f='//'+(f||''),g&&g.charAt(0)!=='/'&&(g='/'+g)):f||(f=''),i&&i.charAt(0)!=='#'&&(i='#'+i),k&&k.charAt(0)!=='?'&&(k='?'+k),d+f+g+k+i}function x(b,c){return a(o(b,c))}function o(d,e){if(!d)return e;if(d=h(a(d),!1,!0),e=h(a(e),!1,!0),d.hash=e.hash,e.href==='')return d.href=a(d),d;if(e.slashes&&!e.protocol)return e.protocol=d.protocol,c[e.protocol]&&e.hostname&&!e.pathname&&(e.path=e.pathname='/'),e.href=a(e),e;if(e.protocol&&e.protocol!==d.protocol){if(!c[e.protocol])return e.href=a(e),e;if(d.protocol=e.protocol,!(e.host||f[e.protocol])){var i=(e.pathname||'').split('/');while(i.length&&!(e.host=i.shift()));e.host||(e.host=''),e.hostname||(e.hostname=''),i[0]!==''&&i.unshift(''),i.length<2&&i.unshift(''),e.pathname=i.join('/')}return d.pathname=e.pathname,d.search=e.search,d.query=e.query,d.host=e.host||'',d.auth=e.auth,d.hostname=e.hostname||e.host,d.port=e.port,(d.pathname!==undefined||d.search!==undefined)&&(d.path=(d.pathname?d.pathname:'')+(d.search?d.search:'')),d.slashes=d.slashes||e.slashes,d.href=a(d),d}var t=d.pathname&&d.pathname.charAt(0)==='/',q=e.host!==undefined||e.pathname&&e.pathname.charAt(0)==='/',j=q||t||d.host&&e.pathname,s=j,g=d.pathname&&d.pathname.split('/')||[],i=e.pathname&&e.pathname.split('/')||[],o=d.protocol&&!c[d.protocol];if(o&&(delete d.hostname,delete d.port,d.host&&(g[0]===''?g[0]=d.host:g.unshift(d.host)),delete d.host,e.protocol&&(delete e.hostname,delete e.port,e.host&&(i[0]===''?i[0]=e.host:i.unshift(e.host)),delete e.host),j=j&&(i[0]===''||g[0]==='')),q)d.host=e.host||e.host===''?e.host:d.host,d.hostname=e.hostname||e.hostname===''?e.hostname:d.hostname,d.search=e.search,d.query=e.query,g=i;else if(i.length)g||(g=[]),g.pop(),g=g.concat(i),d.search=e.search,d.query=e.query;else if('search'in e){if(o){d.hostname=d.host=g.shift();var k=d.host&&b(d.host,'@')>0?d.host.split('@'):!1;k&&(d.auth=k.shift(),d.host=d.hostname=k.shift())}return d.search=e.search,d.query=e.query,(d.pathname!==undefined||d.search!==undefined)&&(d.path=(d.pathname?d.pathname:'')+(d.search?d.search:'')),d.href=a(d),d}if(!g.length)return delete d.pathname,d.search?delete d.path:d.path='/'+d.search,d.href=a(d),d;var m=g.slice(-1)[0],r=(d.host||e.host)&&(m==='.'||m==='..')||m==='',n=0;for(var l=g.length;l>=0;l--)m=g[l],m=='.'?g.splice(l,1):m==='..'?(g.splice(l,1),n++):n&&(g.splice(l,1),n--);if(!(j||s))for(;n--;n)g.unshift('..');j&&g[0]!==''&&(!g[0]||g[0].charAt(0)!=='/')&&g.unshift(''),r&&g.join('/').substr(-1)!=='/'&&g.push('');var p=g[0]===''||g[0]&&g[0].charAt(0)==='/';if(o){d.hostname=d.host=p?'':g.length?g.shift():'';var k=d.host&&b(d.host,'@')>0?d.host.split('@'):!1;k&&(d.auth=k.shift(),d.host=d.hostname=k.shift())}return j=j||d.host&&g.length,j&&!p&&g.unshift(''),d.pathname=g.join('/'),(d.pathname!==undefined||d.search!==undefined)&&(d.path=(d.pathname?d.pathname:'')+(d.search?d.search:'')),d.auth=e.auth||d.auth,d.slashes=d.slashes||e.slashes,d.href=a(d),d}function w(a){var c={},b=s.exec(a);return b&&(b=b[0],c.port=b.substr(1),a=a.substr(0,a.length-b.length)),a&&(c.hostname=a),c}var r={encode:function(a){return a}};g.parse=h,g.resolve=x,g.resolveObject=o,g.format=a;var j=Object.keys||function a(a){if(a!==Object(a))throw new TypeError('Invalid object');var b=[];for(var c in a)a.hasOwnProperty(c)&&(b[b.length]=c);return b},u=/^([a-z0-9.+-]+:)/i,s=/:[0-9]+$/,d=['<','>','"','`',' ','\r','\n','	'],p=['{','}','|','\\','^','~','[',']','`'].concat(d),i=["'"],k=['%','/','?',';','#'].concat(p).concat(i),e=['/','@','?','#'].concat(d),t=255,m=/^[a-zA-Z0-9][a-z0-9A-Z_-]{0,62}$/,n=/^([a-zA-Z0-9][a-z0-9A-Z_-]{0,62})(.*)$/,q={javascript:!0,'javascript:':!0},f={javascript:!0,'javascript:':!0},c={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,'http:':!0,'https:':!0,'ftp:':!0,'gopher:':!0,'file:':!0},l=v('querystring')},{querystring:9}],12:[function(j,k,a){function b(a){return Array.isArray(a)||typeof a==='object'&&Object.prototype.toString.call(a)==='[object Array]'}function c(a){typeof a==='object'&&Object.prototype.toString.call(a)==='[object RegExp]'}function d(a){return typeof a==='object'&&Object.prototype.toString.call(a)==='[object Date]'}var i=j('events');a.isArray=b,a.isDate=function(a){return Object.prototype.toString.call(a)==='[object Date]'},a.isRegExp=function(a){return Object.prototype.toString.call(a)==='[object RegExp]'},a.print=function(){},a.puts=function(){},a.debug=function(){},a.inspect=function(k,l,j,m){function i(j,p){if(j&&typeof j.inspect==='function'&&j!==a&&!(j.constructor&&j.constructor.prototype===j))return j.inspect(p);switch(typeof j){case'undefined':return e('undefined','undefined');case'string':var w="'"+JSON.stringify(j).replace(/^"|"$/g,'').replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return e(w,'string');case'number':return e(''+j,'number');case'boolean':return e(''+j,'boolean')}if(j===null)return e('null','null');var q=h(j),o=l?g(j):q;if(typeof j==='function'&&o.length===0)if(c(j))return e(''+j,'regexp');else{var t=j.name?': '+j.name:'';return e('[Function'+t+']','special')}if(d(j)&&o.length===0)return e(j.toUTCString(),'date');var m,r,k;if(b(j)?(r='Array',k=['[',']']):(r='Object',k=['{','}']),typeof j==='function'){var u=j.name?': '+j.name:'';m=c(j)?' '+j:' [Function'+u+']'}else m='';if(d(j)&&(m=' '+j.toUTCString()),o.length===0)return k[0]+m+k[1];if(p<0)return c(j)?e(''+j,'regexp'):e('[Object]','special');f.push(j);var n=o.map(function(d){var a,c;if(j.__lookupGetter__&&(j.__lookupGetter__(d)?j.__lookupSetter__(d)?c=e('[Getter/Setter]','special'):c=e('[Getter]','special'):j.__lookupSetter__(d)&&(c=e('[Setter]','special'))),q.indexOf(d)<0&&(a='['+d+']'),c||(f.indexOf(j[d])<0?(p===null?c=i(j[d]):c=i(j[d],p-1),c.indexOf('\n')>-1&&(b(j)?c=c.split('\n').map(function(a){return'  '+a}).join('\n').substr(2):c='\n'+c.split('\n').map(function(a){return'   '+a}).join('\n'))):c=e('[Circular]','special')),a===void 0){if(r==='Array'&&d.match(/^\d+$/))return c;a=JSON.stringify(''+d),a.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)?(a=a.substr(1,a.length-2),a=e(a,'name')):(a=a.replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'"),a=e(a,'string'))}return a+': '+c});f.pop();var s=0,v=n.reduce(function(b,a){return s++,a.indexOf('\n')>=0&&s++,b+a.length+1},0);return v>50?n=k[0]+(m===''?'':m+'\n ')+' '+n.join(',\n  ')+' '+k[1]:n=k[0]+m+' '+n.join(', ')+' '+k[1],n}var f=[],e=function(c,d){var b={bold:[1,22],italic:[3,23],underline:[4,24],inverse:[7,27],white:[37,39],grey:[90,39],black:[30,39],blue:[34,39],cyan:[36,39],green:[32,39],magenta:[35,39],red:[31,39],yellow:[33,39]},a={special:'cyan',number:'blue',boolean:'yellow',undefined:'grey',null:'bold',string:'green',date:'magenta',regexp:'red'}[d];return a?'['+b[a][0]+'m'+c+'['+b[a][1]+'m':c};return m||(e=function(a,b){return a}),i(k,j===void 0?2:j)},a.log=function(a){},a.pump=null;var h=Object.keys||function(c){var a=[];for(var b in c)a.push(b);return a},g=Object.getOwnPropertyNames||function(c){var a=[];for(var b in c)Object.hasOwnProperty.call(c,b)&&a.push(b);return a},e=Object.create||function(a,d){var b;if(a===null)b={__proto__:null};else{if(typeof a!=='object')throw new TypeError('typeof prototype['+typeof a+"] != 'object'");var c=function(){};c.prototype=a,b=new c,b.__proto__=a}return d!==void 0&&Object.defineProperties&&Object.defineProperties(b,d),b};a.inherits=function(a,b){a.super_=b,a.prototype=e(b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}})};var f=/%[sdj%]/g;a.format=function(i){if(typeof i!=='string'){var g=[];for(var b=0;b<arguments.length;b++)g.push(a.inspect(arguments[b]));return g.join(' ')}var b=1,c=arguments,h=c.length,e=String(i).replace(f,function(a){if(a==='%%')return'%';if(b>=h)return a;switch(a){case'%s':return String(c[b++]);case'%d':return Number(c[b++]);case'%j':return JSON.stringify(c[b++]);default:return a}});for(var d=c[b];b<h;d=c[++b])d===null||typeof d!=='object'?e+=' '+d:e+=' '+a.inspect(d);return e}},{events:7}],13:[function(a,b,c){a=function(e,b,c,f,a){function d(a){if(!c[a]){if(!b[a]){if(e)return e(a);throw new Error("Cannot find module '"+a+"'")}var f=c[a]={exports:{}};b[a][0](function(e){var c=b[a][1][e];return d(c?c:e)},f,f.exports)}return c[a].exports}for(a=0;a<f.length;a++)d(f[a]);return d}(a!==void 0&&a,{1:[function(j,q,r){function h(a){if(Object.keys)return Object.keys(a);var b=[];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&b.push(c);return b}function l(b,a){return a===undefined?''+a:typeof a==='number'&&(isNaN(a)||!isFinite(a))?a.toString():typeof a==='function'||a instanceof RegExp?a.toString():a}function g(a,b){return typeof a=='string'?a.length<b?a:a.slice(0,b):a}function b(b,c,d,e,f){throw new a.AssertionError({message:d,actual:b,expected:c,operator:e,stackStartFunction:f})}function i(c,d){c||b(c,!0,d,'==',a.ok)}function d(a,b){if(a===b)return!0;else if(e.isBuffer(a)&&e.isBuffer(b)){if(a.length!=b.length)return!1;for(var c=0;c<a.length;c++)if(a[c]!==b[c])return!1;return!0}else return a instanceof Date&&b instanceof Date?a.getTime()===b.getTime():typeof a!='object'&&typeof b!='object'?a==b:p(a,b)}function k(a){return a===null||a===undefined}function f(a){return Object.prototype.toString.call(a)=='[object Arguments]'}function p(b,e){if(k(b)||k(e))return!1;if(b.prototype!==e.prototype)return!1;if(f(b))return f(e)?(b=c.call(b),e=c.call(e),d(b,e)):!1;try{var g=h(b),i=h(e),j,a}catch(a){return!1}if(g.length!=i.length)return!1;for(g.sort(),i.sort(),a=g.length-1;a>=0;a--)if(g[a]!=i[a])return!1;for(a=g.length-1;a>=0;a--)if(j=g[a],!d(b[j],e[j]))return!1;return!0}function n(b,a){return b&&a?a instanceof RegExp?a.test(b):b instanceof a?!0:a.call({},b)===!0?!0:!1:!1}function o(e,f,a,d){var c;typeof a==='string'&&(d=a,a=null);try{f()}catch(a){c=a}if(d=(a&&a.name?' ('+a.name+').':'.')+(d?' '+d:'.'),e&&!c&&b('Missing expected exception'+d),!e&&n(c,a)&&b('Got unwanted exception'+d),e&&c&&a&&!n(c,a)||!e&&c)throw c}var m=j('util'),e=j('buffer').Buffer,c=Array.prototype.slice,a=q.exports=i;a.AssertionError=function a(a){this.name='AssertionError',this.message=a.message,this.actual=a.actual,this.expected=a.expected,this.operator=a.operator;var c=a.stackStartFunction||b;Error.captureStackTrace&&Error.captureStackTrace(this,c)},m.inherits(a.AssertionError,Error),a.AssertionError.prototype.toString=function(){return this.message?[this.name+':',this.message].join(' '):[this.name+':',g(JSON.stringify(this.actual,l),128),this.operator,g(JSON.stringify(this.expected,l),128)].join(' ')},a.AssertionError.__proto__=Error.prototype,a.fail=b,a.ok=i,a.equal=function c(c,d,e){c!=d&&b(c,d,e,'==',a.equal)},a.notEqual=function c(c,d,e){c==d&&b(c,d,e,'!=',a.notEqual)},a.deepEqual=function c(c,e,f){d(c,e)||b(c,e,f,'deepEqual',a.deepEqual)},a.notDeepEqual=function c(c,e,f){d(c,e)&&b(c,e,f,'notDeepEqual',a.notDeepEqual)},a.strictEqual=function c(c,d,e){c!==d&&b(c,d,e,'===',a.strictEqual)},a.notStrictEqual=function c(c,d,e){c===d&&b(c,d,e,'!==',a.notStrictEqual)},a.throws=function(a,b,d){o.apply(this,[!0].concat(c.call(arguments)))},a.doesNotThrow=function(a,b,d){o.apply(this,[!1].concat(c.call(arguments)))},a.ifError=function(a){if(a)throw a}},{util:2,buffer:3}],2:[function(j,k,a){function b(a){return a instanceof Array||Array.isArray(a)||a&&a!==Object.prototype&&b(a.__proto__)}function d(a){return a instanceof RegExp||typeof a==='object'&&Object.prototype.toString.call(a)==='[object RegExp]'}function e(a){if(a instanceof Date)return!0;if(typeof a!=='object')return!1;var b=Date.prototype&&c(Date.prototype),d=a.__proto__&&c(a.__proto__);return JSON.stringify(d)===JSON.stringify(b)}var i=j('events');a.isArray=b,a.isDate=function(a){return Object.prototype.toString.call(a)==='[object Date]'},a.isRegExp=function(a){return Object.prototype.toString.call(a)==='[object RegExp]'},a.print=function(){},a.puts=function(){},a.debug=function(){},a.inspect=function(k,l,j,m){function i(j,p){if(j&&typeof j.inspect==='function'&&j!==a&&!(j.constructor&&j.constructor.prototype===j))return j.inspect(p);switch(typeof j){case'undefined':return f('undefined','undefined');case'string':var w="'"+JSON.stringify(j).replace(/^"|"$/g,'').replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return f(w,'string');case'number':return f(''+j,'number');case'boolean':return f(''+j,'boolean')}if(j===null)return f('null','null');var q=h(j),o=l?c(j):q;if(typeof j==='function'&&o.length===0)if(d(j))return f(''+j,'regexp');else{var t=j.name?': '+j.name:'';return f('[Function'+t+']','special')}if(e(j)&&o.length===0)return f(j.toUTCString(),'date');var m,r,k;if(b(j)?(r='Array',k=['[',']']):(r='Object',k=['{','}']),typeof j==='function'){var u=j.name?': '+j.name:'';m=d(j)?' '+j:' [Function'+u+']'}else m='';if(e(j)&&(m=' '+j.toUTCString()),o.length===0)return k[0]+m+k[1];if(p<0)return d(j)?f(''+j,'regexp'):f('[Object]','special');g.push(j);var n=o.map(function(d){var a,c;if(j.__lookupGetter__&&(j.__lookupGetter__(d)?j.__lookupSetter__(d)?c=f('[Getter/Setter]','special'):c=f('[Getter]','special'):j.__lookupSetter__(d)&&(c=f('[Setter]','special'))),q.indexOf(d)<0&&(a='['+d+']'),c||(g.indexOf(j[d])<0?(p===null?c=i(j[d]):c=i(j[d],p-1),c.indexOf('\n')>-1&&(b(j)?c=c.split('\n').map(function(a){return'  '+a}).join('\n').substr(2):c='\n'+c.split('\n').map(function(a){return'   '+a}).join('\n'))):c=f('[Circular]','special')),a===void 0){if(r==='Array'&&d.match(/^\d+$/))return c;a=JSON.stringify(''+d),a.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)?(a=a.substr(1,a.length-2),a=f(a,'name')):(a=a.replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'"),a=f(a,'string'))}return a+': '+c});g.pop();var s=0,v=n.reduce(function(b,a){return s++,a.indexOf('\n')>=0&&s++,b+a.length+1},0);return v>50?n=k[0]+(m===''?'':m+'\n ')+' '+n.join(',\n  ')+' '+k[1]:n=k[0]+m+' '+n.join(', ')+' '+k[1],n}var g=[],f=function(c,d){var b={bold:[1,22],italic:[3,23],underline:[4,24],inverse:[7,27],white:[37,39],grey:[90,39],black:[30,39],blue:[34,39],cyan:[36,39],green:[32,39],magenta:[35,39],red:[31,39],yellow:[33,39]},a={special:'cyan',number:'blue',boolean:'yellow',undefined:'grey',null:'bold',string:'green',date:'magenta',regexp:'red'}[d];return a?'['+b[a][0]+'m'+c+'['+b[a][1]+'m':c};return m||(f=function(a,b){return a}),i(k,j===void 0?2:j)},a.log=function(a){},a.pump=null;var h=Object.keys||function(c){var a=[];for(var b in c)a.push(b);return a},c=Object.getOwnPropertyNames||function(c){var a=[];for(var b in c)Object.hasOwnProperty.call(c,b)&&a.push(b);return a},g=Object.create||function(a,d){var b;if(a===null)b={__proto__:null};else{if(typeof a!=='object')throw new TypeError('typeof prototype['+typeof a+"] != 'object'");var c=function(){};c.prototype=a,b=new c,b.__proto__=a}return d!==void 0&&Object.defineProperties&&Object.defineProperties(b,d),b};a.inherits=function(a,b){a.super_=b,a.prototype=g(b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}})};var f=/%[sdj%]/g;a.format=function(i){if(typeof i!=='string'){var g=[];for(var b=0;b<arguments.length;b++)g.push(a.inspect(arguments[b]));return g.join(' ')}var b=1,c=arguments,h=c.length,e=String(i).replace(f,function(a){if(a==='%%')return'%';if(b>=h)return a;switch(a){case'%s':return String(c[b++]);case'%d':return Number(c[b++]);case'%j':return JSON.stringify(c[b++]);default:return a}});for(var d=c[b];b<h;d=c[++b])d===null||typeof d!=='object'?e+=' '+d:e+=' '+a.inspect(d);return e}},{events:4}],5:[function(b,c,a){a.readIEEE754=function(h,l,n,f,m){var b,d,i=m*8-f-1,j=(1<<i)-1,k=j>>1,a=-7,c=n?0:m-1,g=n?1:-1,e=h[l+c];for(c+=g,b=e&(1<<-a)-1,e>>=-a,a+=i;a>0;b=b*256+h[l+c],c+=g,a-=8);for(d=b&(1<<-a)-1,b>>=-a,a+=f;a>0;d=d*256+h[l+c],c+=g,a-=8);if(b===0)b=1-k;else if(b===j)return d?NaN:(e?-1:1)*Infinity;else d+=Math.pow(2,f),b-=k;return(e?-1:1)*d*Math.pow(2,b-f)},a.writeIEEE754=function(k,b,m,n,c,p){var a,d,f,h=p*8-c-1,i=(1<<h)-1,e=i>>1,l=c===23?Math.pow(2,-24)-Math.pow(2,-77):0,g=n?p-1:0,j=n?-1:1,o=b<0||b===0&&1/b<0?1:0;for(b=Math.abs(b),isNaN(b)||b===Infinity?(d=isNaN(b)?1:0,a=i):(a=Math.floor(Math.log(b)/Math.LN2),b*(f=Math.pow(2,-a))<1&&(a--,f*=2),a+e>=1?b+=l/f:b+=l*Math.pow(2,1-e),b*f>=2&&(a++,f/=2),a+e>=i?(d=0,a=i):a+e>=1?(d=(b*f-1)*Math.pow(2,c),a+=e):(d=b*Math.pow(2,e-1)*Math.pow(2,c),a=0));c>=8;k[m+g]=d&255,g+=j,d/=256,c-=8);for(a=a<<c|d,h+=c;h>0;k[m+g]=a&255,g+=j,a/=256,h-=8);k[m+g-j]|=o*128}},{}],6:[function(c,b,d){var a=b.exports={};a.nextTick=function(b,c,a){return b=typeof window!=='undefined'&&window.setImmediate,c=typeof window!=='undefined'&&window.postMessage&&window.addEventListener,b?function(a){return window.setImmediate(a)}:c?(a=[],window.addEventListener('message',function(b){if(b.source===window&&b.data==='process-tick'&&(b.stopPropagation(),a.length>0)){var c=a.shift();c()}},!0),function b(b){a.push(b),window.postMessage('process-tick','*')}):function a(a){setTimeout(a,0)}}(),a.title='browser',a.browser=!0,a.env={},a.argv=[],a.binding=function(a){throw new Error('process.binding is not supported')},a.cwd=function(){return'/'},a.chdir=function(a){throw new Error('process.chdir is not supported')}},{}],4:[function(a,c,b){!function(d,a,c,e){function f(b,c){if(b.indexOf)return b.indexOf(c);for(var a=0;a<b.length;a++)if(c===b[a])return a;return-1}d.EventEmitter||(d.EventEmitter=function(){}),a=b.EventEmitter=d.EventEmitter,c=typeof Array.isArray==='function'?Array.isArray:function(a){return Object.prototype.toString.call(a)==='[object Array]'},e=10,a.prototype.setMaxListeners=function(a){this._events||(this._events={}),this._events.maxListeners=a},a.prototype.emit=function(f){if(f==='error'&&(!(this._events&&this._events.error)||c(this._events.error)&&!this._events.error.length))throw arguments[1]instanceof Error?arguments[1]:new Error("Uncaught, unspecified 'error' event.");if(!this._events)return!1;var a=this._events[f];if(!a)return!1;if(!(typeof a=='function'))if(c(a)){var b=Array.prototype.slice.call(arguments,1),e=a.slice();for(var d=0,g=e.length;d<g;d++)e[d].apply(this,b);return!0}else return!1;switch(arguments.length){case 1:a.call(this);break;case 2:a.call(this,arguments[1]);break;case 3:a.call(this,arguments[1],arguments[2]);break;default:var b=Array.prototype.slice.call(arguments,1);a.apply(this,b)}return!0},a.prototype.addListener=function(a,b){if('function'!==typeof b)throw new Error('addListener only takes instances of Function');if(this._events||(this._events={}),this.emit('newListener',a,b),!this._events[a])this._events[a]=b;else if(c(this._events[a])){if(!this._events[a].warned){var d;this._events.maxListeners!==undefined?d=this._events.maxListeners:d=e,d&&d>0&&this._events[a].length>d&&(this._events[a].warned=!0,console.error('(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.',this._events[a].length),console.trace())}this._events[a].push(b)}else this._events[a]=[this._events[a],b];return this},a.prototype.on=a.prototype.addListener,a.prototype.once=function(b,c){var a=this;return a.on(b,function d(){a.removeListener(b,d),c.apply(this,arguments)}),this},a.prototype.removeListener=function(a,d){if('function'!==typeof d)throw new Error('removeListener only takes instances of Function');if(!(this._events&&this._events[a]))return this;var b=this._events[a];if(c(b)){var e=f(b,d);if(e<0)return this;b.splice(e,1),b.length==0&&delete this._events[a]}else this._events[a]===d&&delete this._events[a];return this},a.prototype.removeAllListeners=function(a){return arguments.length===0?(this._events={},this):(a&&this._events&&this._events[a]&&(this._events[a]=null),this)},a.prototype.listeners=function(a){return this._events||(this._events={}),this._events[a]||(this._events[a]=[]),c(this._events[a])||(this._events[a]=[this._events[a]]),this._events[a]}}(a('__browserify_process'))},{__browserify_process:6}],'buffer-browserify':[function(a,b,c){b.exports=a('q9TxCC')},{}],q9TxCC:[function(e,E,f){function c(a){this.length=a}function i(a){return a<16?'0'+a.toString(16):a.toString(16)}function w(b){var c=[];for(var a=0;a<b.length;a++)if(b.charCodeAt(a)<=127)c.push(b.charCodeAt(a));else{var e=encodeURIComponent(b.charAt(a)).substr(1).split('%');for(var d=0;d<e.length;d++)c.push(parseInt(e[d],16))}return c}function B(c){var b=[];for(var a=0;a<c.length;a++)b.push(c.charCodeAt(a)&255);return b}function p(a){return e('base64-js').toByteArray(a)}function j(b,c,d,e){var a=0;while(a<e){if(a+d>=c.length||a>=b.length)break;c[a+d]=b[a],a++}return a}function u(a){try{return decodeURIComponent(a)}catch(a){return String.fromCharCode(65533)}}function l(a){return a=~~Math.ceil(+a),a<0?0:a}function a(b,f,g){if(!(this instanceof a))return new a(b,f,g);var h;if(typeof g==='number')this.length=l(f),this.parent=b,this.offset=g;else{switch(h=typeof b){case'number':this.length=l(b);break;case'string':this.length=a.byteLength(b,f);break;case'object':this.length=l(b.length);break;default:throw new Error('First argument needs to be a number, array or string.')}if(this.length>a.poolSize?(this.parent=new c(this.length),this.offset=0):((!d||d.length-d.used<this.length)&&C(),this.parent=d,this.offset=d.used,d.used+=this.length),D(b))for(var e=0;e<this.length;e++)b instanceof a?this.parent[e+this.offset]=b.readUInt8(e):this.parent[e+this.offset]=b[e];else h=='string'&&(this.length=this.write(b,0,f))}}function D(b){return Array.isArray(b)||a.isBuffer(b)||b&&typeof b==='object'&&typeof b.length==='number'}function C(){d=new c(a.poolSize),d.used=0}function o(a,c,e,f){var d=0;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+1<a.length,'Trying to read beyond buffer length')),c>=a.length?0:(e?(d=a.parent[a.offset+c]<<8,c+1<a.length&&(d|=a.parent[a.offset+c+1])):(d=a.parent[a.offset+c],c+1<a.length&&(d|=a.parent[a.offset+c+1]<<8)),d)}function n(a,c,e,f){var d=0;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<a.length,'Trying to read beyond buffer length')),c>=a.length?0:(e?(c+1<a.length&&(d=a.parent[a.offset+c+1]<<16),c+2<a.length&&(d|=a.parent[a.offset+c+2]<<8),c+3<a.length&&(d|=a.parent[a.offset+c+3]),d+=a.parent[a.offset+c]<<24>>>0):(c+2<a.length&&(d=a.parent[a.offset+c+2]<<16),c+1<a.length&&(d|=a.parent[a.offset+c+1]<<8),d|=a.parent[a.offset+c],c+3<a.length&&(d+=a.parent[a.offset+c+3]<<24>>>0)),d)}function v(d,a,e,f){var g,c;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a+1<d.length,'Trying to read beyond buffer length')),c=o(d,a,e,f),g=c&32768,g?(65535-c+1)*-1:c}function r(d,a,e,f){var g,c;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a+3<d.length,'Trying to read beyond buffer length')),c=n(d,a,e,f),g=c&2147483648,g?(4294967295-c+1)*-1:c}function s(a,c,d,f){return f||(b.ok(typeof d==='boolean','missing or invalid endian'),b.ok(c+3<a.length,'Trying to read beyond buffer length')),e('./buffer_ieee754').readIEEE754(a,c,d,23,4)}function t(a,c,d,f){return f||(b.ok(typeof d==='boolean','missing or invalid endian'),b.ok(c+7<a.length,'Trying to read beyond buffer length')),e('./buffer_ieee754').readIEEE754(a,c,d,52,8)}function k(a,c){b.ok(typeof a=='number','cannot write a non-number as a number'),b.ok(a>=0,'specified a negative value for writing an unsigned value'),b.ok(a<=c,'value is larger than maximum value for type'),b.ok(Math.floor(a)===a,'value has a fractional component')}function h(d,e,c,f,g){g||(b.ok(e!==undefined&&e!==null,'missing value'),b.ok(typeof f==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+1<d.length,'trying to write beyond buffer length'),k(e,65535));for(var a=0;a<Math.min(d.length-c,2);a++)d.parent[d.offset+c+a]=(e&255<<8*(f?1-a:a))>>>(f?1-a:a)*8}function g(d,e,c,f,g){g||(b.ok(e!==undefined&&e!==null,'missing value'),b.ok(typeof f==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<d.length,'trying to write beyond buffer length'),k(e,4294967295));for(var a=0;a<Math.min(d.length-c,4);a++)d.parent[d.offset+c+a]=e>>>(f?3-a:a)*8&255}function m(a,c,d){b.ok(typeof a=='number','cannot write a non-number as a number'),b.ok(a<=c,'value larger than maximum allowed value'),b.ok(a>=d,'value smaller than minimum allowed value'),b.ok(Math.floor(a)===a,'value has a fractional component')}function x(a,c,d){b.ok(typeof a=='number','cannot write a non-number as a number'),b.ok(a<=c,'value larger than maximum allowed value'),b.ok(a>=d,'value smaller than minimum allowed value')}function y(d,a,c,e,f){f||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+1<d.length,'Trying to write beyond buffer length'),m(a,32767,-32768)),a>=0?h(d,a,c,e,f):h(d,65535+a+1,c,e,f)}function z(d,a,c,e,f){f||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<d.length,'Trying to write beyond buffer length'),m(a,2147483647,-2147483648)),a>=0?g(d,a,c,e,f):g(d,4294967295+a+1,c,e,f)}function A(d,a,c,f,g){g||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof f==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<d.length,'Trying to write beyond buffer length'),x(a,3.4028234663852886e38,-3.4028234663852886e38)),e('./buffer_ieee754').writeIEEE754(d,a,c,f,23,4)}function q(d,a,c,f,g){g||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof f==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+7<d.length,'Trying to write beyond buffer length'),x(a,1.7976931348623157e308,-1.7976931348623157e308)),e('./buffer_ieee754').writeIEEE754(d,a,c,f,52,8)}var b=e('assert');f.INSPECT_MAX_BYTES=50,c.byteLength=function(a,b){switch(b||'utf8'){case'hex':return a.length/2;case'utf8':case'utf-8':return w(a).length;case'ascii':case'binary':return a.length;case'base64':return p(a).length;default:throw new Error('Unknown encoding')}},c.prototype.utf8Write=function(a,b,d){return c._charsWritten=j(w(a),this,b,d)},c.prototype.asciiWrite=function(a,b,d){return c._charsWritten=j(B(a),this,b,d)},c.prototype.binaryWrite=c.prototype.asciiWrite,c.prototype.base64Write=function(a,b,d){return c._charsWritten=j(p(a),this,b,d)},c.prototype.base64Slice=function(b,c){var a=Array.prototype.slice.apply(this,arguments);return e('base64-js').fromByteArray(a)},c.prototype.utf8Slice=function(){var b=Array.prototype.slice.apply(this,arguments),d='',c='',a=0;while(a<b.length)b[a]<=127?(d+=u(c)+String.fromCharCode(b[a]),c=''):c+='%'+b[a].toString(16),a++;return d+u(c)},c.prototype.asciiSlice=function(){var b=Array.prototype.slice.apply(this,arguments),c='';for(var a=0;a<b.length;a++)c+=String.fromCharCode(b[a]);return c},c.prototype.binarySlice=c.prototype.asciiSlice,c.prototype.inspect=function(){var b=[],c=this.length;for(var a=0;a<c;a++)if(b[a]=i(this[a]),a==f.INSPECT_MAX_BYTES){b[a+1]='...';break}return'<SlowBuffer '+b.join(' ')+'>'},c.prototype.hexSlice=function(b,a){var d=this.length;(!b||b<0)&&(b=0),(!a||a<0||a>d)&&(a=d);var e='';for(var c=b;c<a;c++)e+=i(this[c]);return e},c.prototype.toString=function(c,a,b){if(c=String(c||'utf8').toLowerCase(),a=+a||0,b===void 0&&(b=this.length),+b==a)return'';switch(c){case'hex':return this.hexSlice(a,b);case'utf8':case'utf-8':return this.utf8Slice(a,b);case'ascii':return this.asciiSlice(a,b);case'binary':return this.binarySlice(a,b);case'base64':return this.base64Slice(a,b);case'ucs2':case'ucs-2':return this.ucs2Slice(a,b);default:throw new Error('Unknown encoding')}},c.prototype.hexWrite=function(h,d,a){d=+d||0;var e=this.length-d;a?(a=+a,a>e&&(a=e)):a=e;var f=h.length;if(f%2)throw new Error('Invalid hex string');a>f/2&&(a=f/2);for(var b=0;b<a;b++){var g=parseInt(h.substr(b*2,2),16);if(isNaN(g))throw new Error('Invalid hex string');this[d+b]=g}return c._charsWritten=b*2,b},c.prototype.write=function(c,b,a,d){if(isFinite(b))isFinite(a)||(d=a,a=undefined);else{var f=d;d=b,b=a,a=f}b=+b||0;var e=this.length-b;a?(a=+a,a>e&&(a=e)):a=e,d=String(d||'utf8').toLowerCase();switch(d){case'hex':return this.hexWrite(c,b,a);case'utf8':case'utf-8':return this.utf8Write(c,b,a);case'ascii':return this.asciiWrite(c,b,a);case'binary':return this.binaryWrite(c,b,a);case'base64':return this.base64Write(c,b,a);case'ucs2':case'ucs-2':return this.ucs2Write(c,b,a);default:throw new Error('Unknown encoding')}},c.prototype.slice=function(c,b){if(b===undefined&&(b=this.length),b>this.length)throw new Error('oob');if(c>b)throw new Error('oob');return new a(this,b-c,+c)},c.prototype.copy=function(e,d,f,g){var c=[];for(var a=f;a<g;a++)b.ok(this[a]!==void 0,'copying undefined buffer bytes!'),c.push(this[a]);for(var a=d;a<d+c.length;a++)e[a]=c[a-d]},c.prototype.fill=function(d,c,b){if(b>this.length)throw new Error('oob');if(c>b)throw new Error('oob');for(var a=c;a<b;a++)this[a]=d},f.SlowBuffer=c,f.Buffer=a,a.poolSize=8192;var d;a.isBuffer=function b(b){return b instanceof a||b instanceof c},a.concat=function(c,e){if(!Array.isArray(c))throw new Error('Usage: Buffer.concat(list, [totalLength])\n       list should be an Array.');if(c.length===0)return new a(0);if(c.length===1)return c[0];if(typeof e!=='number'){e=0;for(var b=0;b<c.length;b++){var d=c[b];e+=d.length}}var f=new a(e),g=0;for(var b=0;b<c.length;b++){var d=c[b];d.copy(f,g),g+=d.length}return f},a.prototype.inspect=function a(){var b=[],c=this.length;for(var a=0;a<c;a++)if(b[a]=i(this.parent[a+this.offset]),a==f.INSPECT_MAX_BYTES){b[a+1]='...';break}return'<Buffer '+b.join(' ')+'>'},a.prototype.get=function a(a){if(a<0||a>=this.length)throw new Error('oob');return this.parent[this.offset+a]},a.prototype.set=function a(a,b){if(a<0||a>=this.length)throw new Error('oob');return this.parent[this.offset+a]=b},a.prototype.write=function(f,d,b,g){if(isFinite(d))isFinite(b)||(g=b,b=undefined);else{var i=g;g=d,d=b,b=i}d=+d||0;var h=this.length-d;b?(b=+b,b>h&&(b=h)):b=h,g=String(g||'utf8').toLowerCase();var e;switch(g){case'hex':e=this.parent.hexWrite(f,this.offset+d,b);break;case'utf8':case'utf-8':e=this.parent.utf8Write(f,this.offset+d,b);break;case'ascii':e=this.parent.asciiWrite(f,this.offset+d,b);break;case'binary':e=this.parent.binaryWrite(f,this.offset+d,b);break;case'base64':e=this.parent.base64Write(f,this.offset+d,b);break;case'ucs2':case'ucs-2':e=this.parent.ucs2Write(f,this.offset+d,b);break;default:throw new Error('Unknown encoding')}return a._charsWritten=c._charsWritten,e},a.prototype.toString=function(c,a,b){c=String(c||'utf8').toLowerCase(),a===void 0||a<0?a=0:a>this.length&&(a=this.length),b===void 0||b>this.length?b=this.length:b<0&&(b=0),a+=this.offset,b+=this.offset;switch(c){case'hex':return this.parent.hexSlice(a,b);case'utf8':case'utf-8':return this.parent.utf8Slice(a,b);case'ascii':return this.parent.asciiSlice(a,b);case'binary':return this.parent.binarySlice(a,b);case'base64':return this.parent.base64Slice(a,b);case'ucs2':case'ucs-2':return this.parent.ucs2Slice(a,b);default:throw new Error('Unknown encoding')}},a.byteLength=c.byteLength,a.prototype.fill=function a(a,b,c){if(a||(a=0),b||(b=0),c||(c=this.length),typeof a==='string'&&(a=a.charCodeAt(0)),!(typeof a==='number')||isNaN(a))throw new Error('value is not a number');if(c<b)throw new Error('end < start');if(c===b)return 0;if(this.length==0)return 0;if(b<0||b>=this.length)throw new Error('start out of bounds');if(c<0||c>this.length)throw new Error('end out of bounds');return this.parent.fill(a,b+this.offset,c+this.offset)},a.prototype.copy=function(d,c,b,a){var e=this;if(b||(b=0),a||(a=this.length),c||(c=0),a<b)throw new Error('sourceEnd < sourceStart');if(a===b)return 0;if(d.length==0||e.length==0)return 0;if(c<0||c>=d.length)throw new Error('targetStart out of bounds');if(b<0||b>=e.length)throw new Error('sourceStart out of bounds');if(a<0||a>e.length)throw new Error('sourceEnd out of bounds');return a>this.length&&(a=this.length),d.length-c<a-b&&(a=d.length-c+b),this.parent.copy(d.parent,c+d.offset,b+this.offset,a+this.offset)},a.prototype.slice=function(c,b){if(b===undefined&&(b=this.length),b>this.length)throw new Error('oob');if(c>b)throw new Error('oob');return new a(this.parent,b-c,+c+this.offset)},a.prototype.utf8Slice=function(a,b){return this.toString('utf8',a,b)},a.prototype.binarySlice=function(a,b){return this.toString('binary',a,b)},a.prototype.asciiSlice=function(a,b){return this.toString('ascii',a,b)},a.prototype.utf8Write=function(a,b){return this.write(a,b,'utf8')},a.prototype.binaryWrite=function(a,b){return this.write(a,b,'binary')},a.prototype.asciiWrite=function(a,b){return this.write(a,b,'ascii')},a.prototype.readUInt8=function(a,d){var c=this;return d||(b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a<c.length,'Trying to read beyond buffer length')),a>=c.length?void 0:c.parent[c.offset+a]},a.prototype.readUInt16LE=function(a,b){return o(this,a,!1,b)},a.prototype.readUInt16BE=function(a,b){return o(this,a,!0,b)},a.prototype.readUInt32LE=function(a,b){return n(this,a,!1,b)},a.prototype.readUInt32BE=function(a,b){return n(this,a,!0,b)},a.prototype.readInt8=function(c,e){var a=this,d;return e||(b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c<a.length,'Trying to read beyond buffer length')),c>=a.length?void 0:(d=a.parent[a.offset+c]&128,d?(255-a.parent[a.offset+c]+1)*-1:a.parent[a.offset+c])},a.prototype.readInt16LE=function(a,b){return v(this,a,!1,b)},a.prototype.readInt16BE=function(a,b){return v(this,a,!0,b)},a.prototype.readInt32LE=function(a,b){return r(this,a,!1,b)},a.prototype.readInt32BE=function(a,b){return r(this,a,!0,b)},a.prototype.readFloatLE=function(a,b){return s(this,a,!1,b)},a.prototype.readFloatBE=function(a,b){return s(this,a,!0,b)},a.prototype.readDoubleLE=function(a,b){return t(this,a,!1,b)},a.prototype.readDoubleBE=function(a,b){return t(this,a,!0,b)},a.prototype.writeUInt8=function(d,a,e){var c=this;e||(b.ok(d!==undefined&&d!==null,'missing value'),b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a<c.length,'trying to write beyond buffer length'),k(d,255)),a<c.length&&(c.parent[c.offset+a]=d)},a.prototype.writeUInt16LE=function(a,b,c){h(this,a,b,!1,c)},a.prototype.writeUInt16BE=function(a,b,c){h(this,a,b,!0,c)},a.prototype.writeUInt32LE=function(a,b,c){g(this,a,b,!1,c)},a.prototype.writeUInt32BE=function(a,b,c){g(this,a,b,!0,c)},a.prototype.writeInt8=function(a,c,e){var d=this;e||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c<d.length,'Trying to write beyond buffer length'),m(a,127,-128)),a>=0?d.writeUInt8(a,c,e):d.writeUInt8(255+a+1,c,e)},a.prototype.writeInt16LE=function(a,b,c){y(this,a,b,!1,c)},a.prototype.writeInt16BE=function(a,b,c){y(this,a,b,!0,c)},a.prototype.writeInt32LE=function(a,b,c){z(this,a,b,!1,c)},a.prototype.writeInt32BE=function(a,b,c){z(this,a,b,!0,c)},a.prototype.writeFloatLE=function(a,b,c){A(this,a,b,!1,c)},a.prototype.writeFloatBE=function(a,b,c){A(this,a,b,!0,c)},a.prototype.writeDoubleLE=function(a,b,c){q(this,a,b,!1,c)},a.prototype.writeDoubleBE=function(a,b,c){q(this,a,b,!0,c)},c.prototype.readUInt8=a.prototype.readUInt8,c.prototype.readUInt16LE=a.prototype.readUInt16LE,c.prototype.readUInt16BE=a.prototype.readUInt16BE,c.prototype.readUInt32LE=a.prototype.readUInt32LE,c.prototype.readUInt32BE=a.prototype.readUInt32BE,c.prototype.readInt8=a.prototype.readInt8,c.prototype.readInt16LE=a.prototype.readInt16LE,c.prototype.readInt16BE=a.prototype.readInt16BE,c.prototype.readInt32LE=a.prototype.readInt32LE,c.prototype.readInt32BE=a.prototype.readInt32BE,c.prototype.readFloatLE=a.prototype.readFloatLE,c.prototype.readFloatBE=a.prototype.readFloatBE,c.prototype.readDoubleLE=a.prototype.readDoubleLE,c.prototype.readDoubleBE=a.prototype.readDoubleBE,c.prototype.writeUInt8=a.prototype.writeUInt8,c.prototype.writeUInt16LE=a.prototype.writeUInt16LE,c.prototype.writeUInt16BE=a.prototype.writeUInt16BE,c.prototype.writeUInt32LE=a.prototype.writeUInt32LE,c.prototype.writeUInt32BE=a.prototype.writeUInt32BE,c.prototype.writeInt8=a.prototype.writeInt8,c.prototype.writeInt16LE=a.prototype.writeInt16LE,c.prototype.writeInt16BE=a.prototype.writeInt16BE,c.prototype.writeInt32LE=a.prototype.writeInt32LE,c.prototype.writeInt32BE=a.prototype.writeInt32BE,c.prototype.writeFloatLE=a.prototype.writeFloatLE,c.prototype.writeFloatBE=a.prototype.writeFloatBE,c.prototype.writeDoubleLE=a.prototype.writeDoubleLE,c.prototype.writeDoubleBE=a.prototype.writeDoubleBE},{assert:1,'./buffer_ieee754':5,'base64-js':7}],7:[function(b,a,c){!function(e){'use strict';function c(a){var c,g,h,d,f,e;if(a.length%4>0)throw'Invalid string. Length must be a multiple of 4';for(f=a.indexOf('='),f=f>0?a.length-f:0,e=[],h=f>0?a.length-4:a.length,c=0,g=0;c<h;c+=4,g+=3)d=b.indexOf(a[c])<<18|b.indexOf(a[c+1])<<12|b.indexOf(a[c+2])<<6|b.indexOf(a[c+3]),e.push((d&16711680)>>16),e.push((d&65280)>>8),e.push(d&255);return f===2?(d=b.indexOf(a[c])<<2|b.indexOf(a[c+1])>>4,e.push(d&255)):f===1&&(d=b.indexOf(a[c])<<10|b.indexOf(a[c+1])<<4|b.indexOf(a[c+2])>>2,e.push(d>>8&255),e.push(d&255)),e}function d(a){function h(a){return b[a>>18&63]+b[a>>12&63]+b[a>>6&63]+b[a&63]}var e,f=a.length%3,c='',d,g;for(e=0,g=a.length-f;e<g;e+=3)d=(a[e]<<16)+(a[e+1]<<8)+a[e+2],c+=h(d);switch(f){case 1:d=a[a.length-1];c+=b[d>>2];c+=b[d<<4&63];c+='==';break;case 2:d=(a[a.length-2]<<8)+a[a.length-1];c+=b[d>>10];c+=b[d>>4&63];c+=b[d<<2&63];c+='=';break}return c}var b='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';a.exports.toByteArray=c,a.exports.fromByteArray=d}()},{}],8:[function(b,c,a){a.readIEEE754=function(h,l,n,f,m){var b,d,i=m*8-f-1,j=(1<<i)-1,k=j>>1,a=-7,c=n?0:m-1,g=n?1:-1,e=h[l+c];for(c+=g,b=e&(1<<-a)-1,e>>=-a,a+=i;a>0;b=b*256+h[l+c],c+=g,a-=8);for(d=b&(1<<-a)-1,b>>=-a,a+=f;a>0;d=d*256+h[l+c],c+=g,a-=8);if(b===0)b=1-k;else if(b===j)return d?NaN:(e?-1:1)*Infinity;else d+=Math.pow(2,f),b-=k;return(e?-1:1)*d*Math.pow(2,b-f)},a.writeIEEE754=function(k,b,m,n,c,p){var a,d,f,h=p*8-c-1,i=(1<<h)-1,e=i>>1,l=c===23?Math.pow(2,-24)-Math.pow(2,-77):0,g=n?p-1:0,j=n?-1:1,o=b<0||b===0&&1/b<0?1:0;for(b=Math.abs(b),isNaN(b)||b===Infinity?(d=isNaN(b)?1:0,a=i):(a=Math.floor(Math.log(b)/Math.LN2),b*(f=Math.pow(2,-a))<1&&(a--,f*=2),a+e>=1?b+=l/f:b+=l*Math.pow(2,1-e),b*f>=2&&(a++,f/=2),a+e>=i?(d=0,a=i):a+e>=1?(d=(b*f-1)*Math.pow(2,c),a+=e):(d=b*Math.pow(2,e-1)*Math.pow(2,c),a=0));c>=8;k[m+g]=d&255,g+=j,d/=256,c-=8);for(a=a<<c|d,h+=c;h>0;k[m+g]=a&255,g+=j,a/=256,h-=8);k[m+g-j]|=o*128}},{}],3:[function(e,E,f){function c(a){this.length=a}function i(a){return a<16?'0'+a.toString(16):a.toString(16)}function w(b){var c=[];for(var a=0;a<b.length;a++)if(b.charCodeAt(a)<=127)c.push(b.charCodeAt(a));else{var e=encodeURIComponent(b.charAt(a)).substr(1).split('%');for(var d=0;d<e.length;d++)c.push(parseInt(e[d],16))}return c}function B(c){var b=[];for(var a=0;a<c.length;a++)b.push(c.charCodeAt(a)&255);return b}function p(a){return e('base64-js').toByteArray(a)}function j(b,c,d,e){var a=0;while(a<e){if(a+d>=c.length||a>=b.length)break;c[a+d]=b[a],a++}return a}function u(a){try{return decodeURIComponent(a)}catch(a){return String.fromCharCode(65533)}}function l(a){return a=~~Math.ceil(+a),a<0?0:a}function a(b,f,g){if(!(this instanceof a))return new a(b,f,g);var h;if(typeof g==='number')this.length=l(f),this.parent=b,this.offset=g;else{switch(h=typeof b){case'number':this.length=l(b);break;case'string':this.length=a.byteLength(b,f);break;case'object':this.length=l(b.length);break;default:throw new Error('First argument needs to be a number, array or string.')}if(this.length>a.poolSize?(this.parent=new c(this.length),this.offset=0):((!d||d.length-d.used<this.length)&&C(),this.parent=d,this.offset=d.used,d.used+=this.length),D(b))for(var e=0;e<this.length;e++)this.parent[e+this.offset]=b[e];else h=='string'&&(this.length=this.write(b,0,f))}}function D(b){return Array.isArray(b)||a.isBuffer(b)||b&&typeof b==='object'&&typeof b.length==='number'}function C(){d=new c(a.poolSize),d.used=0}function o(a,c,e,f){var d=0;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+1<a.length,'Trying to read beyond buffer length')),e?(d=a.parent[a.offset+c]<<8,d|=a.parent[a.offset+c+1]):(d=a.parent[a.offset+c],d|=a.parent[a.offset+c+1]<<8),d}function n(a,c,e,f){var d=0;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<a.length,'Trying to read beyond buffer length')),e?(d=a.parent[a.offset+c+1]<<16,d|=a.parent[a.offset+c+2]<<8,d|=a.parent[a.offset+c+3],d+=a.parent[a.offset+c]<<24>>>0):(d=a.parent[a.offset+c+2]<<16,d|=a.parent[a.offset+c+1]<<8,d|=a.parent[a.offset+c],d+=a.parent[a.offset+c+3]<<24>>>0),d}function v(d,a,e,f){var g,c;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a+1<d.length,'Trying to read beyond buffer length')),c=o(d,a,e,f),g=c&32768,g?(65535-c+1)*-1:c}function r(d,a,e,f){var g,c;return f||(b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a+3<d.length,'Trying to read beyond buffer length')),c=n(d,a,e,f),g=c&2147483648,g?(4294967295-c+1)*-1:c}function s(a,c,d,f){return f||(b.ok(typeof d==='boolean','missing or invalid endian'),b.ok(c+3<a.length,'Trying to read beyond buffer length')),e('./buffer_ieee754').readIEEE754(a,c,d,23,4)}function t(a,c,d,f){return f||(b.ok(typeof d==='boolean','missing or invalid endian'),b.ok(c+7<a.length,'Trying to read beyond buffer length')),e('./buffer_ieee754').readIEEE754(a,c,d,52,8)}function k(a,c){b.ok(typeof a=='number','cannot write a non-number as a number'),b.ok(a>=0,'specified a negative value for writing an unsigned value'),b.ok(a<=c,'value is larger than maximum value for type'),b.ok(Math.floor(a)===a,'value has a fractional component')}function h(a,c,d,e,f){f||(b.ok(c!==undefined&&c!==null,'missing value'),b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(d!==undefined&&d!==null,'missing offset'),b.ok(d+1<a.length,'trying to write beyond buffer length'),k(c,65535)),e?(a.parent[a.offset+d]=(c&65280)>>>8,a.parent[a.offset+d+1]=c&255):(a.parent[a.offset+d+1]=(c&65280)>>>8,a.parent[a.offset+d]=c&255)}function g(a,c,d,e,f){f||(b.ok(c!==undefined&&c!==null,'missing value'),b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(d!==undefined&&d!==null,'missing offset'),b.ok(d+3<a.length,'trying to write beyond buffer length'),k(c,4294967295)),e?(a.parent[a.offset+d]=c>>>24&255,a.parent[a.offset+d+1]=c>>>16&255,a.parent[a.offset+d+2]=c>>>8&255,a.parent[a.offset+d+3]=c&255):(a.parent[a.offset+d+3]=c>>>24&255,a.parent[a.offset+d+2]=c>>>16&255,a.parent[a.offset+d+1]=c>>>8&255,a.parent[a.offset+d]=c&255)}function m(a,c,d){b.ok(typeof a=='number','cannot write a non-number as a number'),b.ok(a<=c,'value larger than maximum allowed value'),b.ok(a>=d,'value smaller than minimum allowed value'),b.ok(Math.floor(a)===a,'value has a fractional component')}function x(a,c,d){b.ok(typeof a=='number','cannot write a non-number as a number'),b.ok(a<=c,'value larger than maximum allowed value'),b.ok(a>=d,'value smaller than minimum allowed value')}function y(d,a,c,e,f){f||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+1<d.length,'Trying to write beyond buffer length'),m(a,32767,-32768)),a>=0?h(d,a,c,e,f):h(d,65535+a+1,c,e,f)}function z(d,a,c,e,f){f||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof e==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<d.length,'Trying to write beyond buffer length'),m(a,2147483647,-2147483648)),a>=0?g(d,a,c,e,f):g(d,4294967295+a+1,c,e,f)}function A(d,a,c,f,g){g||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof f==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+3<d.length,'Trying to write beyond buffer length'),x(a,3.4028234663852886e38,-3.4028234663852886e38)),e('./buffer_ieee754').writeIEEE754(d,a,c,f,23,4)}function q(d,a,c,f,g){g||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(typeof f==='boolean','missing or invalid endian'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c+7<d.length,'Trying to write beyond buffer length'),x(a,1.7976931348623157e308,-1.7976931348623157e308)),e('./buffer_ieee754').writeIEEE754(d,a,c,f,52,8)}var b=e('assert');f.INSPECT_MAX_BYTES=50,c.byteLength=function(a,b){switch(b||'utf8'){case'hex':return a.length/2;case'utf8':case'utf-8':return w(a).length;case'ascii':return a.length;case'base64':return p(a).length;default:throw new Error('Unknown encoding')}},c.prototype.utf8Write=function(a,b,d){return c._charsWritten=j(w(a),this,b,d)},c.prototype.asciiWrite=function(a,b,d){return c._charsWritten=j(B(a),this,b,d)},c.prototype.base64Write=function(a,b,d){return c._charsWritten=j(p(a),this,b,d)},c.prototype.base64Slice=function(b,c){var a=Array.prototype.slice.apply(this,arguments);return e('base64-js').fromByteArray(a)},c.prototype.utf8Slice=function(){var b=Array.prototype.slice.apply(this,arguments),d='',c='',a=0;while(a<b.length)b[a]<=127?(d+=u(c)+String.fromCharCode(b[a]),c=''):c+='%'+b[a].toString(16),a++;return d+u(c)},c.prototype.asciiSlice=function(){var b=Array.prototype.slice.apply(this,arguments),c='';for(var a=0;a<b.length;a++)c+=String.fromCharCode(b[a]);return c},c.prototype.inspect=function(){var b=[],c=this.length;for(var a=0;a<c;a++)if(b[a]=i(this[a]),a==f.INSPECT_MAX_BYTES){b[a+1]='...';break}return'<SlowBuffer '+b.join(' ')+'>'},c.prototype.hexSlice=function(b,a){var d=this.length;(!b||b<0)&&(b=0),(!a||a<0||a>d)&&(a=d);var e='';for(var c=b;c<a;c++)e+=i(this[c]);return e},c.prototype.toString=function(c,a,b){if(c=String(c||'utf8').toLowerCase(),a=+a||0,b===void 0&&(b=this.length),+b==a)return'';switch(c){case'hex':return this.hexSlice(a,b);case'utf8':case'utf-8':return this.utf8Slice(a,b);case'ascii':return this.asciiSlice(a,b);case'binary':return this.binarySlice(a,b);case'base64':return this.base64Slice(a,b);case'ucs2':case'ucs-2':return this.ucs2Slice(a,b);default:throw new Error('Unknown encoding')}},c.prototype.hexWrite=function(h,d,a){d=+d||0;var e=this.length-d;a?(a=+a,a>e&&(a=e)):a=e;var f=h.length;if(f%2)throw new Error('Invalid hex string');a>f/2&&(a=f/2);for(var b=0;b<a;b++){var g=parseInt(h.substr(b*2,2),16);if(isNaN(g))throw new Error('Invalid hex string');this[d+b]=g}return c._charsWritten=b*2,b},c.prototype.write=function(c,b,a,d){if(isFinite(b))isFinite(a)||(d=a,a=undefined);else{var f=d;d=b,b=a,a=f}b=+b||0;var e=this.length-b;a?(a=+a,a>e&&(a=e)):a=e,d=String(d||'utf8').toLowerCase();switch(d){case'hex':return this.hexWrite(c,b,a);case'utf8':case'utf-8':return this.utf8Write(c,b,a);case'ascii':return this.asciiWrite(c,b,a);case'binary':return this.binaryWrite(c,b,a);case'base64':return this.base64Write(c,b,a);case'ucs2':case'ucs-2':return this.ucs2Write(c,b,a);default:throw new Error('Unknown encoding')}},c.prototype.slice=function(c,b){if(b===undefined&&(b=this.length),b>this.length)throw new Error('oob');if(c>b)throw new Error('oob');return new a(this,b-c,+c)},c.prototype.copy=function(e,d,f,g){var c=[];for(var a=f;a<g;a++)b.ok(this[a]!==void 0,'copying undefined buffer bytes!'),c.push(this[a]);for(var a=d;a<d+c.length;a++)e[a]=c[a-d]},f.SlowBuffer=c,f.Buffer=a,a.poolSize=8192;var d;a.isBuffer=function b(b){return b instanceof a||b instanceof c},a.concat=function(c,e){if(!Array.isArray(c))throw new Error('Usage: Buffer.concat(list, [totalLength])\n       list should be an Array.');if(c.length===0)return new a(0);if(c.length===1)return c[0];if(typeof e!=='number'){e=0;for(var b=0;b<c.length;b++){var d=c[b];e+=d.length}}var f=new a(e),g=0;for(var b=0;b<c.length;b++){var d=c[b];d.copy(f,g),g+=d.length}return f},a.prototype.inspect=function a(){var b=[],c=this.length;for(var a=0;a<c;a++)if(b[a]=i(this.parent[a+this.offset]),a==f.INSPECT_MAX_BYTES){b[a+1]='...';break}return'<Buffer '+b.join(' ')+'>'},a.prototype.get=function a(a){if(a<0||a>=this.length)throw new Error('oob');return this.parent[this.offset+a]},a.prototype.set=function a(a,b){if(a<0||a>=this.length)throw new Error('oob');return this.parent[this.offset+a]=b},a.prototype.write=function(f,d,b,g){if(isFinite(d))isFinite(b)||(g=b,b=undefined);else{var i=g;g=d,d=b,b=i}d=+d||0;var h=this.length-d;b?(b=+b,b>h&&(b=h)):b=h,g=String(g||'utf8').toLowerCase();var e;switch(g){case'hex':e=this.parent.hexWrite(f,this.offset+d,b);break;case'utf8':case'utf-8':e=this.parent.utf8Write(f,this.offset+d,b);break;case'ascii':e=this.parent.asciiWrite(f,this.offset+d,b);break;case'binary':e=this.parent.binaryWrite(f,this.offset+d,b);break;case'base64':e=this.parent.base64Write(f,this.offset+d,b);break;case'ucs2':case'ucs-2':e=this.parent.ucs2Write(f,this.offset+d,b);break;default:throw new Error('Unknown encoding')}return a._charsWritten=c._charsWritten,e},a.prototype.toString=function(c,a,b){c=String(c||'utf8').toLowerCase(),a===void 0||a<0?a=0:a>this.length&&(a=this.length),b===void 0||b>this.length?b=this.length:b<0&&(b=0),a+=this.offset,b+=this.offset;switch(c){case'hex':return this.parent.hexSlice(a,b);case'utf8':case'utf-8':return this.parent.utf8Slice(a,b);case'ascii':return this.parent.asciiSlice(a,b);case'binary':return this.parent.binarySlice(a,b);case'base64':return this.parent.base64Slice(a,b);case'ucs2':case'ucs-2':return this.parent.ucs2Slice(a,b);default:throw new Error('Unknown encoding')}},a.byteLength=c.byteLength,a.prototype.fill=function a(a,b,c){if(a||(a=0),b||(b=0),c||(c=this.length),typeof a==='string'&&(a=a.charCodeAt(0)),!(typeof a==='number')||isNaN(a))throw new Error('value is not a number');if(c<b)throw new Error('end < start');if(c===b)return 0;if(this.length==0)return 0;if(b<0||b>=this.length)throw new Error('start out of bounds');if(c<0||c>this.length)throw new Error('end out of bounds');return this.parent.fill(a,b+this.offset,c+this.offset)},a.prototype.copy=function(d,c,b,a){var e=this;if(b||(b=0),a||(a=this.length),c||(c=0),a<b)throw new Error('sourceEnd < sourceStart');if(a===b)return 0;if(d.length==0||e.length==0)return 0;if(c<0||c>=d.length)throw new Error('targetStart out of bounds');if(b<0||b>=e.length)throw new Error('sourceStart out of bounds');if(a<0||a>e.length)throw new Error('sourceEnd out of bounds');return a>this.length&&(a=this.length),d.length-c<a-b&&(a=d.length-c+b),this.parent.copy(d.parent,c+d.offset,b+this.offset,a+this.offset)},a.prototype.slice=function(c,b){if(b===undefined&&(b=this.length),b>this.length)throw new Error('oob');if(c>b)throw new Error('oob');return new a(this.parent,b-c,+c+this.offset)},a.prototype.utf8Slice=function(a,b){return this.toString('utf8',a,b)},a.prototype.binarySlice=function(a,b){return this.toString('binary',a,b)},a.prototype.asciiSlice=function(a,b){return this.toString('ascii',a,b)},a.prototype.utf8Write=function(a,b){return this.write(a,b,'utf8')},a.prototype.binaryWrite=function(a,b){return this.write(a,b,'binary')},a.prototype.asciiWrite=function(a,b){return this.write(a,b,'ascii')},a.prototype.readUInt8=function(a,d){var c=this;return d||(b.ok(a!==undefined&&a!==null,'missing offset'),b.ok(a<c.length,'Trying to read beyond buffer length')),c.parent[c.offset+a]},a.prototype.readUInt16LE=function(a,b){return o(this,a,!1,b)},a.prototype.readUInt16BE=function(a,b){return o(this,a,!0,b)},a.prototype.readUInt32LE=function(a,b){return n(this,a,!1,b)},a.prototype.readUInt32BE=function(a,b){return n(this,a,!0,b)},a.prototype.readInt8=function(c,e){var a=this,d;return e||(b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c<a.length,'Trying to read beyond buffer length')),d=a.parent[a.offset+c]&128,d?(255-a.parent[a.offset+c]+1)*-1:a.parent[a.offset+c]},a.prototype.readInt16LE=function(a,b){return v(this,a,!1,b)},a.prototype.readInt16BE=function(a,b){return v(this,a,!0,b)},a.prototype.readInt32LE=function(a,b){return r(this,a,!1,b)},a.prototype.readInt32BE=function(a,b){return r(this,a,!0,b)},a.prototype.readFloatLE=function(a,b){return s(this,a,!1,b)},a.prototype.readFloatBE=function(a,b){return s(this,a,!0,b)},a.prototype.readDoubleLE=function(a,b){return t(this,a,!1,b)},a.prototype.readDoubleBE=function(a,b){return t(this,a,!0,b)},a.prototype.writeUInt8=function(a,c,e){var d=this;e||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c<d.length,'trying to write beyond buffer length'),k(a,255)),d.parent[d.offset+c]=a},a.prototype.writeUInt16LE=function(a,b,c){h(this,a,b,!1,c)},a.prototype.writeUInt16BE=function(a,b,c){h(this,a,b,!0,c)},a.prototype.writeUInt32LE=function(a,b,c){g(this,a,b,!1,c)},a.prototype.writeUInt32BE=function(a,b,c){g(this,a,b,!0,c)},a.prototype.writeInt8=function(a,c,e){var d=this;e||(b.ok(a!==undefined&&a!==null,'missing value'),b.ok(c!==undefined&&c!==null,'missing offset'),b.ok(c<d.length,'Trying to write beyond buffer length'),m(a,127,-128)),a>=0?d.writeUInt8(a,c,e):d.writeUInt8(255+a+1,c,e)},a.prototype.writeInt16LE=function(a,b,c){y(this,a,b,!1,c)},a.prototype.writeInt16BE=function(a,b,c){y(this,a,b,!0,c)},a.prototype.writeInt32LE=function(a,b,c){z(this,a,b,!1,c)},a.prototype.writeInt32BE=function(a,b,c){z(this,a,b,!0,c)},a.prototype.writeFloatLE=function(a,b,c){A(this,a,b,!1,c)},a.prototype.writeFloatBE=function(a,b,c){A(this,a,b,!0,c)},a.prototype.writeDoubleLE=function(a,b,c){q(this,a,b,!1,c)},a.prototype.writeDoubleBE=function(a,b,c){q(this,a,b,!0,c)},c.prototype.readUInt8=a.prototype.readUInt8,c.prototype.readUInt16LE=a.prototype.readUInt16LE,c.prototype.readUInt16BE=a.prototype.readUInt16BE,c.prototype.readUInt32LE=a.prototype.readUInt32LE,c.prototype.readUInt32BE=a.prototype.readUInt32BE,c.prototype.readInt8=a.prototype.readInt8,c.prototype.readInt16LE=a.prototype.readInt16LE,c.prototype.readInt16BE=a.prototype.readInt16BE,c.prototype.readInt32LE=a.prototype.readInt32LE,c.prototype.readInt32BE=a.prototype.readInt32BE,c.prototype.readFloatLE=a.prototype.readFloatLE,c.prototype.readFloatBE=a.prototype.readFloatBE,c.prototype.readDoubleLE=a.prototype.readDoubleLE,c.prototype.readDoubleBE=a.prototype.readDoubleBE,c.prototype.writeUInt8=a.prototype.writeUInt8,c.prototype.writeUInt16LE=a.prototype.writeUInt16LE,c.prototype.writeUInt16BE=a.prototype.writeUInt16BE,c.prototype.writeUInt32LE=a.prototype.writeUInt32LE,c.prototype.writeUInt32BE=a.prototype.writeUInt32BE,c.prototype.writeInt8=a.prototype.writeInt8,c.prototype.writeInt16LE=a.prototype.writeInt16LE,c.prototype.writeInt16BE=a.prototype.writeInt16BE,c.prototype.writeInt32LE=a.prototype.writeInt32LE,c.prototype.writeInt32BE=a.prototype.writeInt32BE,c.prototype.writeFloatLE=a.prototype.writeFloatLE,c.prototype.writeFloatBE=a.prototype.writeFloatBE,c.prototype.writeDoubleLE=a.prototype.writeDoubleLE,c.prototype.writeDoubleBE=a.prototype.writeDoubleBE},{assert:1,'./buffer_ieee754':8,'base64-js':9}],9:[function(b,a,c){!function(e){'use strict';function c(a){var c,g,h,d,f,e;if(a.length%4>0)throw'Invalid string. Length must be a multiple of 4';for(f=a.indexOf('='),f=f>0?a.length-f:0,e=[],h=f>0?a.length-4:a.length,c=0,g=0;c<h;c+=4,g+=3)d=b.indexOf(a[c])<<18|b.indexOf(a[c+1])<<12|b.indexOf(a[c+2])<<6|b.indexOf(a[c+3]),e.push((d&16711680)>>16),e.push((d&65280)>>8),e.push(d&255);return f===2?(d=b.indexOf(a[c])<<2|b.indexOf(a[c+1])>>4,e.push(d&255)):f===1&&(d=b.indexOf(a[c])<<10|b.indexOf(a[c+1])<<4|b.indexOf(a[c+2])>>2,e.push(d>>8&255),e.push(d&255)),e}function d(a){function h(a){return b[a>>18&63]+b[a>>12&63]+b[a>>6&63]+b[a&63]}var e,f=a.length%3,c='',d,g;for(e=0,g=a.length-f;e<g;e+=3)d=(a[e]<<16)+(a[e+1]<<8)+a[e+2],c+=h(d);switch(f){case 1:d=a[a.length-1];c+=b[d>>2];c+=b[d<<4&63];c+='==';break;case 2:d=(a[a.length-2]<<8)+a[a.length-1];c+=b[d>>10];c+=b[d>>4&63];c+=b[d<<2&63];c+='=';break}return c}var b='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';a.exports.toByteArray=c,a.exports.fromByteArray=d}()},{}]},{},[]),b.exports=a('buffer-browserify')},{}],14:[function(c,b,d){var a=b.exports={};a.nextTick=function(b,c,a){return b=typeof window!=='undefined'&&window.setImmediate,c=typeof window!=='undefined'&&window.postMessage&&window.addEventListener,b?function(a){return window.setImmediate(a)}:c?(a=[],window.addEventListener('message',function(b){var c=b.source;if((c===window||c===null)&&b.data==='process-tick'&&(b.stopPropagation(),a.length>0)){var d=a.shift();d()}},!0),function b(b){a.push(b),window.postMessage('process-tick','*')}):function a(a){setTimeout(a,0)}}(),a.title='browser',a.browser=!0,a.env={},a.argv=[],a.binding=function(a){throw new Error('process.binding is not supported')},a.cwd=function(){return'/'},a.chdir=function(a){throw new Error('process.chdir is not supported')}},{}],15:[function(c,e,a){var d=c('events').EventEmitter,b=c('through');a=e.exports=function(b){return typeof b.pipe==='function'?a.fromStream(b):a.toStream(b)},a.toStream=function(a){var c=b(function a(a){this.emit('data',a)},function b(){var b=a._emitStreams.indexOf(c);a._emitStreams.splice(b,1)});if(!a._emitStreams){a._emitStreams=[];var d=a.emit;a.emit=function(){var b=[].slice.call(arguments);a._emitStreams.forEach(function(a){a.writable&&a.write(b)}),d.apply(a,arguments)}}return a._emitStreams.push(c),c},a.fromStream=function(c){var a=new d;return c.pipe(b(function(b){a.emit.apply(a,b)})),a}},{events:7,through:16}],16:[function(b,e,f){function a(g,f,j){function k(){while(b.length&&!a.paused){var c=b.shift();if(null===c)return a.emit('end');a.emit('data',c)}}function l(){a.writable=!1,f.call(a),!a.readable&&a.autoDestroy&&a.destroy()}g=g||function(a){this.queue(a)},f=f||function(){this.queue(null)};var e=!1,h=!1,b=[],i=!1,a=new d;return a.readable=a.writable=!0,a.paused=!1,a.autoDestroy=!(j&&j.autoDestroy===!1),a.write=function(b){return g.call(this,b),!a.paused},a.queue=a.push=function(c){return i?a:(c==null&&(i=!0),b.push(c),k(),a)},a.on('end',function(){a.readable=!1,!a.writable&&a.autoDestroy&&c.nextTick(function(){a.destroy()})}),a.end=function(b){return e?void 0:(e=!0,arguments.length&&a.write(b),l(),a)},a.destroy=function(){return h?void 0:(h=!0,e=!0,b.length=0,a.writable=a.readable=!1,a.emit('close'),a)},a.pause=function(){return a.paused?void 0:(a.paused=!0,a)},a.resume=function(){return a.paused&&(a.paused=!1,a.emit('resume')),k(),a.paused||a.emit('drain'),a},a}var c=b('__browserify_process'),d=b('stream');f=e.exports=a,a.through=a},{__browserify_process:14,stream:10}],17:[function(a,b,c){!function(a){typeof define=='function'?define(a):typeof YUI=='function'?YUI.add('es5',a):a()}(function(){function j(){}function q(a){return a=+a,a!==a?a=0:a!==0&&a!==1/0&&a!==-(1/0)&&(a=(a>0||-1)*Math.floor(Math.abs(a))),a}function i(b){var a=typeof b;return b===null||a==='undefined'||a==='boolean'||a==='number'||a==='string'}function F(a){var b,c,d;if(i(a))return a;if(c=a.valueOf,typeof c==='function'&&(b=c.call(a),i(b)))return b;if(d=a.toString,typeof d==='function'&&(b=d.call(a),i(b)))return b;throw new TypeError}Function.prototype.bind||(Function.prototype.bind=function a(d){var a=this;if(typeof a!='function')throw new TypeError('Function.prototype.bind called on incompatible '+a);var c=g.call(arguments,1),b=function(){if(this instanceof b){var e=a.apply(this,c.concat(g.call(arguments)));return Object(e)===e?e:this}else return a.apply(d,c.concat(g.call(arguments)))};return a.prototype&&(j.prototype=a.prototype,b.prototype=new j,j.prototype=null),b});var f=Function.prototype.call,s=Array.prototype,d=Object.prototype,g=s.slice,a=f.bind(d.toString),h=f.bind(d.hasOwnProperty),E,D,C,B,A;if((A=h(d,'__defineGetter__'))&&(E=f.bind(d.__defineGetter__),D=f.bind(d.__defineSetter__),C=f.bind(d.__lookupGetter__),B=f.bind(d.__lookupSetter__)),[1,2].splice(0).length!=2){var u=Array.prototype.splice;Array.prototype.splice=function(a,b){return arguments.length?u.apply(this,[a===void 0?0:a,b===void 0?this.length-a:b].concat(g.call(arguments,2))):[]}}if([].unshift(0)!=1){var r=Array.prototype.unshift;Array.prototype.unshift=function(){return r.apply(this,arguments),this.length}}Array.isArray||(Array.isArray=function b(b){return a(b)=='[object Array]'});var k=Object('a'),c=k[0]!='a'||!(0 in k);if(Array.prototype.forEach||(Array.prototype.forEach=function d(g){var f=b(this),e=c&&a(this)=='[object String]'?this.split(''):f,h=arguments[1],d=-1,i=e.length>>>0;if(a(g)!='[object Function]')throw new TypeError;while(++d<i)d in e&&g.call(h,e[d],d,f)}),Array.prototype.map||(Array.prototype.map=function d(f){var g=b(this),e=c&&a(this)=='[object String]'?this.split(''):g,h=e.length>>>0,i=Array(h),j=arguments[1];if(a(f)!='[object Function]')throw new TypeError(f+' is not a function');for(var d=0;d<h;d++)d in e&&(i[d]=f.call(j,e[d],d,g));return i}),Array.prototype.filter||(Array.prototype.filter=function d(f){var g=b(this),e=c&&a(this)=='[object String]'?this.split(''):g,j=e.length>>>0,h=[],i,k=arguments[1];if(a(f)!='[object Function]')throw new TypeError(f+' is not a function');for(var d=0;d<j;d++)d in e&&(i=e[d],f.call(k,i,d,g)&&h.push(i));return h}),Array.prototype.every||(Array.prototype.every=function d(f){var g=b(this),e=c&&a(this)=='[object String]'?this.split(''):g,h=e.length>>>0,i=arguments[1];if(a(f)!='[object Function]')throw new TypeError(f+' is not a function');for(var d=0;d<h;d++)if(d in e&&!f.call(i,e[d],d,g))return!1;return!0}),Array.prototype.some||(Array.prototype.some=function d(f){var g=b(this),e=c&&a(this)=='[object String]'?this.split(''):g,h=e.length>>>0,i=arguments[1];if(a(f)!='[object Function]')throw new TypeError(f+' is not a function');for(var d=0;d<h;d++)if(d in e&&f.call(i,e[d],d,g))return!0;return!1}),Array.prototype.reduce||(Array.prototype.reduce=function d(h){var i=b(this),e=c&&a(this)=='[object String]'?this.split(''):i,g=e.length>>>0;if(a(h)!='[object Function]')throw new TypeError(h+' is not a function');if(!g&&arguments.length==1)throw new TypeError('reduce of empty array with no initial value');var d=0,f;if(arguments.length>=2)f=arguments[1];else do{if(d in e){f=e[d++];break}if(++d>=g)throw new TypeError('reduce of empty array with no initial value')}while(!0);for(;d<g;d++)d in e&&(f=h.call(void 0,f,e[d],d,i));return f}),Array.prototype.reduceRight||(Array.prototype.reduceRight=function d(g){var h=b(this),e=c&&a(this)=='[object String]'?this.split(''):h,i=e.length>>>0;if(a(g)!='[object Function]')throw new TypeError(g+' is not a function');if(!i&&arguments.length==1)throw new TypeError('reduceRight of empty array with no initial value');var f,d=i-1;if(arguments.length>=2)f=arguments[1];else do{if(d in e){f=e[d--];break}if(--d<0)throw new TypeError('reduceRight of empty array with no initial value')}while(!0);do d in this&&(f=g.call(void 0,f,e[d],d,h));while(d--);return f}),(!Array.prototype.indexOf||[0,1].indexOf(1,2)!=-1)&&(Array.prototype.indexOf=function d(g){var e=c&&a(this)=='[object String]'?this.split(''):b(this),f=e.length>>>0;if(!f)return-1;var d=0;for(arguments.length>1&&(d=q(arguments[1])),d=d>=0?d:Math.max(0,f+d);d<f;d++)if(d in e&&e[d]===g)return d;return-1}),(!Array.prototype.lastIndexOf||[0,1].lastIndexOf(0,-3)!=-1)&&(Array.prototype.lastIndexOf=function d(g){var e=c&&a(this)=='[object String]'?this.split(''):b(this),f=e.length>>>0;if(!f)return-1;var d=f-1;for(arguments.length>1&&(d=Math.min(d,q(arguments[1]))),d=d>=0?d:f-Math.abs(d);d>=0;d--)if(d in e&&g===e[d])return d;return-1}),!Object.keys){var m=!0,n=['toString','toLocaleString','valueOf','hasOwnProperty','isPrototypeOf','propertyIsEnumerable','constructor'],w=n.length;for(var z in{toString:null})m=!1;Object.keys=function a(a){if(typeof a!='object'&&typeof a!='function'||a===null)throw new TypeError('Object.keys called on a non-object');var b=[];for(var d in a)h(a,d)&&b.push(d);if(m)for(var c=0,f=w;c<f;c++){var e=n[c];h(a,e)&&b.push(e)}return b}}var l=-621987552e5,o='-000001';(!Date.prototype.toISOString||new Date(l).toISOString().indexOf(o)===-1)&&(Date.prototype.toISOString=function a(){var b,d,e,a,c;if(!isFinite(this))throw new RangeError('Date.prototype.toISOString called on non-finite value.');a=this.getUTCFullYear(),c=this.getUTCMonth(),a+=Math.floor(c/12),c=(c%12+12)%12,b=[c+1,this.getUTCDate(),this.getUTCHours(),this.getUTCMinutes(),this.getUTCSeconds()],a=(a<0?'-':a>9999?'+':'')+('00000'+Math.abs(a)).slice(0<=a&&a<=9999?-4:-6),d=b.length;while(d--)e=b[d],e<10&&(b[d]='0'+e);return a+'-'+b.slice(0,2).join('-')+'T'+b.slice(2).join(':')+'.'+('000'+this.getUTCMilliseconds()).slice(-3)+'Z'});var p=!1;try{p=Date.prototype.toJSON&&new Date(NaN).toJSON()===null&&new Date(l).toJSON().indexOf(o)!==-1&&Date.prototype.toJSON.call({toISOString:function(){return!0}})}catch(a){}if(p||(Date.prototype.toJSON=function a(d){var a=Object(this),b=F(a),c;if(typeof b==='number'&&!isFinite(b))return null;if(c=a.toISOString,typeof c!='function')throw new TypeError('toISOString property is not callable');return c.call(a)}),(!Date.parse||'Date.parse is buggy')&&(Date=function(a,e,f,c){function b(c,e,f,g,h,j,k){var d=arguments.length;if(this instanceof a){var i=d==1&&String(c)===c?new a(b.parse(c)):d>=7?new a(c,e,f,g,h,j,k):d>=6?new a(c,e,f,g,h,j):d>=5?new a(c,e,f,g,h):d>=4?new a(c,e,f,g):d>=3?new a(c,e,f):d>=2?new a(c,e):d>=1?new a(c):new a;return i.constructor=b,i}return a.apply(this,arguments)}function d(a,c){var b=c>1?1:0;return f[c]+Math.floor((a-1969+b)/4)-Math.floor((a-1901+b)/100)+Math.floor((a-1601+b)/400)+365*(a-1970)}e=new RegExp('^(\\d{4}|[+-]\\d{6})(?:-(\\d{2})(?:-(\\d{2})(?:T(\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.(\\d{3}))?)?(Z|(?:([-+])(\\d{2}):(\\d{2})))?)?)?)?$'),f=[0,31,59,90,120,151,181,212,243,273,304,334,365];for(c in a)b[c]=a[c];return b.now=a.now,b.UTC=a.UTC,b.prototype=a.prototype,b.prototype.constructor=b,b.parse=function b(q){var b=e.exec(q);if(b){var g=Number(b[1]),f=Number(b[2]||1)-1,i=Number(b[3]||1)-1,l=Number(b[4]||0),h=Number(b[5]||0),k=Number(b[6]||0),j=Number(b[7]||0),p=!b[4]||b[8]?0:Number(new a(1970,0)),m=b[9]==='-'?1:-1,n=Number(b[10]||0),o=Number(b[11]||0),c;return l<(h>0||k>0||j>0?24:25)&&h<60&&k<60&&j<1e3&&f>-1&&f<12&&n<24&&o<60&&i>-1&&i<d(g,f+1)-d(g,f)&&(c=((d(g,f)+i)*24+l+n*m)*60,c=((c+h+o*m)*60+k)*1e3+j+p,-864e13<=c&&c<=864e13)?c:NaN}return a.parse.apply(this,arguments)},b}(Date)),Date.now||(Date.now=function a(){return new Date().getTime()}),'0'.split(void 0,0).length){var x=String.prototype.split;String.prototype.split=function(a,b){return a===void 0&&b===0?[]:x.apply(this,arguments)}}if(''.substr&&'0b'.substr(-1)!=='b'){var v=String.prototype.substr;String.prototype.substr=function(a,b){return v.call(this,a<0?(a=this.length+a)<0?0:a:a,b)}}var e='	\n\r Â áš€á Žâ€€â€â€‚â€ƒâ€„â€…â€†â€‡â€ˆâ€‰â€Šâ€¯âŸã€€\u2028\u2029';if(!String.prototype.trim||e.trim()){e='['+e+']';var t=new RegExp('^'+e+e+'*'),y=new RegExp(e+e+'*$');String.prototype.trim=function a(){if(this===undefined||this===null)throw new TypeError("can't convert "+this+' to object');return String(this).replace(t,'').replace(y,'')}}var b=function(a){if(a==null)throw new TypeError("can't convert "+a+' to object');return Object(a)}})},{}],18:[function(a,d,e){var b=a('./inject'),c=a('stream-serializer');d.exports=b(function(b,a){return c(a&&a.wrapper)(b)})},{'./inject':19,'stream-serializer':21}],19:[function(a,e,f){'use strict';var b=a('through'),c=a('xtend'),d=a('duplex');e.exports=function(a){function e(h,k){function n(){return Math.random().toString(16).slice(2)+Math.random().toString(16).slice(2)}function g(d){e.removeListener('end',g),e.removeListener('error',g),e.removeListener('close',g);var b=d||new Error('unexpected disconnection');for(var c in i){var a=i[c];a.destroyed=!0,h.error!==!0?a.end():(a.emit('error',b),a.destroy())}}function l(c,g,d){j++;var a=b(function(d){if(!this.writable){var b=Error('stream is not writable: '+c);return b.stream=this,f.emit('error',b)}e._data([a.id,'data',d])},function(){e._data([a.id,'end']),this.readable&&!d.allowHalfOpen&&!this.ended&&this.emit('end')});return a.pause=function(){e._data([a.id,'pause'])},a.resume=function(){e._data([a.id,'resume'])},a.error=function(b){e._data([a.id,'error',b])},a.once('close',function(){delete i[c],j--,e._data([a.id,'close']),j===0&&e.emit('zero')}),a.writable=d.writable,a.readable=d.readable,i[a.id=c]=a,a.meta=g,a}'function'===typeof h&&(k=h,h=null),h=h||{};var i={},j=0,e=d();e.on('_data',function(a){if(!(Array.isArray(a)&&'string'===typeof a[0]&&'__proto__'!==a[0]&&'string'===typeof a[1]&&'__proto__'!==a[1]))return;var h=a.shift(),g=a[0],b=i[h];if(!b){if(g=='close')return;if(g!='new')return f.emit('unknown',h);e.emit('connection',l(h,a[1].meta,a[1].opts))}else if(g==='pause')b.paused=!0;else if(g==='resume'){var k=b.paused;b.paused=!1,k&&b.emit('drain')}else if(g==='error'){var d=a[1];if(typeof d==='string')b.emit('error',new Error(d));else if(typeof d.message==='string'){var j=new Error(d.message);c(j,d),b.emit('error',j)}else b.emit('error',d)}else b.emit.apply(b,a)}).on('_end',function(){g(),e._end()});var f=a(e,h);e!==f&&e.on('connection',function(a){f.emit('connection',a)}),f.close=function(a){return e.once('zero',function(){e._end(),a&&a()}),this},k&&f.on('connection',k),f.on('connection',function(a){f.listeners('connection').length===1&&a.error('remote end lacks connection listener '+f.listeners('connection').length)});var m=f.pipe;return f.pipe=function(a,b){return m.call(f,a,b),e.on('end',g),e.on('close',g),e.on('error',g),a},f.createStream=function(c,a){a=a||{},a.writable||a.readable||(a.readable=a.writable=!0);var b=l(n(),c,a),d={writable:a.readable,readable:a.writable};return e._data([b.id,'new',{meta:c,opts:d}]),b},f.createWriteStream=function(a){return f.createStream(a,{writable:!0,readable:!1})},f.createReadStream=function(a){return f.createStream(a,{writable:!1,readable:!0})},f}return e}},{duplex:20,through:22,xtend:23}],20:[function(b,d,e){var a=b('__browserify_process'),c=b('stream');d.exports=function(h,i){var b=new c,d=[],g=!1,e;b.writable=b.readable=!0,b.paused=!1,b._paused=!1,b.buffer=d,b.on('pause',function(){b._paused=!0}).on('drain',function(){b._paused=!1}),h&&b.on('_data',h),i&&b.on('_end',i),b.once('end',function(){b.readable=!1,b.writable||a.nextTick(function(){b.destroy()})}),b.once('_end',function(){b.writable=!1,b.readable||b.destroy()}),b._data=function(a){return b.paused||d.length?d.push(a):b.emit('data',a),!(b.paused||d.length)},b._end=function(a){if(a&&b._data(a),e)return;e=!0,b.drain()},b.write=function(a){return b.emit('_data',a),!b._paused},b.end=function(){if(b.writable=!1,b.ended)return;b.ended=!0,b.emit('_end')},b.drain=function(){if(!(d.length||e))return;while(!b.paused)if(d.length)b.emit('data',d.shift()),d.length==0&&b.emit('_drain');else if(e&&b.readable){b.readable=!1,b.emit('end');return}else return!0};var f=!1;return b.resume=function(){return f=!0,b.paused=!1,b.drain(),b},b.destroy=function(){if(g)return;g=!0,d.length=0,b.emit('close')},b.pause=function(){return f=!0,b.paused=!0,b.emit('_pause'),b},b._pause=function(){return b._paused||(b._paused=!0,b.emit('pause')),this},b.paused=!0,a.nextTick(function(){if(f)return;b.resume()}),b}},{__browserify_process:14,stream:10}],21:[function(c,d,a){var b=c('events').EventEmitter;a=d.exports=function(b){return'function'==typeof b?b:a[b]||a.json},a.json=function(a,d){function e(c){var b;try{b=d.parse(c)}catch(b){return b.line=c,a.emit('error',b)}b!==undefined&&f.call(a,b)}function h(b){var a=(c+b).split('\n');c=a.pop();while(a.length)e(a.shift())}d=d||JSON;var f=a.write,c='';a.write=h;var g=a.end;return a.end=function(b){return b&&a.write(b),c&&e(c),g.call(a)},a.emit=function(e,c){e=='data'&&(c=d.stringify(c)+'\n'),b.prototype.emit.call(a,e,c)},a},a.raw=function(a){return a}},{events:7}],22:[function(a,b,c){b.exports=a(16)},{__browserify_process:14,stream:10}],23:[function(c,a,d){function b(f){for(var a=1;a<arguments.length;a++){var c=arguments[a],d=Object.keys(c);for(var b=0;b<d.length;b++){var e=d[b];f[e]=c[e]}}return f}a.exports=b},{}],24:[function(a,f,g){var b=a('stream'),c=a('sockjs-client'),d=a('url').resolve,e=a('url').parse;f.exports=function(i,j){var k=e(i).protocol?i:d(window.location.href,i),a=new b;a.readable=!0,a.writable=!0;var h=!1,g=[],f=c(k);return a.sock=f,a.write=function(a){!h||g.length?g.push(a):f.send(a)},a.end=function(b){if(b!==undefined&&a.write(b),!h){a._ended=!0;return}a.writable=!1,f.close()},a.destroy=function(){a._ended=!0,a.writable=a.readable=!1,g.length=0,f.close()},f.onopen=function(){typeof j==='function'&&j(),h=!0;for(var b=0;b<g.length;b++)f.send(g[b]);g=[],a.emit('connect'),a._ended&&a.end()},f.onmessage=function(b){a.emit('data',b.data)},f.onclose=function(){a.emit('end'),a.writable=!1,a.readable=!1},a}},{'sockjs-client':25,stream:10,url:11}],25:[function(require,module,exports){var JSON;JSON||(JSON={}),function(){function str(h,i){var b,e,c,g,f=gap,d,a=i[h];a&&typeof a=='object'&&typeof a.toJSON=='function'&&(a=a.toJSON(h)),typeof rep=='function'&&(a=rep.call(i,h,a));switch(typeof a){case'string':return quote(a);case'number':return isFinite(a)?String(a):'null';case'boolean':case'null':return String(a);case'object':if(!a)return'null';gap+=indent,d=[];if(Object.prototype.toString.apply(a)==='[object Array]'){for(g=a.length,b=0;b<g;b+=1)d[b]=str(b,a)||'null';return c=d.length===0?'[]':gap?'[\n'+gap+d.join(',\n'+gap)+'\n'+f+']':'['+d.join(',')+']',gap=f,c}if(rep&&typeof rep=='object')for(g=rep.length,b=0;b<g;b+=1)typeof rep[b]=='string'&&(e=rep[b],c=str(e,a),c&&d.push(quote(e)+(gap?': ':':')+c));else for(e in a)Object.prototype.hasOwnProperty.call(a,e)&&(c=str(e,a),c&&d.push(quote(e)+(gap?': ':':')+c));c=d.length===0?'{}':gap?'{\n'+gap+d.join(',\n'+gap)+'\n'+f+'}':'{'+d.join(',')+'}',gap=f;return c}}function quote(a){return escapable.lastIndex=0,escapable.test(a)?'"'+a.replace(escapable,function(b){var a=meta[b];return typeof a=='string'?a:'\\u'+('0000'+b.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function f(a){return a<10?'0'+a:a}typeof Date.prototype.toJSON!='function'&&(Date.prototype.toJSON=function(a){return isFinite(this.valueOf())?this.getUTCFullYear()+'-'+f(this.getUTCMonth()+1)+'-'+f(this.getUTCDate())+'T'+f(this.getUTCHours())+':'+f(this.getUTCMinutes())+':'+f(this.getUTCSeconds())+'Z':null},String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(a){return this.valueOf()});var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={'':'\\b','	':'\\t','\n':'\\n','':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},rep;typeof JSON.stringify!='function'&&(JSON.stringify=function(d,a,b){var c;if(gap='',indent='',typeof b=='number')for(c=0;c<b;c+=1)indent+=' ';else typeof b=='string'&&(indent=b);if(rep=a,!a||typeof a=='function'||typeof a=='object'&&typeof a.length=='number')return str('',{'':d});throw new Error('JSON.stringify')}),typeof JSON.parse!='function'&&(JSON.parse=function(text,reviver){function walk(d,e){var b,c,a=d[e];if(a&&typeof a=='object')for(b in a)Object.prototype.hasOwnProperty.call(a,b)&&(c=walk(a,b),c!==undefined?a[b]=c:delete a[b]);return reviver.call(d,e,a)}var j;if(text=String(text),cx.lastIndex=0,cx.test(text)&&(text=text.replace(cx,function(a){return'\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4)})),/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'')))return j=eval('('+text+')'),typeof reviver=='function'?walk({'':j},''):j;throw new SyntaxError('JSON.parse')})}();var SockJS=function(d,c,a,m,f,l,M,g,D,S,s,O,V,a3,E,z,n,C,Q,P,p,Z,a0,x,b,t,j,X,R,$,r,a1,i,q,u,B,J,e,N,F,h,o,L,K,T,U,y,W,w,Y,v,_,G,A,I,a2,H,k){return d=document,c=window,a={},m=function(){},m.prototype.addEventListener=function(b,d){this._listeners||(this._listeners={}),b in this._listeners||(this._listeners[b]=[]);var c=this._listeners[b];a.arrIndexOf(c,d)===-1&&c.push(d);return},m.prototype.removeEventListener=function(c,e){if(!(this._listeners&&c in this._listeners))return;var b=this._listeners[c],d=a.arrIndexOf(b,e);if(d!==-1){b.length>1?this._listeners[c]=b.slice(0,d).concat(b.slice(d+1)):delete this._listeners[c];return}return},m.prototype.dispatchEvent=function(d){var a=d.type,c=Array.prototype.slice.call(arguments,0);if(this['on'+a]&&this['on'+a].apply(this,c),this._listeners&&a in this._listeners)for(var b=0;b<this._listeners[a].length;b++)this._listeners[a][b].apply(this,c)},f=function(c,a){if(this.type=c,a!==void 0)for(var b in a){if(!a.hasOwnProperty(b))continue;this[b]=a[b]}},f.prototype.toString=function(){var c=[];for(var a in this){if(!this.hasOwnProperty(a))continue;var b=this[a];typeof b==='function'&&(b='[function]'),c.push(a+'='+b)}return'SimpleEvent('+c.join(', ')+')'},l=function(a){this.events=a||[]},l.prototype.emit=function(c){var b=this,d=Array.prototype.slice.call(arguments,1);!b.nuked&&b['on'+c]&&b['on'+c].apply(b,d),a.arrIndexOf(b.events,c)===-1&&a.log('Event '+JSON.stringify(c)+' not listed '+JSON.stringify(b.events)+' in '+b)},l.prototype.nuke=function(c){var a=this;a.nuked=!0;for(var b=0;b<a.events.length;b++)delete a[a.events[b]]},M='abcdefghijklmnopqrstuvwxyz0123456789_',a.random_string=function(d,a){a=a||M.length;var b,c=[];for(b=0;b<d;b++)c.push(M.substr(Math.floor(Math.random()*a),1));return c.join('')},a.random_number=function(a){return Math.floor(Math.random()*a)},a.random_number_string=function(c){var b=(''+(c-1)).length,d=Array(b+1).join('0');return(d+a.random_number(c)).slice(-b)},a.getOrigin=function(a){a+='/';var b=a.split('/').slice(0,3);return b.join('/')},a.isSameOriginUrl=function(b,a){return a||(a=c.location.href),b.split('/').slice(0,3).join('/')===a.split('/').slice(0,3).join('/')},a.getParentDomain=function(a){if(/^[0-9.]*$/.test(a))return a;if(/^\[/.test(a))return a;if(!/[.]/.test(a))return a;var b=a.split('.').slice(1);return b.join('.')},a.objectExtend=function(c,b){for(var a in b)b.hasOwnProperty(a)&&(c[a]=b[a]);return c},g='_jp',a.polluteGlobalNamespace=function(){g in c||(c[g]={})},a.closeFrame=function(a,b){return'c'+JSON.stringify([a,b])},a.userSetCode=function(a){return a===1e3||a>=3e3&&a<=4999},a.countRTO=function(a){var b;return a>100?b=3*a:b=a+200,b},a.log=function(){c.console&&console.log&&console.log.apply&&console.log.apply(console,arguments)},a.bind=function(a,b){return a.bind?a.bind(b):function(){return a.apply(b,arguments)}},a.flatUrl=function(a){return a.indexOf('?')===-1&&a.indexOf('#')===-1},a.amendUrl=function(b){var c=d.location;if(!b)throw new Error('Wrong url for SockJS');if(!a.flatUrl(b))throw new Error('Only basic urls are supported in SockJS');return b.indexOf('//')===0&&(b=c.protocol+b),b.indexOf('/')===0&&(b=c.protocol+'//'+c.host+b),b=b.replace(/[/]+$/,''),b},a.arrIndexOf=function(b,c){for(var a=0;a<b.length;a++)if(b[a]===c)return a;return-1},a.arrSkip=function(b,e){var c=a.arrIndexOf(b,e);if(c===-1)return b.slice();else{var d=b.slice(0,c);return d.concat(b.slice(c+1))}},a.isArray=Array.isArray||function(a){return{}.toString.call(a).indexOf('Array')>=0},a.delay=function(a,b){return typeof a==='function'&&(b=a,a=0),setTimeout(b,a)},D=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,S={'�':'\\u0000','
':'\\u0001','':'\\u0002','':'\\u0003','':'\\u0004','':'\\u0005','':'\\u0006','':'\\u0007','':'\\b','	':'\\t','\n':'\\n','':'\\u000b','':'\\f','\r':'\\r','':'\\u000e','':'\\u000f','':'\\u0010','':'\\u0011','':'\\u0012','':'\\u0013','':'\\u0014','':'\\u0015','':'\\u0016','':'\\u0017','':'\\u0018','':'\\u0019','':'\\u001a','':'\\u001b','':'\\u001c','':'\\u001d','':'\\u001e','':'\\u001f','"':'\\"','\\':'\\\\','':'\\u007f','€':'\\u0080','':'\\u0081','‚':'\\u0082','ƒ':'\\u0083','„':'\\u0084','Â…':'\\u0085','†':'\\u0086','‡':'\\u0087','ˆ':'\\u0088','‰':'\\u0089','Š':'\\u008a','‹':'\\u008b','ÂŒ':'\\u008c','':'\\u008d','ÂŽ':'\\u008e','':'\\u008f','':'\\u0090','‘':'\\u0091','Â’':'\\u0092','“':'\\u0093','”':'\\u0094','•':'\\u0095','–':'\\u0096','—':'\\u0097','˜':'\\u0098','™':'\\u0099','š':'\\u009a','›':'\\u009b','Âœ':'\\u009c','':'\\u009d','ž':'\\u009e','Ÿ':'\\u009f','­':'\\u00ad','Ø€':'\\u0600','؁':'\\u0601','Ø‚':'\\u0602','؃':'\\u0603','Ø„':'\\u0604','܏':'\\u070f','áž´':'\\u17b4','ážµ':'\\u17b5','‌':'\\u200c','‍':'\\u200d','‎':'\\u200e','‏':'\\u200f','\u2028':'\\u2028','\u2029':'\\u2029','‪':'\\u202a','‫':'\\u202b','‬':'\\u202c','‭':'\\u202d','‮':'\\u202e',' ':'\\u202f','⁠':'\\u2060','⁡':'\\u2061','⁢':'\\u2062','⁣':'\\u2063','⁤':'\\u2064','⁥':'\\u2065','⁦':'\\u2066','⁧':'\\u2067','⁨':'\\u2068','⁩':'\\u2069','':'\\u206a','':'\\u206b','':'\\u206c','':'\\u206d','':'\\u206e','':'\\u206f','':'\\ufeff','ï¿°':'\\ufff0','￱':'\\ufff1','￲':'\\ufff2','￳':'\\ufff3','ï¿´':'\\ufff4','￵':'\\ufff5','￶':'\\ufff6','ï¿·':'\\ufff7','￸':'\\ufff8','':'\\ufff9','':'\\ufffa','ï¿»':'\\ufffb','':'\\ufffc','�':'\\ufffd','￾':'\\ufffe','ï¿¿':'\\uffff'},s=/[\x00-\x1f\ud800-\udfff\ufffe\uffff\u0300-\u0333\u033d-\u0346\u034a-\u034c\u0350-\u0352\u0357-\u0358\u035c-\u0362\u0374\u037e\u0387\u0591-\u05af\u05c4\u0610-\u0617\u0653-\u0654\u0657-\u065b\u065d-\u065e\u06df-\u06e2\u06eb-\u06ec\u0730\u0732-\u0733\u0735-\u0736\u073a\u073d\u073f-\u0741\u0743\u0745\u0747\u07eb-\u07f1\u0951\u0958-\u095f\u09dc-\u09dd\u09df\u0a33\u0a36\u0a59-\u0a5b\u0a5e\u0b5c-\u0b5d\u0e38-\u0e39\u0f43\u0f4d\u0f52\u0f57\u0f5c\u0f69\u0f72-\u0f76\u0f78\u0f80-\u0f83\u0f93\u0f9d\u0fa2\u0fa7\u0fac\u0fb9\u1939-\u193a\u1a17\u1b6b\u1cda-\u1cdb\u1dc0-\u1dcf\u1dfc\u1dfe\u1f71\u1f73\u1f75\u1f77\u1f79\u1f7b\u1f7d\u1fbb\u1fbe\u1fc9\u1fcb\u1fd3\u1fdb\u1fe3\u1feb\u1fee-\u1fef\u1ff9\u1ffb\u1ffd\u2000-\u2001\u20d0-\u20d1\u20d4-\u20d7\u20e7-\u20e9\u2126\u212a-\u212b\u2329-\u232a\u2adc\u302b-\u302c\uaab2-\uaab3\uf900-\ufa0d\ufa10\ufa12\ufa15-\ufa1e\ufa20\ufa22\ufa25-\ufa26\ufa2a-\ufa2d\ufa30-\ufa6d\ufa70-\ufad9\ufb1d\ufb1f\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufb4e\ufff0-\uffff]/g,V=JSON&&JSON.stringify||function(a){return D.lastIndex=0,D.test(a)&&(a=a.replace(D,function(a){return S[a]})),'"'+a+'"'},a3=function(b){var a,c={},d=[];for(a=0;a<65536;a++)d.push(String.fromCharCode(a));return b.lastIndex=0,d.join('').replace(b,function(a){return c[a]='\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4),''}),b.lastIndex=0,c},a.quote=function(b){var a=V(b);return s.lastIndex=0,s.test(a)?(O||(O=a3(s)),a.replace(s,function(a){return O[a]})):a},E=['websocket','xdr-streaming','xhr-streaming','iframe-eventsource','iframe-htmlfile','xdr-polling','xhr-polling','iframe-xhr-polling','jsonp-polling'],a.probeProtocols=function(){var d={};for(var a=0;a<E.length;a++){var c=E[a];d[c]=b[c]&&b[c].enabled()}return d},a.detectProtocols=function(h,e,a){var b={},c=[];e||(e=E);for(var f=0;f<e.length;f++){var g=e[f];b[g]=h[g]}var d=function(a){var e=a.shift();b[e]?c.push(e):a.length>0&&d(a)};return a.websocket!==!1&&d(['websocket']),b['xhr-streaming']&&!a.null_origin?c.push('xhr-streaming'):b['xdr-streaming']&&!a.cookie_needed&&!a.null_origin?c.push('xdr-streaming'):d(['iframe-eventsource','iframe-htmlfile']),b['xhr-polling']&&!a.null_origin?c.push('xhr-polling'):b['xdr-polling']&&!a.cookie_needed&&!a.null_origin?c.push('xdr-polling'):d(['iframe-xhr-polling','jsonp-polling']),c},z='_sockjs_global',a.createHook=function(){var d='a'+a.random_string(8);if(!(z in c)){var b={};c[z]=function(a){return a in b||(b[a]={id:a,del:function(){delete b[a]}}),b[a]}}return c[z](d)},a.attachMessage=function(b){a.attachEvent('message',b)},a.attachEvent=function(a,b){c.addEventListener!==void 0?c.addEventListener(a,b,!1):(d.attachEvent('on'+a,b),c.attachEvent('on'+a,b))},a.detachMessage=function(b){a.detachEvent('message',b)},a.detachEvent=function(a,b){c.addEventListener!==void 0?c.removeEventListener(a,b,!1):(d.detachEvent('on'+a,b),c.detachEvent('on'+a,b))},n={},C=!1,Q=function(){for(var a in n)n[a](),delete n[a]},P=function(){if(C)return;C=!0,Q()},a.attachEvent('beforeunload',P),a.attachEvent('unload',P),a.unload_add=function(c){var b=a.random_string(8);return n[b]=c,C&&a.delay(Q),b},a.unload_del=function(a){a in n&&delete n[a]},a.createIframe=function(j,k){var b=d.createElement('iframe'),c,h,g=function(){clearTimeout(c);try{b.onload=null}catch(a){}b.onerror=null},e=function(){b&&(g(),setTimeout(function(){b&&b.parentNode.removeChild(b),b=null},0),a.unload_del(h))},f=function(a){b&&(e(),k(a))},i=function(a,c){try{b&&b.contentWindow&&b.contentWindow.postMessage(a,c)}catch(a){}};return b.src=j,b.style.display='none',b.style.position='absolute',b.onerror=function(){f('onerror')},b.onload=function(){clearTimeout(c),c=setTimeout(function(){f('onload timeout')},2e3)},d.body.appendChild(b),c=setTimeout(function(){f('timeout')},15e3),h=a.unload_add(e),{post:i,cleanup:e,loaded:g}},a.createHtmlfile=function(m,n){var b=new ActiveXObject('htmlfile'),j,i,d,h=function(){clearTimeout(j)},e=function(){b&&(h(),a.unload_del(i),d.parentNode.removeChild(d),d=b=null,CollectGarbage())},k=function(a){b&&(e(),n(a))},l=function(a,b){try{d&&d.contentWindow&&d.contentWindow.postMessage(a,b)}catch(a){}};b.open(),b.write('<html><script>document.domain="'+document.domain+'";'+'</s'+'cript></html>'),b.close(),b.parentWindow[g]=c[g];var f=b.createElement('div');return b.body.appendChild(f),d=b.createElement('iframe'),f.appendChild(d),d.src=m,j=setTimeout(function(){k('timeout')},15e3),i=a.unload_add(e),{post:l,cleanup:e,loaded:h}},p=function(){},p.prototype=new l(['chunk','finish']),p.prototype._start=function(g,e,h,d){var b=this;try{b.xhr=new XMLHttpRequest}catch(a){}if(!b.xhr)try{b.xhr=new c.ActiveXObject('Microsoft.XMLHTTP')}catch(a){}(c.ActiveXObject||c.XDomainRequest)&&(e+=(e.indexOf('?')===-1?'?t=':'&t=')+ +new Date),b.unload_ref=a.unload_add(function(){b._cleanup(!0)});try{b.xhr.open(g,e,!0)}catch(a){b.emit('finish',0,''),b._cleanup();return}if(d&&d.no_credentials||(b.xhr.withCredentials='true'),d&&d.headers)for(var f in d.headers)b.xhr.setRequestHeader(f,d.headers[f]);b.xhr.onreadystatechange=function(){if(b.xhr){var a=b.xhr;switch(a.readyState){case 3:try{var d=a.status,c=a.responseText}catch(a){}c&&c.length>0&&b.emit('chunk',d,c);break;case 4:b.emit('finish',a.status,a.responseText);b._cleanup(!1);break}}},b.xhr.send(h)},p.prototype._cleanup=function(c){var b=this;if(!b.xhr)return;if(a.unload_del(b.unload_ref),b.xhr.onreadystatechange=function(){},c)try{b.xhr.abort()}catch(a){}b.unload_ref=b.xhr=null},p.prototype.close=function(){var a=this;a.nuke(),a._cleanup(!0)},Z=a.XHRCorsObject=function(){var b=this,c=arguments;a.delay(function(){b._start.apply(b,c)})},Z.prototype=new p,a0=a.XHRLocalObject=function(c,d,e){var b=this;a.delay(function(){b._start(c,d,e,{no_credentials:!0})})},a0.prototype=new p,x=a.XDRObject=function(c,d,e){var b=this;a.delay(function(){b._start(c,d,e)})},x.prototype=new l(['chunk','finish']),x.prototype._start=function(f,d,g){var b=this,c=new XDomainRequest;d+=(d.indexOf('?')===-1?'?t=':'&t=')+ +new Date;var e=c.ontimeout=c.onerror=function(){b.emit('finish',0,''),b._cleanup(!1)};c.onprogress=function(){b.emit('chunk',200,c.responseText)},c.onload=function(){b.emit('finish',200,c.responseText),b._cleanup(!1)},b.xdr=c,b.unload_ref=a.unload_add(function(){b._cleanup(!0)});try{b.xdr.open(f,d),b.xdr.send(g)}catch(a){e()}},x.prototype._cleanup=function(c){var b=this;if(!b.xdr)return;if(a.unload_del(b.unload_ref),b.xdr.ontimeout=b.xdr.onerror=b.xdr.onprogress=b.xdr.onload=null,c)try{b.xdr.abort()}catch(a){}b.unload_ref=b.xdr=null},x.prototype.close=function(){var a=this;a.nuke(),a._cleanup(!0)},a.isXHRCorsCapable=function(){return c.XMLHttpRequest&&'withCredentials'in new XMLHttpRequest?1:c.XDomainRequest&&d.domain?2:e.enabled()?3:4},b=function(g,d,f){if(this===window)return new b(g,d,f);var c=this,e;c._options={devel:!1,debug:!1,protocols_whitelist:[],info:undefined,rtt:undefined},f&&a.objectExtend(c._options,f),c._base_url=a.amendUrl(g),c._server=c._options.server||a.random_number_string(1e3),c._options.protocols_whitelist&&c._options.protocols_whitelist.length?e=c._options.protocols_whitelist:(typeof d==='string'&&d.length>0?e=[d]:a.isArray(d)?e=d:e=null,e&&c._debug('Deprecated API: Use "protocols_whitelist" option instead of supplying protocol list as a second parameter to SockJS constructor.')),c._protocols=[],c.protocol=null,c.readyState=b.CONNECTING,c._ir=T(c._base_url),c._ir.onfinish=function(b,d){c._ir=null,b?(c._options.info&&(b=a.objectExtend(b,c._options.info)),c._options.rtt&&(d=c._options.rtt),c._applyInfo(b,d,e),c._didClose()):c._didClose(1002,"Can't connect to server",!0)}},b.prototype=new m,b.version='0.3.1.7.ga67f.dirty',b.CONNECTING=0,b.OPEN=1,b.CLOSING=2,b.CLOSED=3,b.prototype._debug=function(){this._options.debug&&a.log.apply(a,arguments)},b.prototype._dispatchOpen=function(){var a=this;a.readyState===b.CONNECTING?(a._transport_tref&&(clearTimeout(a._transport_tref),a._transport_tref=null),a.readyState=b.OPEN,a.dispatchEvent(new f('open'))):a._didClose(1006,'Server lost session')},b.prototype._dispatchMessage=function(c){var a=this;if(a.readyState!==b.OPEN)return;a.dispatchEvent(new f('message',{data:c}))},b.prototype._dispatchHeartbeat=function(c){var a=this;if(a.readyState!==b.OPEN)return;a.dispatchEvent(new f('heartbeat',{}))},b.prototype._didClose=function(e,g,h){var c=this;if(c.readyState!==b.CONNECTING&&c.readyState!==b.OPEN&&c.readyState!==b.CLOSING)throw new Error('INVALID_STATE_ERR');c._ir&&(c._ir.nuke(),c._ir=null),c._transport&&(c._transport.doCleanup(),c._transport=null);var d=new f('close',{code:e,reason:g,wasClean:a.userSetCode(e)});if(!a.userSetCode(e)&&c.readyState===b.CONNECTING&&!h){if(c._try_next_protocol(d))return;d=new f('close',{code:2e3,reason:'All transports failed',wasClean:!1,last_event:d})}c.readyState=b.CLOSED,a.delay(function(){c.dispatchEvent(d)})},b.prototype._didMessage=function(c){var b=this,e=c.slice(0,1);switch(e){case'o':b._dispatchOpen();break;case'a':var a=JSON.parse(c.slice(1)||'[]');for(var d=0;d<a.length;d++)b._dispatchMessage(a[d]);break;case'm':var a=JSON.parse(c.slice(1)||'null');b._dispatchMessage(a);break;case'c':var a=JSON.parse(c.slice(1)||'[]');b._didClose(a[0],a[1]);break;case'h':b._dispatchHeartbeat();break}},b.prototype._try_next_protocol=function(j){var c=this;c.protocol&&(c._debug('Closed transport:',c.protocol,''+j),c.protocol=null),c._transport_tref&&(clearTimeout(c._transport_tref),c._transport_tref=null);while(1){var e=c.protocol=c._protocols.shift();if(!e)return!1;if(b[e]&&b[e].need_body===!0&&(!d.body||d.readyState!==void 0&&d.readyState!=='complete'))return c._protocols.unshift(e),c.protocol='waiting-for-load',a.attachEvent('load',function(){c._try_next_protocol()}),!0;if(b[e]&&b[e].enabled(c._options)){var g=b[e].roundTrips||1,h=(c._options.rto||0)*g||5e3;c._transport_tref=a.delay(h,function(){c.readyState===b.CONNECTING&&c._didClose(2007,'Transport timeouted')});var i=a.random_string(8),f=c._base_url+'/'+c._server+'/'+i;return c._debug('Opening transport:',e,' url:'+f,' RTO:'+c._options.rto),c._transport=new b[e](c,f,c._base_url),!0}c._debug('Skipping transport:',e)}},b.prototype.close=function(d,e){var c=this;if(d&&!a.userSetCode(d))throw new Error('INVALID_ACCESS_ERR');return c.readyState!==b.CONNECTING&&c.readyState!==b.OPEN?!1:(c.readyState=b.CLOSING,c._didClose(d||1e3,e||'Normal closure'),!0)},b.prototype.send=function(d){var c=this;if(c.readyState===b.CONNECTING)throw new Error('INVALID_STATE_ERR');return c.readyState===b.OPEN&&c._transport.doSend(a.quote(''+d)),!0},b.prototype._applyInfo=function(c,e,g){var b=this;b._options.info=c,b._options.rtt=e,b._options.rto=a.countRTO(e),b._options.info.null_origin=!d.domain;var f=a.probeProtocols();b._protocols=a.detectProtocols(f,g,c)},t=b.websocket=function(f,g){var b=this,d=g+'/websocket';d.slice(0,5)==='https'?d='wss'+d.slice(5):d='ws'+d.slice(4),b.ri=f,b.url=d;var e=c.WebSocket||c.MozWebSocket;b.ws=new e(b.url),b.ws.onmessage=function(a){b.ri._didMessage(a.data)},b.unload_ref=a.unload_add(function(){b.ws.close()}),b.ws.onclose=function(){b.ri._didMessage(a.closeFrame(1006,'WebSocket connection broken'))}},t.prototype.doSend=function(a){this.ws.send('['+a+']')},t.prototype.doCleanup=function(){var b=this,c=b.ws;c&&(c.onmessage=c.onclose=null,c.close(),a.unload_del(b.unload_ref),b.unload_ref=b.ri=b.ws=null)},t.enabled=function(){return!!(c.WebSocket||c.MozWebSocket)},t.roundTrips=2,j=function(){},j.prototype.send_constructor=function(b){var a=this;a.send_buffer=[],a.sender=b},j.prototype.doSend=function(b){var a=this;a.send_buffer.push(b),a.send_stop||a.send_schedule()},j.prototype.send_schedule_wait=function(){var b=this,c;b.send_stop=function(){b.send_stop=null,clearTimeout(c)},c=a.delay(25,function(){b.send_stop=null,b.send_schedule()})},j.prototype.send_schedule=function(){var a=this;if(a.send_buffer.length>0){var b='['+a.send_buffer.join(',')+']';a.send_stop=a.sender(a.trans_url,b,function(){a.send_stop=null,a.send_schedule_wait()}),a.send_buffer=[]}},j.prototype.send_destructor=function(){var a=this;a._send_stop&&a._send_stop(),a._send_stop=null},X=function(i,j,k){var f=this;if(!('_send_form'in f)){var c=f._send_form=d.createElement('form'),e=f._send_area=d.createElement('textarea');e.name='d',c.style.display='none',c.style.position='absolute',c.method='POST',c.enctype='application/x-www-form-urlencoded',c.acceptCharset='UTF-8',c.appendChild(e),d.body.appendChild(c)}var c=f._send_form,e=f._send_area,g='a'+a.random_string(8);c.target=g,c.action=i+'/jsonp_send?i='+g;var b;try{b=d.createElement('<iframe name="'+g+'">')}catch(a){b=d.createElement('iframe'),b.name=g}b.id=g,c.appendChild(b),b.style.display='none';try{e.value=j}catch(b){a.log('Your browser is seriously broken. Go home! '+b.message)}c.submit();var h=function(c){if(!b.onerror)return;b.onreadystatechange=b.onerror=b.onload=null,a.delay(500,function(){b.parentNode.removeChild(b),b=null}),e.value='',k()};return b.onerror=b.onload=h,b.onreadystatechange=function(a){b.readyState=='complete'&&h()},h},R=function(a){return function(d,e,b){var c=new a('POST',d+'/xhr_send',e);return c.onfinish=function(a,c){b(a)},function(a){b(0,a)}}},$=function(k,i){var j,b=d.createElement('script'),c,e=function(a){c&&(c.parentNode.removeChild(c),c=null),b&&(clearTimeout(j),b.parentNode.removeChild(b),b.onreadystatechange=b.onerror=b.onload=b.onclick=null,b=null,i(a),i=null)},g=!1,h=null;if(b.id='a'+a.random_string(8),b.src=k,b.type='text/javascript',b.charset='UTF-8',b.onerror=function(b){h||(h=setTimeout(function(){g||e(a.closeFrame(1006,'JSONP script loaded abnormally (onerror)'))},1e3))},b.onload=function(b){e(a.closeFrame(1006,'JSONP script loaded abnormally (onload)'))},b.onreadystatechange=function(c){if(/loaded|closed/.test(b.readyState)){if(b&&b.htmlFor&&b.onclick){g=!0;try{b.onclick()}catch(a){}}b&&e(a.closeFrame(1006,'JSONP script loaded abnormally (onreadystatechange)'))}},b.async===void 0&&d.attachEvent)if(!/opera/i.test(navigator.userAgent)){try{b.htmlFor=b.id,b.event='onclick'}catch(a){}b.async=!0}else c=d.createElement('script'),c.text="try{var a = document.getElementById('"+b.id+"'); if(a)a.onerror();}catch(x){};",b.async=c.async=!1;b.async!==void 0&&(b.async=!0),j=setTimeout(function(){e(a.closeFrame(1006,'JSONP script loaded abnormally (timeout)'))},35e3);var f=d.getElementsByTagName('head')[0];return f.insertBefore(b,f.firstChild),c&&f.insertBefore(c,f.firstChild),e},r=b['jsonp-polling']=function(c,d){a.polluteGlobalNamespace();var b=this;b.ri=c,b.trans_url=d,b.send_constructor(X),b._schedule_recv()},r.prototype=new j,r.prototype._schedule_recv=function(){var a=this,b=function(b){a._recv_stop=null,b&&(a._is_closing||a.ri._didMessage(b)),a._is_closing||a._schedule_recv()};a._recv_stop=a1(a.trans_url+'/jsonp',$,b)},r.enabled=function(){return!0},r.need_body=!0,r.prototype.doCleanup=function(){var a=this;a._is_closing=!0,a._recv_stop&&a._recv_stop(),a.ri=a._recv_stop=null,a.send_destructor()},a1=function(i,j,k){var b='a'+a.random_string(6),d=i+'?c='+escape(g+'.'+b),e=function(a){delete c[g][b],k(a)},f=j(d,e);c[g][b]=f;var h=function(){c[g][b]&&c[g][b](a.closeFrame(1e3,'JSONP user aborted read'))};return h},i=function(){},i.prototype=new j,i.prototype.run=function(b,c,e,f,d){var a=this;a.ri=b,a.trans_url=c,a.send_constructor(R(d)),a.poll=new G(b,f,c+e,d)},i.prototype.doCleanup=function(){var a=this;a.poll&&(a.poll.abort(),a.poll=null)},q=b['xhr-streaming']=function(b,c){this.run(b,c,'/xhr_streaming',k,a.XHRCorsObject)},q.prototype=new i,q.enabled=function(){return c.XMLHttpRequest&&'withCredentials'in new XMLHttpRequest&&!/opera/i.test(navigator.userAgent)},q.roundTrips=2,q.need_body=!0,u=b['xdr-streaming']=function(b,c){this.run(b,c,'/xhr_streaming',k,a.XDRObject)},u.prototype=new i,u.enabled=function(){return!!c.XDomainRequest},u.roundTrips=2,B=b['xhr-polling']=function(b,c){this.run(b,c,'/xhr',k,a.XHRCorsObject)},B.prototype=new i,B.enabled=q.enabled,B.roundTrips=2,J=b['xdr-polling']=function(b,c){this.run(b,c,'/xhr',k,a.XDRObject)},J.prototype=new i,J.enabled=u.enabled,J.roundTrips=2,e=function(){},e.prototype.i_constructor=function(e,f,d){var b=this;b.ri=e,b.origin=a.getOrigin(d),b.base_url=d,b.trans_url=f;var c=d+'/iframe.html';b.ri._options.devel&&(c+='?t='+ +new Date),b.window_id=a.random_string(8),c+='#'+b.window_id,b.iframeObj=a.createIframe(c,function(a){b.ri._didClose(1006,'Unable to load an iframe ('+a+')')}),b.onmessage_cb=a.bind(b.onmessage,b),a.attachMessage(b.onmessage_cb)},e.prototype.doCleanup=function(){var b=this;if(b.iframeObj){a.detachMessage(b.onmessage_cb);try{b.iframeObj.iframe.contentWindow&&b.postMessage('c')}catch(a){}b.iframeObj.cleanup(),b.iframeObj=null,b.onmessage_cb=b.iframeObj=null}},e.prototype.onmessage=function(c){var a=this;if(c.origin!==a.origin)return;var d=c.data.slice(0,8),e=c.data.slice(8,9),f=c.data.slice(9);if(d!==a.window_id)return;switch(e){case's':a.iframeObj.loaded();a.postMessage('s',JSON.stringify([b.version,a.protocol,a.trans_url,a.base_url]));break;case't':a.ri._didMessage(f);break}},e.prototype.postMessage=function(b,c){var a=this;a.iframeObj.post(a.window_id+b+(c||''),a.origin)},e.prototype.doSend=function(a){this.postMessage('m',a)},e.enabled=function(){var a=navigator&&navigator.userAgent&&navigator.userAgent.indexOf('Konqueror')!==-1;return(typeof c.postMessage==='function'||typeof c.postMessage==='object')&&!a},F=function(b,d){parent!==c?parent.postMessage(N+b+(d||''),'*'):a.log("Can't postMessage, no parent window.",b,d)},h=function(){},h.prototype._didClose=function(b,c){F('t',a.closeFrame(b,c))},h.prototype._didMessage=function(a){F('t',a)},h.prototype._doSend=function(a){this._transport.doSend(a)},h.prototype._doCleanup=function(){this._transport.doCleanup()},a.parent_origin=undefined,b.bootstrap_iframe=function(){var e;N=d.location.hash.slice(1);var f=function(d){if(d.source!==parent)return;if(a.parent_origin===void 0&&(a.parent_origin=d.origin),d.origin!==a.parent_origin)return;var l=d.data.slice(0,8),m=d.data.slice(8,9),j=d.data.slice(9);if(l!==N)return;switch(m){case's':var f=JSON.parse(j);var k=f[0];var n=f[1];var g=f[2];var i=f[3];k!==b.version&&a.log('Incompatibile SockJS! Main site uses: "'+k+'", the iframe:'+' "'+b.version+'".');if(!(a.flatUrl(g)&&a.flatUrl(i))){a.log('Only basic urls are supported in SockJS');return}if(!(a.isSameOriginUrl(g)&&a.isSameOriginUrl(i))){a.log("Can't connect to different domain from within an iframe. ("+JSON.stringify([c.location.href,g,i])+')');return}e=new h;e._transport=new h[n](e,g,i);break;case'm':e._doSend(j);break;case'c':e&&e._doCleanup();e=null;break}};a.attachMessage(f),F('s')},o=function(c,d){var b=this;a.delay(function(){b.doXhr(c,d)})},o.prototype=new l(['finish']),o.prototype.doXhr=function(f,g){var c=this,e=new Date().getTime(),b=new g('GET',f+'/info'),d=a.delay(8e3,function(){b.ontimeout()});b.onfinish=function(f,g){if(clearTimeout(d),d=null,f===200){var b=new Date().getTime()-e,a=JSON.parse(g);typeof a!=='object'&&(a={}),c.emit('finish',a,b)}else c.emit('finish')},b.ontimeout=function(){b.close(),c.emit('finish')}},L=function(f){var b=this,c=function(){var a=new e;a.protocol='w-iframe-info-receiver';var c=function(c){if(typeof c==='string'&&c.substr(0,1)==='m'){var d=JSON.parse(c.substr(1)),e=d[0],f=d[1];b.emit('finish',e,f)}else b.emit('finish');a.doCleanup(),a=null},d={_options:{},_didClose:c,_didMessage:c};a.i_constructor(d,f,f)};d.body?c():a.attachEvent('load',c)},L.prototype=new l(['finish']),K=function(){var b=this;a.delay(function(){b.emit('finish',{},2e3)})},K.prototype=new l(['finish']),T=function(b){if(a.isSameOriginUrl(b))return new o(b,a.XHRLocalObject);switch(a.isXHRCorsCapable()){case 1:return new o(b,a.XHRCorsObject);case 2:return new o(b,a.XDRObject);case 3:return new L(b);default:return new K}},U=h['w-iframe-info-receiver']=function(b,e,d){var c=new o(d,a.XHRLocalObject);c.onfinish=function(a,c){b._didMessage('m'+JSON.stringify([a,c])),b._didClose()}},U.prototype.doCleanup=function(){},y=b['iframe-eventsource']=function(){var a=this;a.protocol='w-iframe-eventsource',a.i_constructor.apply(a,arguments)},y.prototype=new e,y.enabled=function(){return'EventSource'in c&&e.enabled()},y.need_body=!0,y.roundTrips=3,W=h['w-iframe-eventsource']=function(b,c){this.run(b,c,'/eventsource',A,a.XHRLocalObject)},W.prototype=new i,w=b['iframe-xhr-polling']=function(){var a=this;a.protocol='w-iframe-xhr-polling',a.i_constructor.apply(a,arguments)},w.prototype=new e,w.enabled=function(){return c.XMLHttpRequest&&e.enabled()},w.need_body=!0,w.roundTrips=3,Y=h['w-iframe-xhr-polling']=function(b,c){this.run(b,c,'/xhr',k,a.XHRLocalObject)},Y.prototype=new i,v=b['iframe-htmlfile']=function(){var a=this;a.protocol='w-iframe-htmlfile',a.i_constructor.apply(a,arguments)},v.prototype=new e,v.enabled=function(){return e.enabled()},v.need_body=!0,v.roundTrips=3,_=h['w-iframe-htmlfile']=function(b,c){this.run(b,c,'/htmlfile',H,a.XHRLocalObject)},_.prototype=new i,G=function(b,c,d,e){var a=this;a.ri=b,a.Receiver=c,a.recv_url=d,a.AjaxObject=e,a._scheduleRecv()},G.prototype._scheduleRecv=function(){var a=this,b=a.poll=new a.Receiver(a.recv_url,a.AjaxObject),c=0;b.onmessage=function(b){c+=1,a.ri._didMessage(b.data)},b.onclose=function(c){a.poll=b=b.onmessage=b.onclose=null,a.poll_is_closing||(c.reason==='permanent'?a.ri._didClose(1006,'Polling error ('+c.reason+')'):a._scheduleRecv())}},G.prototype.abort=function(){var a=this;a.poll_is_closing=!0,a.poll&&a.poll.abort()},A=function(d){var c=this,b=new EventSource(d);b.onmessage=function(a){c.dispatchEvent(new f('message',{data:unescape(a.data)}))},c.es_close=b.onerror=function(g,e){var d=e?'user':b.readyState!==2?'network':'permanent';c.es_close=b.onmessage=b.onerror=null,b.close(),b=null,a.delay(200,function(){c.dispatchEvent(new f('close',{reason:d}))})}},A.prototype=new m,A.prototype.abort=function(){var a=this;a.es_close&&a.es_close({},!0)},a2=function(){if(I===undefined)if('ActiveXObject'in c)try{I=!!new ActiveXObject('htmlfile')}catch(a){}else I=!1;return I},H=function(e){var b=this;a.polluteGlobalNamespace(),b.id='a'+a.random_string(6,26),e+=(e.indexOf('?')===-1?'?c=':'&c=')+escape(g+'.'+b.id);var h=a2()?a.createHtmlfile:a.createIframe,d;c[g][b.id]={start:function(){d.loaded()},message:function(a){b.dispatchEvent(new f('message',{data:a}))},stop:function(){b.iframe_close({},'network')}},b.iframe_close=function(e,a){d.cleanup(),b.iframe_close=d=null,delete c[g][b.id],b.dispatchEvent(new f('close',{reason:a}))},d=h(e,function(a){b.iframe_close({},'permanent')})},H.prototype=new m,H.prototype.abort=function(){var a=this;a.iframe_close&&a.iframe_close({},'user')},k=function(c,d){var a=this,b=0;a.xo=new d('POST',c,null),a.xo.onchunk=function(g,h){if(g!==200)return;while(1){var d=h.slice(b),c=d.indexOf('\n');if(c===-1)break;b+=c+1;var e=d.slice(0,c);a.dispatchEvent(new f('message',{data:e}))}},a.xo.onfinish=function(b,d){a.xo.onchunk(b,d),a.xo=null;var c=b===200?'network':'permanent';a.dispatchEvent(new f('close',{reason:c}))}},k.prototype=new m,k.prototype.abort=function(){var a=this;a.xo&&(a.xo.close(),a.dispatchEvent(new f('close',{reason:'user'})),a.xo=null)},b.getUtils=function(){return a},b.getIframeTransport=function(){return e},b}();'_sockjs_onload'in window&&setTimeout(_sockjs_onload,1),typeof define==='function'&&define.amd&&define('sockjs',[],function(){return SockJS}),typeof module==='object'&&module&&module.exports&&(module.exports=SockJS)},{}],26:[function(a,b,c){b.exports=a('./lib/index.js')},{'./lib/index.js':27}],27:[function(b,e,f){function a(b){return new a.Terminal(b)}var c=b('__browserify_Buffer').Buffer,d='/../../node_modules/term.js/lib';a.middleware=function(d){var e=b('url');return d=d||{},d.path=d.path||'/term.js',function(f,b,g){if(e.parse(f.url).pathname!==d.path)return g();if(+new Date(f.headers['if-modified-since'])===a.last){b.statusCode=304,b.end();return}b.writeHead(200,{'Content-Type':'application/javascript; charset=utf-8','Content-Length':c.byteLength(a.script),'Last-Modified':a.last}),b.end(a.script)}},a.path=d+'/../src/term.js',a.__defineGetter__('script',function(){return a._script?a._script:(a.last=+new Date,a._script=b('fs').readFileSync(a.path,'utf8'))}),a.__defineGetter__('Terminal',function(){return a._Terminal?a._Terminal:a._Terminal=b('../src/term')}),e.exports=a},{'../src/term':28,__browserify_Buffer:13,fs:8,url:11}],28:[function(c,a,d){var b=self;(function(){'use strict';function f(){this._events=this._events||{}}function b(a){var c=this;if(!(this instanceof b))return new b(arguments[0],arguments[1],arguments[2]);f.call(this),typeof a==='number'&&(a={cols:arguments[0],rows:arguments[1],handler:arguments[2]}),a=a||{},v(t(b.defaults),function(d){a[d]==null&&(a[d]=b.options[d],b[d]!==b.defaults[d]&&(a[d]=b[d])),c[d]=a[d]}),a.colors.length===8?a.colors=a.colors.concat(b._colors.slice(8)):a.colors.length===16?a.colors=a.colors.concat(b._colors.slice(16)):a.colors.length===10?a.colors=a.colors.slice(0,-2).concat(b._colors.slice(8,-2),a.colors.slice(-2)):a.colors.length===18&&(a.colors=a.colors.concat(b._colors.slice(16,-2),a.colors.slice(-2))),this.colors=a.colors,this.options=a,this.parent=a.body||a.parent||(l?l.getElementsByTagName('body')[0]:null),this.cols=a.cols||a.geometry[0],this.rows=a.rows||a.geometry[1],a.handler&&this.on('data',a.handler),this.ybase=0,this.ydisp=0,this.x=0,this.y=0,this.cursorState=0,this.cursorHidden=!1,this.convertEol,this.state=0,this.queue='',this.scrollTop=0,this.scrollBottom=this.rows-1,this.applicationKeypad=!1,this.applicationCursor=!1,this.originMode=!1,this.insertMode=!1,this.wraparoundMode=!1,this.normal=null,this.prefixMode=!1,this.selectMode=!1,this.visualMode=!1,this.searchMode=!1,this.searchDown,this.entry='',this.entryPrefix='Search: ',this._real,this._selected,this._textarea,this.charset=null,this.gcharset=null,this.glevel=0,this.charsets=[null],this.decLocator,this.x10Mouse,this.vt200Mouse,this.vt300Mouse,this.normalMouse,this.mouseEvents,this.sendFocus,this.utfMouse,this.sgrMouse,this.urxvtMouse,this.element,this.children,this.refreshStart,this.refreshEnd,this.savedX,this.savedY,this.savedCols,this.readable=!0,this.writable=!0,this.defAttr=131840,this.curAttr=this.defAttr,this.params=[],this.currentParam=0,this.prefix='',this.postfix='',this.lines=[];var d=this.rows;while(d--)this.lines.push(this.blankLine());this.tabs,this.setupStops()}function e(a,b,c,d){a.addEventListener(b,c,d||!1)}function q(a,b,c,d){a.removeEventListener(b,c,d||!1)}function d(a){return a.preventDefault&&a.preventDefault(),a.returnValue=!1,a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0,!1}function u(a,c){function b(){this.constructor=a}b.prototype=c.prototype,a.prototype=new b}function x(c){var b=c.getElementsByTagName('body')[0],a=c.createElement('span');a.innerHTML='hello world',b.appendChild(a);var d=a.scrollWidth;a.style.fontWeight='bold';var e=a.scrollWidth;return b.removeChild(a),d!==e}function w(b,c){var a=b.length;while(a--)if(b[a]===c)return a;return-1}function m(a){return a<='ï¼€'?!1:a>='！'&&a<='ï¾¾'||a>='ï¿‚'&&a<='ￇ'||a>='ï¿Š'&&a<='ￏ'||a>='ï¿’'&&a<='ï¿—'||a>='ï¿š'&&a<='ï¿œ'||a>='ï¿ '&&a<='￦'||a>='￨'&&a<='ï¿®'}function h(i,k,j){var f=i<<16|k<<8|j;if(h._cache[f]!=null)return h._cache[f];var g=Infinity,c=-1,a=0,d,l,m,n,e;for(;a<b.vcolors.length;a++){if(d=b.vcolors[a],l=d[0],m=d[1],n=d[2],e=h.distance(i,k,j,l,m,n),e===0){c=a;break}e<g&&(g=e,c=a)}return h._cache[f]=c}function v(a,c,d){if(a.forEach)return a.forEach(c,d);for(var b=0;b<a.length;b++)c.call(d,a[b],b,a)}function t(a){if(Object.keys)return Object.keys(a);var b,c=[];for(b in a)Object.prototype.hasOwnProperty.call(a,b)&&c.push(b);return c}var l=this.document;f.prototype.addListener=function(a,b){this._events[a]=this._events[a]||[],this._events[a].push(b)},f.prototype.on=f.prototype.addListener,f.prototype.removeListener=function(c,d){if(!this._events[c])return;var a=this._events[c],b=a.length;while(b--)if(a[b]===d||a[b].listener===d){a.splice(b,1);return}},f.prototype.off=f.prototype.removeListener,f.prototype.removeAllListeners=function(a){this._events[a]&&delete this._events[a]},f.prototype.once=function(b,c){function a(){var d=Array.prototype.slice.call(arguments);return this.removeListener(b,a),c.apply(this,d)}return a.listener=c,this.on(b,a)},f.prototype.emit=function(c){if(!this._events[c])return;var d=Array.prototype.slice.call(arguments,1),b=this._events[c],e=b.length,a=0;for(;a<e;a++)b[a].apply(this,d)},f.prototype.listeners=function(a){return this._events[a]=this._events[a]||[]};var c=0,n=1,o=2,p=3,k=4,r=5,j=6;u(b,f),b.prototype.eraseAttr=function(){return this.defAttr&-512|this.curAttr&511},b.tangoColors=['#2e3436','#cc0000','#4e9a06','#c4a000','#3465a4','#75507b','#06989a','#d3d7cf','#555753','#ef2929','#8ae234','#fce94f','#729fcf','#ad7fa8','#34e2e2','#eeeeec'],b.xtermColors=['#000000','#cd0000','#00cd00','#cdcd00','#0000ee','#cd00cd','#00cdcd','#e5e5e5','#7f7f7f','#ff0000','#00ff00','#ffff00','#5c5cff','#ff00ff','#00ffff','#ffffff'],b.colors=function(d,c,a){function f(a,b,c){d.push('#'+e(a)+e(b)+e(c))}function e(a){return a=a.toString(16),a.length<2?'0'+a:a}for(d=b.tangoColors.slice(),c=[0,95,135,175,215,255],a=0;a<216;a++)f(c[a/36%6|0],c[a/6%6|0],c[a%6]);for(a=0;a<24;a++)c=8+a*10,f(c,c,c);return d}(),b.colors[256]='#000000',b.colors[257]='#f0f0f0',b._colors=b.colors.slice(),b.vcolors=function(d,e,a,c){for(d=[],e=b.colors,a=0;a<256;a++)c=parseInt(e[a].substring(1),16),d.push([c>>16&255,c>>8&255,c&255]);return d}(),b.defaults={colors:b.colors,convertEol:!1,termName:'xterm',geometry:[80,24],cursorBlink:!0,visualBell:!1,popOnBell:!1,scrollback:1e3,screenKeys:!1,debug:!1,useStyle:!1},b.options={},v(t(b.defaults),function(a){b[a]=b.defaults[a],b.options[a]=b.defaults[a]}),b.focus=null,b.prototype.focus=function(){if(b.focus===this)return;b.focus&&b.focus.blur(),this.sendFocus&&this.send(''),this.showCursor(),b.focus=this},b.prototype.blur=function(){if(b.focus!==this)return;this.cursorState=0,this.refresh(this.y,this.y),this.sendFocus&&this.send(''),b.focus=null},b.prototype.initGlobal=function(){var a=this.document;if(b._boundDocs=b._boundDocs||[],~w(b._boundDocs,a))return;b._boundDocs.push(a),b.bindPaste(a),b.bindKeys(a),b.bindCopy(a),b.fixIpad(a)},b.bindPaste=function(c){var a=c.defaultView;e(a,'paste',function(c){var a=b.focus;return a?(c.clipboardData?a.send(c.clipboardData.getData('text/plain')):a.context.clipboardData&&a.send(a.context.clipboardData.getData('Text')),a.element.contentEditable='inherit',d(c)):void 0})},b.bindKeys=function(a){e(a,'keydown',function(c){if(!b.focus)return;var a=c.target||c.srcElement;return a?a===b.focus.element||a===b.focus.context||a===b.focus.document||a===b.focus.body||a===b._textarea||a===b.focus.parent?b.focus.keyDown(c):void 0:void 0},!0),e(a,'keypress',function(c){if(!b.focus)return;var a=c.target||c.srcElement;return a?a===b.focus.element||a===b.focus.context||a===b.focus.document||a===b.focus.body||a===b._textarea||a===b.focus.parent?b.focus.keyPress(c):void 0:void 0},!0),e(a,'mousedown',function(c){if(!b.focus)return;var a=c.target||c.srcElement;if(!a)return;do if(a===b.focus.element)return;while(a=a.parentNode);b.focus.blur()})},b.bindCopy=function(c){var a=c.defaultView;e(a,'copy',function(e){var a=b.focus;if(!a)return;if(!a._selected)return;var c=a.getCopyTextarea(),d=a.grabText(a._selected.x1,a._selected.x2,a._selected.y1,a._selected.y2);a.emit('copy',d),c.focus(),c.textContent=d,c.value=d,c.setSelectionRange(0,d.length),i(function(){a.element.focus(),a.focus()},1)})},b.fixIpad=function(c){var a=c.createElement('textarea');a.style.position='absolute',a.style.width='0px',a.style.height='0px',a.style.opacity='0',a.style.backgroundColor='transparent',a.style.borderStyle='none',a.style.outlineStyle='none',a.autocapitalize='none',a.autocorrect='off',c.getElementsByTagName('body')[0].appendChild(a),b._textarea=a},b.prototype.open=function(f){var a=this,c=0,d;if(this.parent=f||this.parent,!this.parent)throw new Error('Terminal requires a parent element.');for(this.context=this.parent.ownerDocument.defaultView,this.document=this.parent.ownerDocument,this.body=this.document.getElementsByTagName('body')[0],this.context.navigator&&this.context.navigator.userAgent&&(this.isMac=!!~this.context.navigator.userAgent.indexOf('Mac'),this.isIpad=!!~this.context.navigator.userAgent.indexOf('iPad'),this.isIphone=!!~this.context.navigator.userAgent.indexOf('iPhone'),this.isMSIE=!!~this.context.navigator.userAgent.indexOf('MSIE')),this.element=this.document.createElement('div'),this.element.className='terminal',this.element.style.outline='none',this.element.setAttribute('tabindex',0),this.element.style.backgroundColor=this.colors[256],this.element.style.color=this.colors[257],this.children=[];c<this.rows;c++)d=this.document.createElement('div'),this.element.appendChild(d),this.children.push(d);this.parent.appendChild(this.element),this.refresh(0,this.rows-1),this.initGlobal(),this.focus(),this.startBlink(),e(this.element,'focus',function(){a.focus(),b._textarea.focus()}),e(this.element,'mousedown',function(){a.focus()}),e(this.element,'mousedown',function(c){var b=c.button!=null?+c.button:c.which!=null?c.which-1:null;if(a.isMSIE&&(b=b===1?0:b===4?1:b),b!==2)return;a.element.contentEditable='true',i(function(){a.element.contentEditable='inherit'},1)},!0),this.bindMouse(),b.brokenBold==null&&(b.brokenBold=x(this.document))},b.prototype.bindMouse=function(){function c(a){var c,d;if(c=m(a),d=l(a),!d)return;k(c,d);switch(a.type){case'mousedown':h=c;break;case'mouseup':h=32;break;case b:break}}function j(c){var a=h,b;if(b=l(c),!b)return;a+=32,k(a,b)}function i(c,b){if(!a.utfMouse){if(b===255)return c.push(0);b>127&&(b=127),c.push(b)}else{if(b===2047)return c.push(0);b<127?c.push(b):(b>2047&&(b=2047),c.push(192|b>>6),c.push(128|b&63))}}function k(b,c){if(a.vt300Mouse){b&=3,c.x-=32,c.y-=32;var d='[24';if(b===0)d+='1';else if(b===1)d+='3';else if(b===2)d+='5';else if(b===3)return;else d+='0';d+='~['+c.x+','+c.y+']\r',a.send(d);return}if(a.decLocator){b&=3,c.x-=32,c.y-=32,b===0?b=2:b===1?b=4:b===2?b=6:b===3&&(b=3),a.send('['+b+';'+(b===3?4:0)+';'+c.y+';'+c.x+';'+(c.page||0)+'&w');return}if(a.urxvtMouse){c.x-=32,c.y-=32,c.x++,c.y++,a.send('['+b+';'+c.x+';'+c.y+'M');return}if(a.sgrMouse){c.x-=32,c.y-=32,a.send('[<'+((b&3)===3?b&-4:b)+';'+c.x+';'+c.y+((b&3)===3?'m':'M'));return}var d=[];i(d,b),i(d,c.x),i(d,c.y),a.send(''+g.fromCharCode.apply(g,d))}function m(c){var b,f,g,e,d;switch(c.type){case'mousedown':b=c.button!=null?+c.button:c.which!=null?c.which-1:null;a.isMSIE&&(b=b===1?0:b===4?1:b);break;case'mouseup':b=3;break;case'DOMMouseScroll':b=c.detail<0?64:65;break;case'mousewheel':b=c.wheelDeltaY>0?64:65;break}return f=c.shiftKey?4:0,g=c.metaKey?8:0,e=c.ctrlKey?16:0,d=f|g|e,a.vt200Mouse?d&=e:a.normalMouse||(d=0),b=32+(d<<2)+b,b}function l(f){var c,d,g,h,e;if(f.pageX==null)return;c=f.pageX,d=f.pageY,e=a.element;while(e&&e!==a.document.documentElement)c-=e.offsetLeft,d-=e.offsetTop,e='offsetParent'in e?e.offsetParent:e.parentNode;return g=a.element.clientWidth,h=a.element.clientHeight,c=Math.round(c/g*a.cols),d=Math.round(d/h*a.rows),c<0&&(c=0),c>a.cols&&(c=a.cols),d<0&&(d=0),d>a.rows&&(d=a.rows),c+=32,d+=32,{x:c,y:d,type:f.type===b?'mousewheel':f.type}}var f=this.element,a=this,h=32,b='onmousewheel'in this.context?'mousewheel':'DOMMouseScroll';e(f,'mousedown',function(b){return a.mouseEvents?(c(b),a.focus(),a.vt200Mouse?(c({__proto__:b,type:'mouseup'}),d(b)):(a.normalMouse&&e(a.document,'mousemove',j),a.x10Mouse||e(a.document,'mouseup',function b(e){return c(e),a.normalMouse&&q(a.document,'mousemove',j),q(a.document,'mouseup',b),d(e)}),d(b))):void 0}),e(f,b,function(b){return a.mouseEvents?a.x10Mouse||a.vt300Mouse||a.decLocator?void 0:(c(b),d(b)):void 0}),e(f,b,function(b){return a.mouseEvents?void 0:a.applicationKeypad?void 0:(b.type==='DOMMouseScroll'?a.scrollDisp(b.detail<0?-5:5):a.scrollDisp(b.wheelDeltaY>0?-5:5),d(b))})},b.prototype.destroy=function(){this.readable=!1,this.writable=!1,this._events={},this.handler=function(){},this.write=function(){},this.element.parentNode&&this.element.parentNode.removeChild(this.element)},b.prototype.refresh=function(q,l){var o,g,f,n,a,h,p,c,j,k,e,d,r,i;for(l-q>=this.rows/2&&(i=this.element.parentNode,i&&i.removeChild(this.element)),p=this.cols,g=q,l>=this.lines.length&&(this.log('`end` is too large. Most likely a bad CSR.'),l=this.lines.length-1);g<=l;g++){for(r=g+this.ydisp,n=this.lines[r],a='',g===this.y&&this.cursorState&&(this.ydisp===this.ybase||this.selectMode)&&!this.cursorHidden?o=this.x:o=-1,j=this.defAttr,f=0;f<p;f++){c=n[f][0],h=n[f][1],f===o&&(c=-1),c!==j&&(j!==this.defAttr&&(a+='</span>'),c!==this.defAttr)&&(c===-1?a+='<span class="reverse-video terminal-cursor">':(a+='<span style="',k=c&511,e=c>>9&511,d=c>>18,d&1&&(b.brokenBold||(a+='font-weight:bold;'),e<8&&(e+=8)),d&2&&(a+='text-decoration:underline;'),d&4&&(d&2?(a=a.slice(0,-1),a+=' blink;'):a+='text-decoration:blink;'),d&8&&(k=c>>9&511,e=c&511,d&1&&e<8&&(e+=8)),d&16&&(a+='visibility:hidden;'),k!==256&&(a+='background-color:'+this.colors[k]+';'),e!==257&&(a+='color:'+this.colors[e]+';'),a+='">'));switch(h){case'&':a+='&amp;';break;case'<':a+='&lt;';break;case'>':a+='&gt;';break;default:h<=' '?a+='&nbsp;':(m(h)&&f++,a+=h);break}j=c}j!==this.defAttr&&(a+='</span>'),this.children[g].innerHTML=a}i&&i.appendChild(this.element)},b.prototype._cursorBlink=function(){if(b.focus!==this)return;this.cursorState^=1,this.refresh(this.y,this.y)},b.prototype.showCursor=function(){this.cursorState||(this.cursorState=1,this.refresh(this.y,this.y))},b.prototype.startBlink=function(){if(!this.cursorBlink)return;var a=this;this._blinker=function(){a._cursorBlink()},this._blink=s(this._blinker,500)},b.prototype.refreshBlink=function(){if(!this.cursorBlink)return;clearInterval(this._blink),this._blink=s(this._blinker,500)},b.prototype.scroll=function(){var a;++this.ybase===this.scrollback&&(this.ybase=this.ybase/2|0,this.lines=this.lines.slice(-(this.ybase+this.rows)+1)),this.ydisp=this.ybase,a=this.ybase+this.rows-1,a-=this.rows-1-this.scrollBottom,a===this.lines.length?this.lines.push(this.blankLine()):this.lines.splice(a,0,this.blankLine()),this.scrollTop!==0&&(this.ybase!==0&&(this.ybase--,this.ydisp=this.ybase),this.lines.splice(this.ybase+this.scrollTop,1)),this.updateRange(this.scrollTop),this.updateRange(this.scrollBottom)},b.prototype.scrollDisp=function(a){this.ydisp+=a,this.ydisp>this.ybase?this.ydisp=this.ybase:this.ydisp<0&&(this.ydisp=0),this.refresh(0,this.rows-1)},b.prototype.write=function(i){var l=i.length,f=0,h,d,a;for(this.refreshStart=this.y,this.refreshEnd=this.y,this.ybase!==this.ydisp&&(this.ydisp=this.ybase,this.maxRange());f<l;f++){a=i[f];switch(this.state){case c:switch(a){case'':this.bell();break;case'\n':case'':case'':this.convertEol&&(this.x=0);this.y++;this.y>this.scrollBottom&&(this.y--,this.scroll());break;case'\r':this.x=0;break;case'':this.x>0&&this.x--;break;case'	':this.x=this.nextStop();break;case'':this.setgLevel(1);break;case'':this.setgLevel(0);break;case'':this.state=n;break;default:if(a>=' '&&(this.charset&&this.charset[a]&&(a=this.charset[a]),this.x>=this.cols&&(this.x=0,this.y++,this.y>this.scrollBottom&&(this.y--,this.scroll())),this.lines[this.y+this.ybase][this.x]=[this.curAttr,a],this.x++,this.updateRange(this.y),m(a))){if(h=this.y+this.ybase,this.cols<2||this.x>=this.cols){this.lines[h][this.x-1]=[this.curAttr,' '];break}this.lines[h][this.x]=[this.curAttr,' '],this.x++}break}break;case n:switch(a){case'[':this.params=[];this.currentParam=0;this.state=o;break;case']':this.params=[];this.currentParam=0;this.state=p;break;case'P':this.params=[];this.currentParam=0;this.state=r;break;case'_':this.state=j;break;case'^':this.state=j;break;case'c':this.reset();break;case'E':this.x=0;case'D':this.index();break;case'M':this.reverseIndex();break;case'%':this.setgLevel(0);this.setgCharset(0,b.charsets.US);this.state=c;f++;break;case'(':case')':case'*':case'+':case'-':case'.':switch(a){case'(':this.gcharset=0;break;case')':this.gcharset=1;break;case'*':this.gcharset=2;break;case'+':this.gcharset=3;break;case'-':this.gcharset=1;break;case'.':this.gcharset=2;break}this.state=k;break;case'/':this.gcharset=3;this.state=k;f--;break;case'N':break;case'O':break;case'n':this.setgLevel(2);break;case'o':this.setgLevel(3);break;case'|':this.setgLevel(3);break;case'}':this.setgLevel(2);break;case'~':this.setgLevel(1);break;case'7':this.saveCursor();this.state=c;break;case'8':this.restoreCursor();this.state=c;break;case'#':this.state=c;f++;break;case'H':this.tabSet();break;case'=':this.log('Serial port requested application keypad.');this.applicationKeypad=!0;this.state=c;break;case'>':this.log('Switching back to normal keypad.');this.applicationKeypad=!1;this.state=c;break;default:this.state=c;this.error('Unknown ESC control: %s.',a);break}break;case k:switch(a){case'0':d=b.charsets.SCLD;break;case'A':d=b.charsets.UK;break;case'B':d=b.charsets.US;break;case'4':d=b.charsets.Dutch;break;case'C':case'5':d=b.charsets.Finnish;break;case'R':d=b.charsets.French;break;case'Q':d=b.charsets.FrenchCanadian;break;case'K':d=b.charsets.German;break;case'Y':d=b.charsets.Italian;break;case'E':case'6':d=b.charsets.NorwegianDanish;break;case'Z':d=b.charsets.Spanish;break;case'H':case'7':d=b.charsets.Swedish;break;case'=':d=b.charsets.Swiss;break;case'/':d=b.charsets.ISOLatin;f++;break;default:d=b.charsets.US;break}this.setgCharset(this.gcharset,d);this.gcharset=null;this.state=c;break;case p:if(a===''||a===''){a===''&&f++,this.params.push(this.currentParam);switch(this.params[0]){case 0:case 1:case 2:this.params[1]&&(this.title=this.params[1],this.handleTitle(this.title));break;case 3:break;case 4:case 5:break;case 10:case 11:case 12:case 13:case 14:case 15:case 16:case 17:case 18:case 19:break;case 46:break;case 50:break;case 51:break;case 52:break;case 104:case 105:case 110:case 111:case 112:case 113:case 114:case 115:case 116:case 117:case 118:break}this.params=[],this.currentParam=0,this.state=c}else this.params.length?this.currentParam+=a:a>='0'&&a<='9'?this.currentParam=this.currentParam*10+a.charCodeAt(0)-48:a===';'&&(this.params.push(this.currentParam),this.currentParam='');break;case o:if(a==='?'||a==='>'||a==='!'){this.prefix=a;break}if(a>='0'&&a<='9'){this.currentParam=this.currentParam*10+a.charCodeAt(0)-48;break}if(a==='$'||a==='"'||a===' '||a==="'"){this.postfix=a;break}this.params.push(this.currentParam);this.currentParam=0;if(a===';')break;this.state=c;switch(a){case'A':this.cursorUp(this.params);break;case'B':this.cursorDown(this.params);break;case'C':this.cursorForward(this.params);break;case'D':this.cursorBackward(this.params);break;case'H':this.cursorPos(this.params);break;case'J':this.eraseInDisplay(this.params);break;case'K':this.eraseInLine(this.params);break;case'm':this.prefix||this.charAttributes(this.params);break;case'n':this.prefix||this.deviceStatus(this.params);break;case'@':this.insertChars(this.params);break;case'E':this.cursorNextLine(this.params);break;case'F':this.cursorPrecedingLine(this.params);break;case'G':this.cursorCharAbsolute(this.params);break;case'L':this.insertLines(this.params);break;case'M':this.deleteLines(this.params);break;case'P':this.deleteChars(this.params);break;case'X':this.eraseChars(this.params);break;case'`':this.charPosAbsolute(this.params);break;case'a':this.HPositionRelative(this.params);break;case'c':this.sendDeviceAttributes(this.params);break;case'd':this.linePosAbsolute(this.params);break;case'e':this.VPositionRelative(this.params);break;case'f':this.HVPosition(this.params);break;case'h':this.setMode(this.params);break;case'l':this.resetMode(this.params);break;case'r':this.setScrollRegion(this.params);break;case's':this.saveCursor(this.params);break;case'u':this.restoreCursor(this.params);break;case'I':this.cursorForwardTab(this.params);break;case'S':this.scrollUp(this.params);break;case'T':this.params.length<2&&!this.prefix&&this.scrollDown(this.params);break;case'Z':this.cursorBackwardTab(this.params);break;case'b':this.repeatPrecedingCharacter(this.params);break;case'g':this.tabClear(this.params);break;case'p':switch(this.prefix){case'!':this.softReset(this.params);break}break;default:this.error('Unknown CSI code: %s.',a);break}this.prefix='';this.postfix='';break;case r:if(a===''||a===''){a===''&&f++;switch(this.prefix){case'':break;case'$q':var e=this.currentParam,g=!1;switch(e){case'"q':e='0"q';break;case'"p':e='61"p';break;case'r':e=''+(this.scrollTop+1)+';'+(this.scrollBottom+1)+'r';break;case'm':e='0m';break;default:this.error('Unknown DCS Pt: %s.',e);e='';break}this.send('P'+ +g+'$r'+e+'\\');break;case'+p':break;case'+q':var e=this.currentParam,g=!1;this.send('P'+ +g+'+r'+e+'\\');break;default:this.error('Unknown DCS prefix: %s.',this.prefix);break}this.currentParam=0,this.prefix='',this.state=c}else this.currentParam?this.currentParam+=a:!this.prefix&&a!=='$'&&a!=='+'?this.currentParam=a:this.prefix.length===2?this.currentParam=a:this.prefix+=a;break;case j:(a===''||a==='')&&(a===''&&f++,this.state=c);break}}this.updateRange(this.y),this.refresh(this.refreshStart,this.refreshEnd)},b.prototype.writeln=function(a){this.write(a+'\r\n')},b.prototype.keyDown=function(b){var c=this,a;switch(b.keyCode){case 8:if(b.shiftKey){a='';break}a='';break;case 9:if(b.shiftKey){a='';break}a='	';break;case 13:a='\r';break;case 27:a='';break;case 37:if(this.applicationCursor){a='OD';break}a='';break;case 39:if(this.applicationCursor){a='OC';break}a='';break;case 38:if(this.applicationCursor){a='OA';break}if(b.ctrlKey)return this.scrollDisp(-1),d(b);a='';break;case 40:if(this.applicationCursor){a='OB';break}if(b.ctrlKey)return this.scrollDisp(1),d(b);a='';break;case 46:a='[3~';break;case 45:a='[2~';break;case 36:if(this.applicationKeypad){a='OH';break}a='OH';break;case 35:if(this.applicationKeypad){a='OF';break}a='OF';break;case 33:if(b.shiftKey)return this.scrollDisp(-(this.rows-1)),d(b);a='[5~';break;case 34:if(b.shiftKey)return this.scrollDisp(this.rows-1),d(b);a='[6~';break;case 112:a='OP';break;case 113:a='OQ';break;case 114:a='OR';break;case 115:a='OS';break;case 116:a='[15~';break;case 117:a='[17~';break;case 118:a='[18~';break;case 119:a='[19~';break;case 120:a='[20~';break;case 121:a='[21~';break;case 122:a='[23~';break;case 123:a='[24~';break;default:if(b.ctrlKey)if(b.keyCode>=65&&b.keyCode<=90){if(this.screenKeys&&!(this.prefixMode||this.selectMode)&&b.keyCode===65)return this.enterPrefix(),d(b);if(this.prefixMode&&b.keyCode===86){this.leavePrefix();return}if((this.prefixMode||this.selectMode)&&b.keyCode===67){this.visualMode&&i(function(){c.leaveVisual()},1);return}a=g.fromCharCode(b.keyCode-64)}else b.keyCode===32?a=g.fromCharCode(0):b.keyCode>=51&&b.keyCode<=55?a=g.fromCharCode(b.keyCode-51+27):b.keyCode===56?a=g.fromCharCode(127):b.keyCode===219?a=g.fromCharCode(27):b.keyCode===221&&(a=g.fromCharCode(29));else(!this.isMac&&b.altKey||this.isMac&&b.metaKey)&&(b.keyCode>=65&&b.keyCode<=90?a=''+g.fromCharCode(b.keyCode+32):b.keyCode===192?a='`':b.keyCode>=48&&b.keyCode<=57&&(a=''+(b.keyCode-48)));break}return a?this.prefixMode?(this.leavePrefix(),d(b)):this.selectMode?(this.keySelect(b,a),d(b)):(this.emit('keydown',b),this.emit('key',a,b),this.showCursor(),this.handler(a),b.keyCode===86&&(this.isMac&&b.metaKey||!this.isMac&&b.ctrlKey)?!0:d(b)):!0},b.prototype.setgLevel=function(a){this.glevel=a,this.charset=this.charsets[a]},b.prototype.setgCharset=function(a,b){this.charsets[a]=b,this.glevel===a&&(this.charset=b)},b.prototype.keyPress=function(a){var b;if(a.charCode)b=a.charCode;else if(a.which==null)b=a.keyCode;else if(a.which!==0&&a.charCode!==0)b=a.which;else return!1;return b===118&&(this.isMac&&a.metaKey||!this.isMac&&a.ctrlKey)||d(a),!b||a.ctrlKey||a.altKey&&b!=118||a.metaKey&&b!=118?!1:(b=g.fromCharCode(b),this.prefixMode?(this.leavePrefix(),this.keyPrefix(a,b),!1):this.selectMode?(this.keySelect(a,b),!1):(this.emit('keypress',b,a),this.emit('key',b,a),this.showCursor(),b==='v'&&(this.isMac&&a.metaKey||!this.isMac&&a.ctrlKey)||this.handler(b),!1))},b.prototype.send=function(b){var a=this;this.queue||i(function(){a.handler(a.queue),a.queue=''},1),this.queue+=b},b.prototype.bell=function(){if(!this.visualBell)return;var a=this;this.element.style.borderColor='white',i(function(){a.element.style.borderColor=''},10),this.popOnBell&&this.focus()},b.prototype.log=function(){if(!this.debug)return;if(!(this.context.console&&this.context.console.log))return;var a=Array.prototype.slice.call(arguments);this.context.console.log.apply(this.context.console,a)},b.prototype.error=function(){if(!this.debug)return;if(!(this.context.console&&this.context.console.error))return;var a=Array.prototype.slice.call(arguments);this.context.console.error.apply(this.context.console,a)},b.prototype.resize=function(b,a){var f,e,d,c,g;if(b<1&&(b=1),a<1&&(a=1),c=this.cols,c<b){g=[this.defAttr,' '],d=this.lines.length;while(d--)while(this.lines[d].length<b)this.lines[d].push(g)}else if(c>b){d=this.lines.length;while(d--)while(this.lines[d].length>b)this.lines[d].pop()}if(this.setupStops(c),this.cols=b,c=this.rows,c<a){e=this.element;while(c++<a)this.lines.length<a+this.ybase&&this.lines.push(this.blankLine()),this.children.length<a&&(f=this.document.createElement('div'),e.appendChild(f),this.children.push(f))}else if(c>a)while(c-->a)if(this.lines.length>a+this.ybase&&this.lines.pop(),this.children.length>a){if(e=this.children.pop(),!e)continue;e.parentNode.removeChild(e)}this.rows=a,this.y>=a&&(this.y=a-1),this.x>=b&&(this.x=b-1),this.scrollTop=0,this.scrollBottom=a-1,this.refresh(0,this.rows-1),this.normal=null},b.prototype.updateRange=function(a){a<this.refreshStart&&(this.refreshStart=a),a>this.refreshEnd&&(this.refreshEnd=a)},b.prototype.maxRange=function(){this.refreshStart=0,this.refreshEnd=this.rows-1},b.prototype.setupStops=function(a){for(a!=null?this.tabs[a]||(a=this.prevStop(a)):(this.tabs={},a=0);a<this.cols;a+=8)this.tabs[a]=!0},b.prototype.prevStop=function(a){a==null&&(a=this.x);while(!this.tabs[--a]&&a>0);return a>=this.cols?this.cols-1:a<0?0:a},b.prototype.nextStop=function(a){a==null&&(a=this.x);while(!this.tabs[++a]&&a<this.cols);return a>=this.cols?this.cols-1:a<0?0:a},b.prototype.eraseRight=function(a,b){var c=this.lines[this.ybase+b],d=[this.eraseAttr(),' '];for(;a<this.cols;a++)c[a]=d;this.updateRange(b)},b.prototype.eraseLeft=function(a,b){var c=this.lines[this.ybase+b],d=[this.eraseAttr(),' '];a++;while(a--)c[a]=d;this.updateRange(b)},b.prototype.eraseLine=function(a){this.eraseRight(0,a)},b.prototype.blankLine=function(e){var c=e?this.eraseAttr():this.defAttr,d=[c,' '],b=[],a=0;for(;a<this.cols;a++)b[a]=d;return b},b.prototype.ch=function(a){return a?[this.eraseAttr(),' ']:[this.defAttr,' ']},b.prototype.is=function(b){var a=this.termName;return(a+'').indexOf(b)===0},b.prototype.handler=function(a){this.emit('data',a)},b.prototype.handleTitle=function(a){this.emit('title',a)},b.prototype.index=function(){this.y++,this.y>this.scrollBottom&&(this.y--,this.scroll()),this.state=c},b.prototype.reverseIndex=function(){var a;this.y--,this.y<this.scrollTop&&(this.y++,this.lines.splice(this.y+this.ybase,0,this.blankLine(!0)),a=this.rows-1-this.scrollBottom,this.lines.splice(this.rows-1+this.ybase-a+1,1),this.updateRange(this.scrollTop),this.updateRange(this.scrollBottom)),this.state=c},b.prototype.reset=function(){this.options.rows=this.rows,this.options.cols=this.cols,b.call(this,this.options),this.refresh(0,this.rows-1)},b.prototype.tabSet=function(){this.tabs[this.x]=!0,this.state=c},b.prototype.cursorUp=function(b){var a=b[0];a<1&&(a=1),this.y-=a,this.y<0&&(this.y=0)},b.prototype.cursorDown=function(b){var a=b[0];a<1&&(a=1),this.y+=a,this.y>=this.rows&&(this.y=this.rows-1)},b.prototype.cursorForward=function(b){var a=b[0];a<1&&(a=1),this.x+=a,this.x>=this.cols&&(this.x=this.cols-1)},b.prototype.cursorBackward=function(b){var a=b[0];a<1&&(a=1),this.x-=a,this.x<0&&(this.x=0)},b.prototype.cursorPos=function(c){var b,a;b=c[0]-1,c.length>=2?a=c[1]-1:a=0,b<0?b=0:b>=this.rows&&(b=this.rows-1),a<0?a=0:a>=this.cols&&(a=this.cols-1),this.x=a,this.y=b},b.prototype.eraseInDisplay=function(b){var a;switch(b[0]){case 0:this.eraseRight(this.x,this.y);a=this.y+1;for(;a<this.rows;a++)this.eraseLine(a);break;case 1:this.eraseLeft(this.x,this.y);a=this.y;while(a--)this.eraseLine(a);break;case 2:a=this.rows;while(a--)this.eraseLine(a);break;case 3:break}},b.prototype.eraseInLine=function(a){switch(a[0]){case 0:this.eraseRight(this.x,this.y);break;case 1:this.eraseLeft(this.x,this.y);break;case 2:this.eraseLine(this.y);break}},b.prototype.charAttributes=function(c){if(c.length===1&&c[0]===0){this.curAttr=this.defAttr;return}var g=c.length,b=0,d=this.curAttr>>18,e=this.curAttr>>9&511,f=this.curAttr&511,a;for(;b<g;b++)a=c[b],a>=30&&a<=37?e=a-30:a>=40&&a<=47?f=a-40:a>=90&&a<=97?(a+=8,e=a-90):a>=100&&a<=107?(a+=8,f=a-100):a===0?(d=this.defAttr>>18,e=this.defAttr>>9&511,f=this.defAttr&511):a===1?d|=1:a===4?d|=2:a===5?d|=4:a===7?d|=8:a===8?d|=16:a===22?d&=-2:a===24?d&=-3:a===25?d&=-5:a===27?d&=-9:a===28?d&=-17:a===39?e=this.defAttr>>9&511:a===49?f=this.defAttr&511:a===38?c[b+1]===2?(b+=2,e=h(c[b]&255,c[b+1]&255,c[b+2]&255),e===-1&&(e=511),b+=2):c[b+1]===5&&(b+=2,a=c[b]&255,e=a):a===48?c[b+1]===2?(b+=2,f=h(c[b]&255,c[b+1]&255,c[b+2]&255),f===-1&&(f=511),b+=2):c[b+1]===5&&(b+=2,a=c[b]&255,f=a):a===100?(e=this.defAttr>>9&511,f=this.defAttr&511):this.error('Unknown SGR attribute: %d.',a);this.curAttr=d<<18|e<<9|f},b.prototype.deviceStatus=function(a){if(!this.prefix)switch(a[0]){case 5:this.send('');break;case 6:this.send('['+(this.y+1)+';'+(this.x+1)+'R');break}else if(this.prefix==='?')switch(a[0]){case 6:this.send('[?'+(this.y+1)+';'+(this.x+1)+'R');break;case 15:break;case 25:break;case 26:break;case 53:break}},b.prototype.insertChars=function(e){var a,b,c,d;a=e[0],a<1&&(a=1),b=this.y+this.ybase,c=this.x,d=[this.eraseAttr(),' '];while(a--&&c<this.cols)this.lines[b].splice(c++,0,d),this.lines[b].pop()},b.prototype.cursorNextLine=function(b){var a=b[0];a<1&&(a=1),this.y+=a,this.y>=this.rows&&(this.y=this.rows-1),this.x=0},b.prototype.cursorPrecedingLine=function(b){var a=b[0];a<1&&(a=1),this.y-=a,this.y<0&&(this.y=0),this.x=0},b.prototype.cursorCharAbsolute=function(b){var a=b[0];a<1&&(a=1),this.x=a-1},b.prototype.insertLines=function(d){var a,c,b;a=d[0],a<1&&(a=1),c=this.y+this.ybase,b=this.rows-1-this.scrollBottom,b=this.rows-1+this.ybase-b+1;while(a--)this.lines.splice(c,0,this.blankLine(!0)),this.lines.splice(b,1);this.updateRange(this.y),this.updateRange(this.scrollBottom)},b.prototype.deleteLines=function(d){var a,c,b;a=d[0],a<1&&(a=1),c=this.y+this.ybase,b=this.rows-1-this.scrollBottom,b=this.rows-1+this.ybase-b;while(a--)this.lines.splice(b+1,0,this.blankLine(!0)),this.lines.splice(c,1);this.updateRange(this.y),this.updateRange(this.scrollBottom)},b.prototype.deleteChars=function(d){var a,b,c;a=d[0],a<1&&(a=1),b=this.y+this.ybase,c=[this.eraseAttr(),' '];while(a--)this.lines[b].splice(this.x,1),this.lines[b].push(c)},b.prototype.eraseChars=function(e){var a,c,b,d;a=e[0],a<1&&(a=1),c=this.y+this.ybase,b=this.x,d=[this.eraseAttr(),' '];while(a--&&b<this.cols)this.lines[c][b++]=d},b.prototype.charPosAbsolute=function(b){var a=b[0];a<1&&(a=1),this.x=a-1,this.x>=this.cols&&(this.x=this.cols-1)},b.prototype.HPositionRelative=function(b){var a=b[0];a<1&&(a=1),this.x+=a,this.x>=this.cols&&(this.x=this.cols-1)},b.prototype.sendDeviceAttributes=function(a){if(a[0]>0)return;this.prefix?this.prefix==='>'&&(this.is('xterm')?this.send('[>0;276;0c'):this.is('rxvt-unicode')?this.send('[>85;95;0c'):this.is('linux')?this.send(a[0]+'c'):this.is('screen')&&this.send('[>83;40003;0c')):this.is('xterm')||this.is('rxvt-unicode')||this.is('screen')?this.send('[?1;2c'):this.is('linux')&&this.send('[?6c')},b.prototype.linePosAbsolute=function(b){var a=b[0];a<1&&(a=1),this.y=a-1,this.y>=this.rows&&(this.y=this.rows-1)},b.prototype.VPositionRelative=function(b){var a=b[0];a<1&&(a=1),this.y+=a,this.y>=this.rows&&(this.y=this.rows-1)},b.prototype.HVPosition=function(a){a[0]<1&&(a[0]=1),a[1]<1&&(a[1]=1),this.y=a[0]-1,this.y>=this.rows&&(this.y=this.rows-1),this.x=a[1]-1,this.x>=this.cols&&(this.x=this.cols-1)},b.prototype.setMode=function(a){if(typeof a==='object'){var d=a.length,c=0;for(;c<d;c++)this.setMode(a[c]);return}if(!this.prefix)switch(a){case 4:this.insertMode=!0;break;case 20:break}else if(this.prefix==='?')switch(a){case 1:this.applicationCursor=!0;break;case 2:this.setgCharset(0,b.charsets.US);this.setgCharset(1,b.charsets.US);this.setgCharset(2,b.charsets.US);this.setgCharset(3,b.charsets.US);break;case 3:this.savedCols=this.cols;this.resize(132,this.rows);break;case 6:this.originMode=!0;break;case 7:this.wraparoundMode=!0;break;case 12:break;case 66:this.log('Serial port requested application keypad.');this.applicationKeypad=!0;break;case 9:case 1e3:case 1002:case 1003:this.x10Mouse=a===9;this.vt200Mouse=a===1e3;this.normalMouse=a>1e3;this.mouseEvents=!0;this.element.style.cursor='default';this.log('Binding to mouse events.');break;case 1004:this.sendFocus=!0;break;case 1005:this.utfMouse=!0;break;case 1006:this.sgrMouse=!0;break;case 1015:this.urxvtMouse=!0;break;case 25:this.cursorHidden=!1;break;case 1049:case 47:case 1047:if(!this.normal){var e={lines:this.lines,ybase:this.ybase,ydisp:this.ydisp,x:this.x,y:this.y,scrollTop:this.scrollTop,scrollBottom:this.scrollBottom,tabs:this.tabs};this.reset(),this.normal=e,this.showCursor()}break}},b.prototype.resetMode=function(a){if(typeof a==='object'){var c=a.length,b=0;for(;b<c;b++)this.resetMode(a[b]);return}if(!this.prefix)switch(a){case 4:this.insertMode=!1;break;case 20:break}else if(this.prefix==='?')switch(a){case 1:this.applicationCursor=!1;break;case 3:this.cols===132&&this.savedCols&&this.resize(this.savedCols,this.rows);delete this.savedCols;break;case 6:this.originMode=!1;break;case 7:this.wraparoundMode=!1;break;case 12:break;case 66:this.log('Switching back to normal keypad.');this.applicationKeypad=!1;break;case 9:case 1e3:case 1002:case 1003:this.x10Mouse=!1;this.vt200Mouse=!1;this.normalMouse=!1;this.mouseEvents=!1;this.element.style.cursor='';break;case 1004:this.sendFocus=!1;break;case 1005:this.utfMouse=!1;break;case 1006:this.sgrMouse=!1;break;case 1015:this.urxvtMouse=!1;break;case 25:this.cursorHidden=!0;break;case 1049:case 47:case 1047:this.normal&&(this.lines=this.normal.lines,this.ybase=this.normal.ybase,this.ydisp=this.normal.ydisp,this.x=this.normal.x,this.y=this.normal.y,this.scrollTop=this.normal.scrollTop,this.scrollBottom=this.normal.scrollBottom,this.tabs=this.normal.tabs,this.normal=null,this.refresh(0,this.rows-1),this.showCursor());break}},b.prototype.setScrollRegion=function(a){if(this.prefix)return;this.scrollTop=(a[0]||1)-1,this.scrollBottom=(a[1]||this.rows)-1,this.x=0,this.y=0},b.prototype.saveCursor=function(a){this.savedX=this.x,this.savedY=this.y},b.prototype.restoreCursor=function(a){this.x=this.savedX||0,this.y=this.savedY||0},b.prototype.cursorForwardTab=function(b){var a=b[0]||1;while(a--)this.x=this.nextStop()},b.prototype.scrollUp=function(b){var a=b[0]||1;while(a--)this.lines.splice(this.ybase+this.scrollTop,1),this.lines.splice(this.ybase+this.scrollBottom,0,this.blankLine());this.updateRange(this.scrollTop),this.updateRange(this.scrollBottom)},b.prototype.scrollDown=function(b){var a=b[0]||1;while(a--)this.lines.splice(this.ybase+this.scrollBottom,1),this.lines.splice(this.ybase+this.scrollTop,0,this.blankLine());this.updateRange(this.scrollTop),this.updateRange(this.scrollBottom)},b.prototype.initMouseTracking=function(a){},b.prototype.resetTitleModes=function(a){},b.prototype.cursorBackwardTab=function(b){var a=b[0]||1;while(a--)this.x=this.prevStop()},b.prototype.repeatPrecedingCharacter=function(d){var b=d[0]||1,a=this.lines[this.ybase+this.y],c=a[this.x-1]||[this.defAttr,' '];while(b--)a[this.x++]=c},b.prototype.tabClear=function(b){var a=b[0];a<=0?delete this.tabs[this.x]:a===3&&(this.tabs={})},b.prototype.mediaCopy=function(a){},b.prototype.setResources=function(a){},b.prototype.disableModifiers=function(a){},b.prototype.setPointerMode=function(a){},b.prototype.softReset=function(a){this.cursorHidden=!1,this.insertMode=!1,this.originMode=!1,this.wraparoundMode=!1,this.applicationKeypad=!1,this.applicationCursor=!1,this.scrollTop=0,this.scrollBottom=this.rows-1,this.curAttr=this.defAttr,this.x=this.y=0,this.charset=null,this.glevel=0,this.charsets=[null]},b.prototype.requestAnsiMode=function(a){},b.prototype.requestPrivateMode=function(a){},b.prototype.setConformanceLevel=function(a){},b.prototype.loadLEDs=function(a){},b.prototype.setCursorStyle=function(a){},b.prototype.setCharProtectionAttr=function(a){},b.prototype.restorePrivateValues=function(a){},b.prototype.setAttrInRectangle=function(a){var c=a[0],e=a[1],f=a[2],g=a[3],h=a[4],d,b;for(;c<f+1;c++)for(d=this.lines[this.ybase+c],b=e;b<g;b++)d[b]=[h,d[b][1]];this.updateRange(a[0]),this.updateRange(a[2])},b.prototype.savePrivateValues=function(a){},b.prototype.manipulateWindow=function(a){},b.prototype.reverseAttrInRectangle=function(a){},b.prototype.setTitleModeFeature=function(a){},b.prototype.setWarningBellVolume=function(a){},b.prototype.setMarginBellVolume=function(a){},b.prototype.copyRectangle=function(a){},b.prototype.enableFilterRectangle=function(a){},b.prototype.requestParameters=function(a){},b.prototype.selectChangeExtent=function(a){},b.prototype.fillRectangle=function(a){var e=a[0],c=a[1],f=a[2],h=a[3],i=a[4],d,b;for(;c<h+1;c++)for(d=this.lines[this.ybase+c],b=f;b<i;b++)d[b]=[d[b][0],g.fromCharCode(e)];this.updateRange(a[1]),this.updateRange(a[3])},b.prototype.enableLocatorReporting=function(a){var b=a[0]>0},b.prototype.eraseRectangle=function(a){var b=a[0],d=a[1],e=a[2],f=a[3],g,c,h;for(h=[this.eraseAttr(),' '];b<e+1;b++)for(g=this.lines[this.ybase+b],c=d;c<f;c++)g[c]=h;this.updateRange(a[0]),this.updateRange(a[2])},b.prototype.setLocatorEvents=function(a){},b.prototype.selectiveEraseRectangle=function(a){},b.prototype.requestLocatorPosition=function(a){},b.prototype.insertColumns=function(){var b=params[0],c=this.ybase+this.rows,d=[this.eraseAttr(),' '],a;while(b--)for(a=this.ybase;a<c;a++)this.lines[a].splice(this.x+1,0,d),this.lines[a].pop();this.maxRange()},b.prototype.deleteColumns=function(){var b=params[0],c=this.ybase+this.rows,d=[this.eraseAttr(),' '],a;while(b--)for(a=this.ybase;a<c;a++)this.lines[a].splice(this.x,1),this.lines[a].push(d);this.maxRange()},b.prototype.enterPrefix=function(){this.prefixMode=!0},b.prototype.leavePrefix=function(){this.prefixMode=!1},b.prototype.enterSelect=function(){this._real={x:this.x,y:this.y,ydisp:this.ydisp,ybase:this.ybase,cursorHidden:this.cursorHidden,lines:this.copyBuffer(this.lines),write:this.write},this.write=function(){},this.selectMode=!0,this.visualMode=!1,this.cursorHidden=!1,this.refresh(this.y,this.y)},b.prototype.leaveSelect=function(){this.x=this._real.x,this.y=this._real.y,this.ydisp=this._real.ydisp,this.ybase=this._real.ybase,this.cursorHidden=this._real.cursorHidden,this.lines=this._real.lines,this.write=this._real.write,delete this._real,this.selectMode=!1,this.visualMode=!1,this.refresh(0,this.rows-1)},b.prototype.enterVisual=function(){this._real.preVisual=this.copyBuffer(this.lines),this.selectText(this.x,this.x,this.ydisp+this.y,this.ydisp+this.y),this.visualMode=!0},b.prototype.leaveVisual=function(){this.lines=this._real.preVisual,delete this._real.preVisual,delete this._selected,this.visualMode=!1,this.refresh(0,this.rows-1)},b.prototype.enterSearch=function(c){this.entry='',this.searchMode=!0,this.searchDown=c,this._real.preSearch=this.copyBuffer(this.lines),this._real.preSearchX=this.x,this._real.preSearchY=this.y;var b=this.ydisp+this.rows-1;for(var a=0;a<this.entryPrefix.length;a++)this.lines[b][a]=[this.defAttr&-512|4,this.entryPrefix[a]];this.y=this.rows-1,this.x=this.entryPrefix.length,this.refresh(this.rows-1,this.rows-1)},b.prototype.leaveSearch=function(){this.searchMode=!1,this._real.preSearch&&(this.lines=this._real.preSearch,this.x=this._real.preSearchX,this.y=this._real.preSearchY,delete this._real.preSearch,delete this._real.preSearchX,delete this._real.preSearchY),this.refresh(this.rows-1,this.rows-1)},b.prototype.copyBuffer=function(b){var b=b||this.lines,d=[];for(var a=0;a<b.length;a++){d[a]=[];for(var c=0;c<b[a].length;c++)d[a][c]=[b[a][c][0],b[a][c][1]]}return d},b.prototype.getCopyTextarea=function(c){var a=this._copyTextarea,b=this.document;return a||(a=b.createElement('textarea'),a.style.position='absolute',a.style.left='-32000px',a.style.top='-32000px',a.style.width='0px',a.style.height='0px',a.style.opacity='0',a.style.backgroundColor='transparent',a.style.borderStyle='none',a.style.outlineStyle='none',b.getElementsByTagName('body')[0].appendChild(a),this._copyTextarea=a),a},b.prototype.copyText=function(b){var c=this,a=this.getCopyTextarea();this.emit('copy',b),a.focus(),a.textContent=b,a.value=b,a.setSelectionRange(0,b.length),i(function(){c.element.focus(),c.focus()},1)},b.prototype.selectText=function(f,g,b,d){var j,k,i,h,e,c,a,l,m;if(this._selected){for(j=this._selected.x1,k=this._selected.x2,i=this._selected.y1,h=this._selected.y2,h<i&&(e=k,k=j,j=e,e=h,h=i,i=e),k<j&&i===h&&(e=k,k=j,j=e),a=i;a<=h;a++)for(c=0,l=this.cols-1,a===i&&(c=j),a===h&&(l=k);c<=l;c++)this.lines[a][c].old!=null&&(m=this.lines[a][c].old,delete this.lines[a][c].old,this.lines[a][c]=[m,this.lines[a][c][1]]);b=this._selected.y1,f=this._selected.x1}for(b=Math.max(b,0),b=Math.min(b,this.ydisp+this.rows-1),d=Math.max(d,0),d=Math.min(d,this.ydisp+this.rows-1),this._selected={x1:f,x2:g,y1:b,y2:d},d<b&&(e=g,g=f,f=e,e=d,d=b,b=e),g<f&&b===d&&(e=g,g=f,f=e),a=b;a<=d;a++)for(c=0,l=this.cols-1,a===b&&(c=f),a===d&&(l=g);c<=l;c++)m=this.lines[a][c][0],this.lines[a][c]=[m&-512|261636,this.lines[a][c][1]],this.lines[a][c].old=m;b-=this.ydisp,d-=this.ydisp,b=Math.max(b,0),b=Math.min(b,this.rows-1),d=Math.max(d,0),d=Math.min(d,this.rows-1),this.refresh(0,this.rows-1)},b.prototype.grabText=function(g,c,i,d){var e='',f='',j,a,b,k,h;for(d<i&&(h=c,c=g,g=h,h=d,d=i,i=h),c<g&&i===d&&(h=c,c=g,g=h),b=i;b<=d;b++){for(a=0,k=this.cols-1,b===i&&(a=g),b===d&&(k=c);a<=k;a++){if(j=this.lines[b][a][1],j===' '){f+=j;continue}f&&(e+=f,f=''),e+=j,m(j)&&a++}f='',e+='\n'}for(a=c,b=d;a<this.cols;a++)if(this.lines[b][a][1]!==' '){e=e.slice(0,-1);break}return e},b.prototype.keyPrefix=function(b,a){a==='k'||a==='&'?this.destroy():a==='p'||a===']'?this.emit('request paste'):a==='c'?this.emit('request create'):a>='0'&&a<='9'?(a=+a-1,~a||(a=9),this.emit('request term',a)):a==='n'?this.emit('request term next'):a==='P'?this.emit('request term previous'):a===':'?this.emit('request command mode'):a==='['&&this.enterSelect()},b.prototype.keySelect=function(o,b){if(this.showCursor(),this.searchMode||b==='n'||b==='N')return this.keySearch(o,b);if(b===''){var c=this.ydisp+this.y;this.ydisp===this.ybase?(this.y=Math.min(this.y+(this.rows-1)/2|0,this.rows-1),this.refresh(0,this.rows-1)):this.scrollDisp((this.rows-1)/2|0),this.visualMode&&this.selectText(this.x,this.x,c,this.ydisp+this.y);return}if(b===''){var c=this.ydisp+this.y;this.ydisp===0?(this.y=Math.max(this.y-(this.rows-1)/2|0,0),this.refresh(0,this.rows-1)):this.scrollDisp(-(this.rows-1)/2|0),this.visualMode&&this.selectText(this.x,this.x,c,this.ydisp+this.y);return}if(b===''){var c=this.ydisp+this.y;this.scrollDisp(this.rows-1),this.visualMode&&this.selectText(this.x,this.x,c,this.ydisp+this.y);return}if(b===''){var c=this.ydisp+this.y;this.scrollDisp(-(this.rows-1)),this.visualMode&&this.selectText(this.x,this.x,c,this.ydisp+this.y);return}if(b==='k'||b===''){var c=this.ydisp+this.y;this.y--,this.y<0&&(this.y=0,this.scrollDisp(-1)),this.visualMode?this.selectText(this.x,this.x,c,this.ydisp+this.y):this.refresh(this.y,this.y+1);return}if(b==='j'||b===''){var c=this.ydisp+this.y;this.y++,this.y>=this.rows&&(this.y=this.rows-1,this.scrollDisp(1)),this.visualMode?this.selectText(this.x,this.x,c,this.ydisp+this.y):this.refresh(this.y-1,this.y);return}if(b==='h'||b===''){var a=this.x;this.x--,this.x<0&&(this.x=0),this.visualMode?this.selectText(a,this.x,this.ydisp+this.y,this.ydisp+this.y):this.refresh(this.y,this.y);return}if(b==='l'||b===''){var a=this.x;this.x++,this.x>=this.cols&&(this.x=this.cols-1),this.visualMode?this.selectText(a,this.x,this.ydisp+this.y,this.ydisp+this.y):this.refresh(this.y,this.y);return}if(b==='v'||b===' '){this.visualMode?this.leaveVisual():this.enterVisual();return}if(b==='y'){if(this.visualMode){var n=this.grabText(this._selected.x1,this._selected.x2,this._selected.y1,this._selected.y2);this.copyText(n),this.leaveVisual()}return}if(b==='q'||b===''){this.visualMode?this.leaveVisual():this.leaveSelect();return}if(b==='w'||b==='W'){var f=this.x,g=this.y,h=this.ydisp,a=this.x,c=this.y,d=this.ydisp,i=!1;for(;;){var e=this.lines[d+c];while(a<this.cols){if(e[a][1]<=' ')i=!0;else if(i)break;a++}if(a>=this.cols&&(a=this.cols-1),a===this.cols-1&&e[a][1]<=' '){if(a=0,++c>=this.rows&&(c--,++d>this.ybase)){d=this.ybase,a=this.x;break}continue}break}this.x=a,this.y=c,this.scrollDisp(-this.ydisp+d),this.visualMode&&this.selectText(f,this.x,g+h,this.ydisp+this.y);return}if(b==='b'||b==='B'){var f=this.x,g=this.y,h=this.ydisp,a=this.x,c=this.y,d=this.ydisp;for(;;){var e=this.lines[d+c],i=a>0&&e[a][1]>' '&&e[a-1][1]>' ';while(a>=0){if(e[a][1]<=' ')if(i&&a+1<this.cols&&e[a+1][1]>' '){a++;break}else i=!0;a--}if(a<0&&(a=0),a===0&&(e[a][1]<=' '||!i)){if(a=this.cols-1,--c<0&&(c++,--d<0)){d++,a=0;break}continue}break}this.x=a,this.y=c,this.scrollDisp(-this.ydisp+d),this.visualMode&&this.selectText(f,this.x,g+h,this.ydisp+this.y);return}if(b==='e'||b==='E'){var a=this.x+1,c=this.y,d=this.ydisp;for(a>=this.cols&&a--;;){var e=this.lines[d+c];while(a<this.cols)if(e[a][1]<=' ')a++;else break;while(a<this.cols){if(e[a][1]<=' '&&a-1>=0&&e[a-1][1]>' '){a--;break}a++}if(a>=this.cols&&(a=this.cols-1),a===this.cols-1&&e[a][1]<=' '){if(a=0,++c>=this.rows&&(c--,++d>this.ybase)){d=this.ybase;break}continue}break}this.x=a,this.y=c,this.scrollDisp(-this.ydisp+d),this.visualMode&&this.selectText(f,this.x,g+h,this.ydisp+this.y);return}if(b==='^'||b==='0'){var f=this.x;if(b==='0')this.x=0;else if(b==='^'){var e=this.lines[this.ydisp+this.y],a=0;while(a<this.cols){if(e[a][1]>' ')break;a++}a>=this.cols&&(a=this.cols-1),this.x=a}this.visualMode?this.selectText(f,this.x,this.ydisp+this.y,this.ydisp+this.y):this.refresh(this.y,this.y);return}if(b==='$'){var f=this.x,e=this.lines[this.ydisp+this.y],a=this.cols-1;while(a>=0){if(e[a][1]>' '){this.visualMode&&a<this.cols-1&&a++;break}a--}a<0&&(a=0),this.x=a,this.visualMode?this.selectText(f,this.x,this.ydisp+this.y,this.ydisp+this.y):this.refresh(this.y,this.y);return}if(b==='g'||b==='G'){var f=this.x,g=this.y,h=this.ydisp;b==='g'?(this.x=0,this.y=0,this.scrollDisp(-this.ydisp)):b==='G'&&(this.x=0,this.y=this.rows-1,this.scrollDisp(this.ybase)),this.visualMode&&this.selectText(f,this.x,g+h,this.ydisp+this.y);return}if(b==='H'||b==='M'||b==='L'){var f=this.x,g=this.y;b==='H'?(this.x=0,this.y=0):b==='M'?(this.x=0,this.y=this.rows/2|0):b==='L'&&(this.x=0,this.y=this.rows-1),this.visualMode?this.selectText(f,this.x,this.ydisp+g,this.ydisp+this.y):(this.refresh(g,g),this.refresh(this.y,this.y));return}if(b==='{'||b==='}'){var f=this.x,g=this.y,h=this.ydisp,e,m=!1,k=!1,j=-1,c=this.y+(b==='{'?-1:1),d=this.ydisp,l;for(b==='{'?c<0&&(c++,d>0&&d--):b==='}'&&c>=this.rows&&(c--,d<this.ybase&&d++);;){for(e=this.lines[d+c],l=0;l<this.cols;l++)if(e[l][1]>' '){j===-1&&(j=0),m=!0;break}else if(l===this.cols-1){j===-1?j=1:j===0?k=!0:j===1&&m&&(k=!0);break}if(k)break;if(b==='{'){if(c--,c<0){if(c++,!(d>0))break;d--}}else if(b==='}'&&(c++,c>=this.rows)){if(c--,!(d<this.ybase))break;d++}}k||(b==='{'?(c=0,d=0):b==='}'&&(c=this.rows-1,d=this.ybase)),this.x=0,this.y=c,this.scrollDisp(-this.ydisp+d),this.visualMode&&this.selectText(f,this.x,g+h,this.ydisp+this.y);return}if(b==='/'||b==='?'){this.visualMode||this.enterSearch(b==='/');return}return!1},b.prototype.keySearch=function(o,c){if(c===''){this.leaveSearch();return}if(c==='\r'||!this.searchMode&&(c==='n'||c==='N')){this.leaveSearch();var f=this.entry;if(!f){this.refresh(0,this.rows-1);return}var m=this.x,l=this.y,k=this.ydisp,j,h=!1,i=!1,d=this.x+1,b=this.ydisp+this.y,g,a,n=c==='N'?this.searchDown:!this.searchDown;for(;;){j=this.lines[b];while(d<this.cols){for(a=0;a<f.length;a++){if(d+a>=this.cols)break;if(j[d+a][1]!==f[a])break;if(j[d+a][1]===f[a]&&a===f.length-1){h=!0;break}}if(h)break;d+=a+1}if(h)break;if(d=0,!n){if(b++,b>this.ybase+this.rows-1){if(i)break;i=!0,b=0}}else if(b--,b<0){if(i)break;i=!0,b=this.ybase+this.rows-1}}if(h){b-this.ybase<0?(g=b,b=0,g>this.ybase&&(b=g-this.ybase,g=this.ybase)):(g=this.ybase,b-=this.ybase),this.x=d,this.y=b,this.scrollDisp(-this.ydisp+g),this.visualMode&&this.selectText(m,this.x,l+k,this.ydisp+this.y);return}this.refresh(0,this.rows-1);return}if(c===''||c===''){if(this.entry.length===0)return;var e=this.ydisp+this.rows-1;this.entry=this.entry.slice(0,-1);var a=this.entryPrefix.length+this.entry.length;this.lines[e][a]=[this.lines[e][a][0],' '],this.x--,this.refresh(this.rows-1,this.rows-1),this.refresh(this.y,this.y);return}if(c.length===1&&c>=' '&&c<='~'){var e=this.ydisp+this.rows-1;this.entry+=c;var a=this.entryPrefix.length+this.entry.length-1;this.lines[e][a]=[this.defAttr&-512|4,c],this.x++,this.refresh(this.rows-1,this.rows-1),this.refresh(this.y,this.y);return}return!1},b.charsets={},b.charsets.SCLD={'`':'â—†',a:'â–’',b:'	',c:'',d:'\r',e:'\n',f:'°',g:'±',h:'␤',i:'',j:'┘',k:'┐',l:'┌',m:'â””',n:'┼',o:'⎺',p:'⎻',q:'─',r:'⎼',s:'⎽',t:'├',u:'┤',v:'â”´',w:'┬',x:'│',y:'≤',z:'≥','{':'Ï€','|':'≠','}':'£','~':'·'},b.charsets.UK=null,b.charsets.US=null,b.charsets.Dutch=null,b.charsets.Finnish=null,b.charsets.French=null,b.charsets.FrenchCanadian=null,b.charsets.German=null,b.charsets.Italian=null,b.charsets.NorwegianDanish=null,b.charsets.Spanish=null,b.charsets.Swedish=null,b.charsets.Swiss=null,b.charsets.ISOLatin=null;var g=this.String,i=this.setTimeout,s=this.setInterval;h._cache={},h.distance=function(a,b,c,d,e,f){return Math.pow(30*(a-d),2)+Math.pow(59*(b-e),2)+Math.pow(11*(c-f),2)},b.EventEmitter=f,b.inherits=u,b.on=e,b.off=q,b.cancel=d,a!==void 0?a.exports=b:this.Terminal=b}.call(function(){return this||(typeof window!=='undefined'?window:b)}()))},{}]},{},[1])
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/DESIGN_NOTES__14_Jn_22.txt
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/DESIGN_NOTES__14_Jn_22.txt	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,117 @@
+
+Working on getting visual of a POP syntax graph
+
+-] Have Famo.us, which has hierarchical drawning structure that fits well to what had in mind for POP
+
+-] Famo.us has animations and physics engine, so as user modifies things, they can fly around in pleasing ways.
+
+-] Famo.us structure is almost one-to-one with the visualizer's internal structure that I was imagining..  seems wasteful to duplicate..
+
+-] However..  need the visualization to be independent of any particular drawing facility..  for example, the visualization should be reusable with a Java based canvas that is painted via Swing, as well as via Famo.us and via C++ drawing code..
+
+-] The visualization must be specific to the data format..  therefore, it should be part of the holder that the data is inside of.  Don't want case where new syntax is added, and have to go around to all the different places, like Java app, and javascript displayer, and so on, and change code in all those! (even if they all take a plugin, that plugin will have to be in terms of the language -- java, javascript, C++, whatever -- and the plugin will have to spit out some standard thing anyway!)  
+Rather, want the visualizer to be written once, in POP, and plugged into the data-holder.  It spits out standardized visual elements..  any technology can then take those visual elements and paint them to a screen.
+The visualizer has fingers directly on the raw data, in whatever the internal format is for the holder..  A holder can have a different internal format vs external format..
+
+(update: fighting with text -- haven't found any general way of calculating the width of text, given the font..  entry after entry from google search has variations on applying the text to a canvas, causing it to render, then getting the bounding box that was generated during render..  there doesn't seem to be, even for SVG, any way to predict the bounding box!!!?!?!?!  So.. there is a cascade effect..  the text must be contained within something, like a rectangle or elipse or whatever..  and, as worked out during the rest of this design session, the visualizer is responsible for calculating the placement of all the SVG shapes..  then the visualizer MUST know the size of the text, in order to know the size of the shape, in order to calculate a reasonable placement of shapes..  
+   it is tempting to leave all the shape placements specified as relative, and let the final values be figured out inside the Display..  this would also allow things like employing the Famous physics engine to calculate placements, even let the placements evolve by themselves (like the D3 examples with the graph nodes flying around to find their own placement).. that would happen without the visualizer setting the placements..  rather, the visualizer would establish the visual "connectivity".. noooo..  that D3 thing relied upon knowing that it was a graph and that arcs acted like springs and nodes acted like weights, and nodes exerted n-body attraction..  but that is all specific to graphs..  would it generalize to arbitrary syntax?  Hmmmm..  if had an "atomic" level, where inside an atomic unit nothing moves relative,  then, yes, can treat the connections between these atomic things as springs, and each atomic thing has attractive mass and inertia..  can let them run around and find a stable configuration..
+   Okay, so two issues: what about connections that go off-screen to out-side-the-view portions of syntax graph, and what about the user wanting to pin particular things in particular places..  often what a feeling of solidity, reliable placement so you know where everything is..
+   Right, so this: for now, visualizer calculates fixed positions, but have in back of mind keeping ability for multiple kinds of visualizer within the same srcHolder..  and visualizer has ability to expect things of the Display, such as providing physics, and visualizer can maybe ask Display what kinds of visualization list it understands..  so then can add, say, dynamic view hierarchy, where visualizer specifies things like masses and springs and lets Display move them around as it sees fit..  can evolve standard view lists over time..  the Commander will have to include some facility for not allowing a user to select a visualizer that is unable to generate any of the list types acceptable to the Display the user is interacting with.)
+
+-] A holder may also have other data-format-and-semantics specific things, such as a querier -- the querier defines the format of queries it accepts, and those queries are tailored to the nature of the data in the holder.  Hence, say, a video holder might have a querier plugged in that accepts canonical shapes, and then searches the raw video data for frames that contain that shape.  The querier would spit out things in a format that it defines.  For example, it may have a data structure for a video frame, and spit out a stream of frames that contain the requested shape.
+
+-] Data formats should be visually defined.. for example, I should be able to draw a picture of a graph node, and that picture is the code that defines the data structure, which can then be used in other places in the code.  For example, in the Hamiltonian Path code, could have included a picture of a graph node, and connected a line to the portion being accessed, say, in a test, or in the "for all" construct..
+
+-] Seeing a hierarchy of holders..  so a higher level holder could have multiple lower level holders inside of it..  getting a bit awkward, say with combining queriers and visualizers -- how do you combine visualizations from siblings?  there's something fundamental here.. 
+
+-] No data may be warehoused outside a holder..  the holder collects the things needed to interact with the data, such as modifier, visualizer, querier, and not sure yet what all else..
+
+-] Data outside a holder must be in the form of a data structure instance, where the structure was defined by the holder the data came from.  The holder took whatever internal format the data resided in and placed it into the data structure form.  All data within a POP system that is not inside a holder must be in the format of a structure defined using POP primitives.  NO RAW BYTES!  Bit twidling only upon bit-vector structures.  An adaptor is necessary in order to get a more primitive format of data (IE, can always do conditional tests on bits held in a bit-vector format, and build up values within a higher level format structure based on the test results.. example, do the math to accumulate individual bit values from a bit-vector, but accumulate them into an integer format.  Or, can test bits that represent graph edges, and build up a graph data structure.  aso..)
+
+-] A visualizer can include animations as visual elements that it spits out.
+
+-] Famous will generate events that are gestures such as mouse clicks.  The event handler will use the event data to connect the event to one of the original visual elements that was visualized.  It will construct a structure that states the visual element and the gesture details, and send that to the commander.
+
+-] the commander will convert the visual element plus gesture into some action, such as moving the insertion point, or zooming the view, or adding a syntax node..  the command sends the command to the appropriate place -- could be the drawing engine (for zoom or pan actions).. or could be the modifier for insertion point or syntax element actions..  or could be some entity that carries out the action. For example when viewing a worksheet, a gesture could trigger re-calculation, so the action would be a "perform calculation" sent to one or more processors that are connected to the worksheet.
+
+-] The modifier has access to the holder's internal data format, and can manipulate it directly.  It receives commands, such as generated by gestures performed on the display.  
+
+-] A worksheet lives inside a holder as well..  the worksheet can talk to processors..  for example, the visualizer may simply include a reference to a processor that spits out data, and sends the reference in the visual element.  An image may be a good example..  the image is on the worksheet for some reason..  the visualizer embeds reference to image in an element and sends that to the display.  The display then directly gets the image data and paints it.
+
+-] Right, so one way to combine visualizers in a hierarchy, is for higher level visualizers to specify a lower-level one that is to fill in the internals of a given bounding box.  So the lower-level is sent the bounding box, and it generates a view hierarchy that fits inside of that.  Not sure whether the Display should be the one that sends the requests and integrates the various responses, or the Visualizer should send the requests and integrate the responses.
+
+==============================================
+=
+=
+==============================================
+So, question..  what do display list elements look like?  Does visualizer produce the layout, for example, specify a bounding box and position for each element, including text, lines, etc?  Does it produce the bezier curves in SVG that connect syntax graph elements?
+
+Or, does it send something with fewer details?  Let the Display calculate exact placement of visual elements?
+
+What about pan and zoom?  Does Visualizer handle that, or Display..  pan means moving some elements out of the painted canvas and moving others in..  zoom does too, in addition to calculating new transforms for each element painted..  So, if Display does this, then it must either have all the visual elements in it, or else it much send a request to Visualizer that triggers sending what's needed..
+
+Soooo..  make a two-way path between Display and Visualizer, in order to handle pan, zoom, 3D rotates, and so forth?
+
+Orrrr..  leave that to the MVDM loop..  the pan/zoom/rotate gestures go into the command-maker, and thence into the visualizer, which then sends view update..
+
+sooo..  this view update stuff..  does Display keep a full representation of the visual elements, and then translate that into Famo.us elements?  Or, does it keep, say, a current visualizer list..  where visualizer updates simply modify the previous list sent..  then Display translates the updated list into Famo.us elements..  given that Famo.us doesn't support removing render tree elements, that might be a good approach..  and it simplifies the thing about how to figure out what a visualizer update is and what to do with it inside the Display.
+
+Okay.. now..  just need to figure out what the Visualizer actually sends..  how much detail..
+
+You know what?  I don't want to think about it!  Just going to do something, see what happens, and then can modify later..  probably will never get modified, these choices have a way of sticking, due to momentum of volume of work and low improvement in changing..  but, don't want to stall myself, need to keep moving..
+
+sooooo...  something has to calculate placement of bounding boxes, and calculate translations and sizing..  and move things in and out based on zoom, pan, rotate..  and trigger redraws and resends of display data for graphs and calculation results..  seems like if put placement and transform calcs inside Display then are making the Display an active thing, giving it intelligence and control..  then, run into problems when have a view that is composed of pieces from many different holders and different processors..  for example, displaying a worksheet, where the worksheet itself is in a holder that generates a view, and locations on the worksheet are calculated by live processors, and locations are graphs which are generated by graphing processors that take calculations from other processors..  want the worksheet holder to handle generating the view, and collecting the data from the other processors..  don't want the Display to have any kind of intelligence related to this!  
+
+Hmmm..  so, if the worksheet holder is doing all of the collecting of data and triggering re-calcs, and melding together into a view..  then Display is simply passively painting that and collecting gestures that it sends back..  the holder then knows what to do with the gestures performed upon view elements..  
+
+So that means that the Display should not be calculating pan and zoom and rotate!!  Those are responses to gestures, and those trigger behaviors from the visualizer (which may, in turn, have to trigger behaviors from other processors in order to get updated calcs to put into the view)
+
+Got it, so as tempting as it is to peel off such gestures in the Display and build intelligence into there..  it will cause problems..  so best to have all the visual related processing be done inside the visualizers..  
+
+so..  means the visualizer should send out things pretty close to renderable..
+
+Now.  The question comes up..  what format?  Does the visualizer send out SVG?  Is that universal enough?  Will that cause problems with non-browser based approaches?  If not SVG, then what?  Will need to represent paths..  does visualizer calculate Bezier curves and send those?  Or does it just say "here are end points, connect these with a smooth path"?  Does the visualizer calculate how to route arcs within a graph around the other nodes in an optimal way?  If the user supplies helpers by moving things, does the Display remember that, or the Visualizer?  
+
+Ahhhh..  okay..  if what the user to be able to affect the visual arrangement, then need to remember the gestures they give that are related to visual arrangement..  for example, they grab bezier control points and move them, in order to affect a curve, or add new points within a path in order to route it..  those things have to be remembered!  The Display has no place to store such things!!
+
+Right..  that means that the holder must store info related to viewing the holder contents!  sooooo..  the visualizer must be the thing that generates any details that a person may want to adjust.
+
+Right.  Any visual arrangement that a person might want to adjust must be stored inside the holder, and so the visualizer must be the thing that generates that level of detail.  Right.  Got it.
+
+So.  Yes.  That means that the visualizer must send out bounding boxes, translations, sizing, path points, control points, and so forth.  So.  Yes.  SVG is looking like a good way to go..  has to be something!  Can invent my own equivalent, which specifies paths, shapes, widths, and so forth..  but what is the gain?  The only potential is sending in binary, to save the overhead of SVG's text embodiment.  The savings worth the effort?  NO!
+
+Okay then.  SVG.  That is the visualizer's format for POP.  Or perhaps it just sends the values that go into the SVG?  The Display does the final conversion to text-based SVG format?  Hmmmm, what about custom syntax, which is SVG from the programmer?  Just send indication of SVG elements, together with the values?  Maybe enums for the SVG indicators, or something..
+
+Now.  Question is, how much effort?  Is it more effort to send a representation, then construct text-repr inside Display?  Or more effort to construct SVG text in visualizer and send it ready-made?
+
+Seems easier to just construct SVG text inside visualizer and send that.. 
+
+Heck, if send representation, then are already forcing SVG!  It doesn't constrain the Display if send the text form..  the display is just as free to convert the binary form to something else as it is to convert the text form to something else..  so if Display is not browser, and doesn't have SVG drawing primitives, it has to do the extra step of parsing SVG in order to extract the values from the text, and then generate whatever internal form it has, such as calculating paths or even pixels itself..  the extraction from text does not seem like a terribly large burden compared to the rest.
+
+Buuuut..  don't really care!  Going to generate text form inside visualizer, because, why not?  Then the Display only translates displayList elements into its internal thing that paints.  In the case of browser, Display translates display list into famo.us elements, placing the SVG verbatim onto famous surfaces, and makes the SVG bounding box the same as the famous surface size.
+
+In fact, display list is going to represent almost verbatim what a Famo.us render tree will look like!  It is a fairly universal declaration..  hierarchy of local visual contexts, with relationship among those contexts, including relative placement in 3D space and relative sizing from one to another.
+
+Alright, getting to it now..  display list will be a serialization of a hierarchy..  The top of the hierarchy is the view painted onto.  The Display tells the visualizer what the pixel dimensions are of the view.  The visualizer makes that the top level bounding box.  It then inserts bounding boxes within that, and inserts bounding boxes within those, and so forth down.  Each bounding box is either a hierarchy element, relationship element, or a painted element.  Hierarchy elements simply state what elements are included, and give their own bounding box.  Relationship elements are attached by the parent hierarchy element.  For example, it is the job of the parent to make sure all the children fit inside its bounding box.  The bounding box may be 2D or 3D.  A parent ensures the fit by attaching relationships to the children elements.  The relationships can be translations or scalings or rotations.. or actually any arbitrary 3D transform.  A hierarchy element knows nothing of the context in which it fits, so it has no way of attaching relationships to itself!  Each hierarchy element is responsible for ensuring that all descendants fit within its bounding box.  Any relationship attached to a hierarchy element is transitively applied to all descendants of the hierarchy element.  For example, if one is rotated in 3D, then it, together with all its contents, is rotated as a unit.  Each descendant maintains the same relationship to its parent as before..  but the entire bundle has been rotated as a unit!
+
+Great..  so that is the display list..  it is a serialization of that hierarchy.  A display update then assumes a given hierarchy, and says "change this relationship between this parent and this child" or "remove this parent and all descendants" etc..  in effect, it specifies a change to the hierarchical structure..
+
+Sooooo..  means that have two copies of the view hierarchy..  one inside the visualizer, which is serialized, and another inside the Display, which is translated into Display-local elements that are then painted.
+
+Not the most efficient..  hurts me..  but, well, what are you going to do?  What's better?  Need the flexibility of having the visualizer control all changes to the view hierarchy.. and need the visualizer to calculate all placement and path details so that user changes can be remembered inside the holder (without something clunky like "save this view modification info as a black box and hand it to the Display, which knows what it means" yuck, just begging for loss of sync when move from one Display to another or even upgrade the Display!)..  
+
+so, then, there's no way around having the visualizer internally represent the bounding box hierarchy as it constructs the details.  Thennnnn..  something must translate that representation into the internal Display representation!  The Display could have any native form internally..  canvas with paths drawn upon it, Java 2D, even just pixels, with all the code in between..  well, in effect, every Display ends up being everything between that hierarchy and on down to pixels!!
+
+So, could just hand the data structure from visualizer to the Display..?  This is fine if both are inside same hardware, sharing memory..  but need a serialization if Display has separate memory..  which it will if the src holder is on a server and the display is a browser on a client!
+
+Hmmm..  what about just handing the data structure to the Display for now..  can always add the serialization later, it's not functional!  :-)  Ahhh, yes.. less work.  Good.  Okay, will do that.  save serialization for later.  For now, in javascript, will build a src holder that saves syntax graph natively in JSON, as an internal data structure of the form made for GabePatterns.  The visualizer in the src holder will generate a view hierarchy from that data structure.  It will save any view related data within the syntax graph data structure as extra properties added to the nodes.  The visualizer will then hand a reference to the view hierarchy directly to the display object.  The display object will then generate famous elements from the view hierarcy elements.  View updates will simply be the visualizer changing the view hierarchy then calling the display with a reference to the changed hierarchy.
+
+Done.  Make it so.
+
+BTW, thinking to introduce another component, which is a helper, that maybe takes some higher level view form and generates the view hierarchy from that..  this will ease the burden on developers who make custom syntax.. it will act as a library for them, essentially..  (and, of course, there will be a serializer that turns a view hierarchy into a stream of visual objects sent to the Display, which will reconstruct the view hierarchy then translate that into into elements that it paints.. for now, that serializer is just JSON!  It has provision to translate javascript objects into text form, and then on the other side parse that text form to reproduce the javascript objects.. might need extra logic in order to recreate the links among parents and children.. not sure whether JSON can go deep that way..).
+
+
+ 
+
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/POPDisplay.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/POPDisplay.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>POP Display</title>
+        <script data-main="startUpApp" src="lib/require.js"></script>
+
+		<script src="lib/jquery.min.js"></script>
+		
+        <!--  -->
+		<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+        <!-- shims for backwards compatibility -->
+        <script type="text/javascript" src="../lib/functionPrototypeBind.js"></script>
+        <script type="text/javascript" src="../lib/classList.js"></script>
+        <script type="text/javascript" src="../lib/requestAnimationFrame.js"></script>
+
+        <!-- module loader -->
+        <script type="text/javascript" src="../lib/require.js"></script>
+
+        <!-- famous -->
+        <link rel="stylesheet" type="text/css" href="../lib/famous.css" />
+        <script type="text/javascript" src="../lib/famous.js"></script>
+		
+<!-- the famous stylesheet messes up text fonts, but the famous surfaces don't paint their background properly without the famous CSS.. -->
+        <link rel="stylesheet" type="text/css" href="../lib/famous_styles.css" />
+
+    </head>
+
+<body>
+
+</body>
+</html>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/POPDisplay.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/POPDisplay.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,78 @@
+
+
+//Make a Display object, and a number of functions that operate on it.
+// One of the functions accepts an array of visual element objects as
+// input, and turns those visual elements into a famous render tree.
+//The famous context, and the surfaces, and so on exist inside the Display
+// object.
+
+//This uses require.js to create a module.  This module has the name of the
+// file (POPDisplay).  Inside the define, a number of data structures and 
+// functions are created, then returned at the end.  The returned things are
+// what can be accessed by external functions that load this module, via
+// themselves using the require("POPDisplay") call
+define(function(require, exports, module) {
+    //Create the famous infrastructure, which is used for rendering on screen
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform        = require('famous/core/Transform');
+    var StateModifier    = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+
+	//make the context, which controls rendering to the screen
+	// once add something to this context, that add makes the thing visibly
+	// have effect.
+	//Note, these are available to the render function via the closure
+	// mechanism
+    var mainContext = Engine.createContext();
+
+	//the functions that access the Display object will be returned below
+	var Display = {
+		acceptViewList : function( inViewList ) {
+			//modify the render tree of the mainContext according to the
+			// in coming view list
+		}
+		
+		handleGesture : function( event ) {
+			//not sure this is the right form, but provide a handler for
+			// gestures made by the programmer/user
+			//This will make an object that pairs the gesture to the view
+			// element that is represented by the surface(s) involved in
+			// the gesture.
+			//It will then send the object to the command generator, which 
+			// is part of the source holder
+		}
+	}
+	function acceptViewList (viewList) {
+		//access Display object and its values here, as a closure
+	}
+	
+	function init() {
+		//	var POPStuffToDraw = 
+		var mySurface = new Surface({
+		  size: [100, 100],
+		  content: '<svg width="100" height="80"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">',
+		  properties: {
+			color: 'white',
+			lineHeight: '200%',
+			textAlign: 'center',
+			fontSize: '36px',
+			cursor: 'pointer'
+		  }
+		});
+		var stateModifier = new StateModifier({
+			transform: Transform.translate(250, 100, 0)
+		});
+		mainContext.add(stateModifier).add(mySurface);
+
+
+
+	return{
+		init: init,
+		display: Display,
+		acceptViewList: acceptViewList
+	}
+});
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/CalcCombosOfWord.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/CalcCombosOfWord.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,112 @@
+define(function () {
+
+var sortedLetters = [];
+
+var fact = [];
+var total = 0;
+var i = 0;
+fact[0] = 0;
+fact[1] = 1;
+//fill up the array of factorial values
+for( i = 2; i <= 25; i++) {
+	fact[i] = i * fact[i-1]; 
+}
+
+//Function to sort the letters in the input word.  Returns an array of
+// objects.  Each object has a field for the letter, and a field for the
+// number of times that letter appears in the input word.
+var sortLettersOfWord = function( inputWord ) {
+	var letterArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
+	var currLetter = '';
+
+	for( i = 0; i < inputWord.length; i++ ) {
+		currLetter = inputWord.charCodeAt(i);
+//		console.log(currLetter);
+		index = currLetter - 'a'.charCodeAt(0);
+		console.log(index);
+		letterArray[index] += 1;
+	}
+	console.log('sorted letter A: ' + letterArray[0]);
+	return letterArray;
+}
+
+//Calc the number of unique "words" producible from the sorted letters
+var calcCombosOfLetters = function( sortedLetters, totalNumLetters ) {
+	console.log( "num letters: " + totalNumLetters );
+	numCombos = fact[ totalNumLetters ];
+//	console.log("numCombos: " + numCombos);
+	//now, divide that by factorial of the multiplicity of each letter.
+	// skip letters that only appear once (or zero).
+	for( i=0; i<26; i++) { //be sure sortedLetters shrinks
+		//when remove a letter object from it, so .size reflects that!
+		if( sortedLetters[i] > 1 ) {
+			//divide the number of combos by the factorial of, the number of
+			// times the letter is repeated within the input word.
+			numCombos /= fact[ sortedLetters[i] ];
+		}
+	}
+	console.log("numCombos: " + numCombos);
+	return numCombos;
+} 
+
+//Find number of rearrangements of the word's letters that come
+// alphabetically before the word. 
+var rankThisWord = function(inputWordRaw) {
+	var inputWord = inputWordRaw.toLowerCase();
+	
+        console.log('started rank this word: ' + inputWord);
+	var totalCombosComeBefore = 0;
+	var numCombos = 0;
+	var currPosInInputWord = 0;
+	var numLettersInInputWord = inputWord.length;
+	console.log("num letters: " + numLettersInInputWord);
+	var numInputWordLettersLeft = inputWord.length;
+	var sortedLetters = sortLettersOfWord( inputWord ); //returns array of
+	//objs. Each obj pairs a letter with the multiplicity of that letter
+	//the order of the objs matches the alphabetical order of the obj letters
+	var firstLetter = 0;
+	
+	//repeat, marching down the letters of the input word
+	while(currPosInInputWord < numLettersInInputWord) {
+		//calc index (pos in alphabet) of current first letter in word)
+		firstLetter = inputWord.charCodeAt(currPosInInputWord) - 'a'.charCodeAt(0);
+		console.log("first letter:" + firstLetter + " at pos: " + currPosInInputWord);
+		//Iterate over the letters that come before first
+		for( currLetter=0; currLetter<26; currLetter++ ) {
+			//if completed all earlier letters then terminate loop
+//Q: count duplicates of first letter?
+			if( currLetter >= firstLetter ) break;
+			else if( sortedLetters[currLetter] > 0) {
+				console.log("earlier letter: " + currLetter);
+				//for a given earlier letter, remove it from
+				// the letter pool, leaving duplicates.
+				sortedLetters[currLetter] -= 1; 
+				
+				//Calculate the number of unique rearrangements of the
+				// remaining letters, using the formula.
+				numCombos = calcCombosOfLetters( sortedLetters, numInputWordLettersLeft - 1 ); 
+				
+				//accumulate the total number of combos:
+				totalCombosComeBefore += numCombos;
+				
+				//add the letter back! Need it while do other earlier letters
+				sortedLetters[currLetter] += 1;
+			}
+		}
+		
+		//Now, done with first letter of input word.  Delete that letter from
+		// the input word, and from the sorted pool of letters, leaving
+		// duplicates.
+		numInputWordLettersLeft -= 1;
+		currPosInInputWord += 1;
+		sortedLetters[firstLetter] -= 1;
+	}
+	console.log("total combos come before: " + totalCombosComeBefore);
+	return totalCombosComeBefore;
+}
+
+	
+    return {
+        rankThisWord: rankThisWord
+    };
+});
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/POPDisplay.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/POPDisplay.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,74 @@
+
+
+//Make a Display object, and a number of functions that operate on it.
+// One of the functions accepts an array of visual element objects as
+// input, and turns those visual elements into a famous render tree.
+//The famous context, and the surfaces, and so on exist inside the Display
+// object.
+
+//This uses require.js to create a module.  This module has the name of the
+// file (POPDisplay).  Inside the define, a number of data structures and 
+// functions are created, then returned at the end.  The returned things are
+// what can be accessed by external functions that load this module, via
+// themselves using the require("POPDisplay") call
+define(function(require, exports, module) {
+    //Create the famous infrastructure, which is used for rendering on screen
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform        = require('famous/core/Transform');
+    var StateModifier    = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+
+	//make the context, which controls rendering to the screen
+	// once add something to this context, that add makes the thing visibly
+	// have effect.
+	//Note, these are available to the render function via the closure
+	// mechanism
+    var mainContext = Engine.createContext();
+
+	
+	var handleGesture = function( event ) {
+			//not sure this is the right form, but provide a handler for
+			// gestures made by the programmer/user
+			//This will make an object that pairs the gesture to the view
+			// element that is represented by the surface(s) involved in
+			// the gesture.
+			//It will then send the object to the command generator, which 
+			// is part of the source holder
+		console.log("handleGesture");
+	}
+	function acceptViewList (viewList) {
+		//access Display object and its values here, as a closure
+		console.log("acceptViewList");
+	}
+	
+	function init() {
+		console.log("init");
+		//	var POPStuffToDraw = 
+		var mySurface = new Surface({
+		  size: [100, 100],
+		  content: '<svg width="100" height="80"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">',
+		  properties: {
+			color: 'white',
+			lineHeight: '200%',
+			textAlign: 'center',
+			fontSize: '36px',
+			cursor: 'pointer'
+		  }
+		});
+		var stateModifier = new StateModifier({
+			transform: Transform.translate(250, 100, 0)
+		});
+		mainContext.add(stateModifier).add(mySurface);
+	}
+
+
+	return{
+		init: init,
+		handleGesture: handleGesture,
+		acceptViewList: acceptViewList
+	};
+});
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/epocratesPuzzle.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/epocratesPuzzle.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,57 @@
+define(function (require) {
+
+//load the code that calculates the rank
+var calcNumCombos = require('./CalcCombosOfWord');
+
+//Show title and explanation -- via DOM manipulation
+var el =  document.createElement("h1")
+el.id="title";
+el.innerHTML = "Epocrates Puzzle Test";
+document.body.appendChild(el);
+
+
+el =  document.createElement("span")
+el.style.display="block";
+el.style.width="100%";
+el.innerHTML = 'This program calculates the "rank" of a word.  The rank equals the number of combinations of its letters, that happen to come before it alphabetically (plus 1 for itself)';
+document.body.appendChild(el);
+
+//Get the word to calc combinations of
+//var inputword = prompt('Here you go, your chance to enter the word that you would like ranked!');
+el1 =  document.createElement("span")
+el1.style.display="block";
+el1.style.width="100%";
+el1.innerHTML ='<br><br>Here you go, your chance to enter the word that you would like ranked!';
+document.body.appendChild(el1);
+
+el = document.createElement("INPUT");
+el.setAttribute("id", "inputWord");
+el.setAttribute("type", "text");
+//el.setAttribute("value", "type word here, click button when done");
+el.style.display="block";
+el.style.width="50%";
+document.body.appendChild(el);
+
+var inputWord = "";
+//Now use jquery to create a button, display it, and set click event handler
+$('<button/>', {
+	text: "Calc rank on this word!",
+	id: 'inputIsReadyBtn',
+	click: function () { inputWord = $("#inputWord").val(); 
+		var numEarlierWords = calcNumCombos.rankThisWord(inputWord);
+		showResult( numEarlierWords );		
+	}
+}).appendTo('body');
+
+
+
+//Output the result
+var showResult = function( numEarlierWords ) {
+	el =  document.createElement("span")
+	el.style.display="block";
+	el.style.width="100%";
+	el.innerHTML = "The rank of: " + inputWord + " is: " + (numEarlierWords + 1);
+	document.body.appendChild(el);
+}
+
+});
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/renderPOPSyntaxGraph.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/app/renderPOPSyntaxGraph.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,358 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+	
+	var POPDisplay = require('./POPDisplay');
+	POPDisplay.acceptViewList("foo");
+	POPDisplay.init();
+	POPDisplay.handleGesture("foo");
+	
+    var mainContext = Engine.createContext();
+	
+	var boxSVG1 = '<svg width="55" height="55"><rect x="2" y="2" rx="20" ry="20" width="50" height="50" style="fill:none;stroke:black;stroke-width:5;opacity:1">';
+	var boxSVG = [];
+	boxSVG[1] = '<svg width="';
+	boxSVG[2] = '" height="';
+	boxSVG[3] = '"><rect x="';
+	boxSVG[4] = '" y="';
+	boxSVG[5] = '" rx="'
+	boxSVG[6] = '" ry="';
+	boxSVG[7] = '" width="'
+	boxSVG[8] = '" height="'
+	boxSVG[9] = '" style="fill:'
+	boxSVG[10] = ';stroke:'
+	boxSVG[11] = ';stroke-width:'
+	boxSVG[12] = ';opacity:'
+	boxSVG[13] = '">';
+	
+
+//Draw a simple syntax graph, with a box of the correct color for each
+// node, and curvy links with arrows going from text inside one node to
+// text inside another node.
+//Approach taken:
+//Generate the SVG from calculations -- hold strings in an array, and
+// build up an SVG string by adding string piece, then variable value then
+// another string piece, and so on.
+//Make each box a surface holding an SVG
+//Sizing of the box happens inside the SVG string
+//Positioning the box happens via a modifier
+
+//Make one container surface to hold each element node together with its
+// properties and ports
+//Make a separate surface for each SVG element -- one for each box, one for
+// each text in a box, one for each curvy connector arrow between boxes or
+// between texts.  
+//For each surface, make a modifier that positions the box relative to the
+// container surface's origin
+//At the end, make transforms to move the entire container around
+
+	//elem1 is the root element from the Gabe Pattern syntax graph
+	// here, make the visual elements that reproduce what see in the .pdf
+    var elem1Container = new ContainerSurface({
+        size: [600, 600], //size it big for now, trim to contents later
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	
+//==
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var box1_1width = 66;
+	var box1_1height = 86
+//	var boxSVGFromParts1_1 = boxSVG[1] + (box1_1width + 2) + boxSVG[2] + (box1_1height + 2) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_1width + boxSVG[8] + box1_1height + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box1_1w = 66; var box1_1h = 86; var box1_1pad = 2;
+	var boxSVGFromParts1_1 = boxSVG[1] + (box1_1w + box1_1pad) + boxSVG[2] + (box1_1h + box1_1pad) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_1w + boxSVG[8] + box1_1h + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+
+//== elem1 box 1 --> box1_1
+	var box1_1 = new Surface({
+	  size: [true, true],
+      content: boxSVGFromParts1_1
+	});
+	var box1_1x = 0;
+	var box1_1y = 2;
+	var boxMod1_1_1 = new StateModifier({
+        transform: Transform.translate(box1_1x, box1_1y, 0)
+    });
+	
+//== elem1 box 1 text 1 --> text1_1_1
+	var text1_1_1 = new Surface({
+	  size: [true, 11],
+      content: "properties",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'hand'
+      }
+	});
+	var text1_1_2 = new Surface({
+	  size: [true, true],
+      content: "portsIn",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_1_3 = new Surface({
+	  size: [true, true],
+      content: "portsOut",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_1_4 = new Surface({
+	  size: [true, true],
+      content: "subElems",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+     }
+	});
+//== elem 1 box 1 text 1 mod 1 -> textMod1_1_1_1
+	var text1_1_1x = 8;
+	var text1_1_1y = 8;
+	var textMod1_1_1_1 = new StateModifier({
+        transform: Transform.translate(text1_1_1x, text1_1_1y, 0)
+    });
+	var textMod1_1_2_1 = new StateModifier({
+        transform: Transform.translate(8, 25, 0)
+    });
+	var textMod1_1_3_1 = new StateModifier({
+        transform: Transform.translate(8, 42, 0)
+    });
+	var textMod1_1_4_1 = new StateModifier({
+        transform: Transform.translate(8, 59, 0)
+    });
+//==
+	elem1Container.add(boxMod1_1_1).add(box1_1);
+	elem1Container.add(textMod1_1_1_1).add(text1_1_1);
+	elem1Container.add(textMod1_1_2_1).add(text1_1_2);
+	elem1Container.add(textMod1_1_3_1).add(text1_1_3);
+	elem1Container.add(textMod1_1_4_1).add(text1_1_4);
+
+//== elem 1 box 2 --> box1_2
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var box1_2w = 183; var box1_2h = 69; var box1_2pad = 2;
+	var boxSVGFromParts1_2 = boxSVG[1] + (box1_2w + box1_2pad) + boxSVG[2] + (box1_2h + box1_2pad) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_2w + boxSVG[8] + box1_2h + boxSVG[9] + 'none' + boxSVG[10] + 'green' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box1_2 = new Surface({
+	  size: [true, true],
+      content: boxSVGFromParts1_2
+ 	});
+	var box1_2x = 100;
+	var box1_2y = 2;
+	var boxMod1_2_1 = new StateModifier({
+        transform: Transform.translate(box1_2x, box1_2y, 0)
+    });
+//== elem 1 box 2 text 1 --> text1_2_1
+	var text1_2_1 = new Surface({
+	  size: [true, true],
+      content: "propertyName:  TypeOfElement",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_2_2 = new Surface({
+	  size: [true, true],
+      content: "propertyValue:  GabeTransfromRule",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_2_3 = new Surface({
+	  size: [true, true],
+      content: "subProperties",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+//==
+	var textMod1_2_1_1 = new StateModifier({
+        transform: Transform.translate(108, 8, 0)
+    });
+	var textMod1_2_2_1 = new StateModifier({
+        transform: Transform.translate(108, 25, 0)
+    });
+	var textMod1_2_3_1 = new StateModifier({
+        transform: Transform.translate(108, 42, 0)
+    });
+//==
+	elem1Container.add(boxMod1_2_1).add(box1_2);
+	elem1Container.add(textMod1_2_1_1).add(text1_2_1);
+	elem1Container.add(textMod1_2_2_1).add(text1_2_2);
+	elem1Container.add(textMod1_2_3_1).add(text1_2_3);
+
+//Now, add bezier curve, in SVG..
+//One end point is the end of "properties" text surface inside the elem box
+//Other end point is the middle of side of properties box
+	
+	var bezierSVG1 = '<svg width="106" height="106"> <path d="M3,3 C0,100 100,0 100,100" style="fill:none;stroke:black;stroke-width:4;opacity:1">';
+
+	var bezSVG = [];
+	bezSVG[1] = '<svg width="'
+	bezSVG[2] = '" height="'
+	bezSVG[3] = '"><path d="M' //start pt x
+	bezSVG[4] = ','  //start pt y
+	bezSVG[5] = ' C' //control pt 1 x
+	bezSVG[6] = ','  //control pt 1 y
+	bezSVG[7] = ' '  //control pt 2 x
+	bezSVG[8] = ','  //control pt 2 y
+	bezSVG[9] = ' '  //end pt x
+	bezSVG[10] = ',' //end pt y
+	bezSVG[11] = '" style="fill:'
+	bezSVG[12] = ';stroke:'
+	bezSVG[13] = ';stroke-width:'
+	bezSVG[14] = ';opacity:'
+	bezSVG[15] = '">';
+	
+	//now calculate the end points of the curve -- they connect to the
+	// right edge of the "properties" text in the left box, and to the
+	// middle of the left side of the right box
+	var bezPoints = [{},{}];
+	var fontSz = 11;
+	bezPoints[0].x = box1_1x + box1_1w;
+	bezPoints[0].y = text1_1_1y + fontSz/2 + 8;
+	bezPoints[1].x = box1_2x;
+	bezPoints[1].y = box1_2y + (box1_2h+box1_2pad)/2;
+
+	var controlPoints = [];
+	controlPoints[0] = {x:bezPoints[1].x, y:bezPoints[0].y};
+	controlPoints[1] = {x:bezPoints[0].x, y:bezPoints[1].y};
+
+
+	//	1:width 2:height 3:st x 4:st y 5:c1 x 6:c1 y 7:c2 x 8:c2 y 9: end x
+	// 10: end y 11:fill 12:stroke 13:stroke-width 14:opacity
+	var bezSVG1 = "";
+	bezSVG1 += bezSVG[1] + 200;//(bezPoints[1].x - bezPoints[0].x + 6);
+	bezSVG1 += bezSVG[2] + 200;//(bezPoints[0].y - bezPoints[1].y + 6);
+	bezSVG1 += bezSVG[3] + bezPoints[0].x; 
+	bezSVG1 += bezSVG[4] + bezPoints[0].y; 
+	bezSVG1 += bezSVG[5] + controlPoints[0].x;
+	bezSVG1 += bezSVG[6] + controlPoints[0].y;
+	bezSVG1 += bezSVG[7] + controlPoints[1].x;
+	bezSVG1 += bezSVG[8] + controlPoints[1].y;
+	bezSVG1 += bezSVG[9] + bezPoints[1].x; 
+	bezSVG1 += bezSVG[10] + bezPoints[1].y; 
+	bezSVG1 += bezSVG[11] + 'none' + bezSVG[12] + 'black' + bezSVG[13] + '2' + bezSVG[14] + '1' + bezSVG[15];
+
+var bezSVG2 = '<svg width="400" height="170"><path d="M66,13.5 C66,2.5 100,13.5 100,2.5" style="fill:none;stroke:black;stroke-width:2;opacity:1">';	
+var x1 = 59; var x2 = 100; var y1 = 22; var y2 = 40;
+var bezSVG3 = '<svg width="200" height="200"><path d="M59,21 C100,21 59,38 100,38" style="fill:none;stroke:black;stroke-width:2;opacity:1">';	
+	var bez1_1 = new Surface({
+	  size: [true, true],
+      content: bezSVG1
+ 	});
+
+	elem1Container.add(bez1_1);
+
+var el1 =  document.createElement("span")
+var displayStr = bezSVG1.replace(/</g, "&lt");//make the html display as text
+el1.innerHTML = (displayStr + "<br>");
+document.body.appendChild(el1);
+el1 =  document.createElement("span")
+displayStr = bezSVG3.replace(/</g, "&lt");//make the html display as text
+el1.innerHTML = displayStr;
+document.body.appendChild(el1);
+
+
+//== elem 1 Modifer 1 --> contMod1_1
+	var contMod1_1 = new StateModifier({
+        transform: Transform.translate(50, 50, 0)
+    });
+	var contMod1_2 = new StateModifier({
+		transform: Transform.scale(1, 1)
+    });	
+//==
+
+	mainContext.add(contMod1_1).add(contMod1_2).add(elem1Container);
+
+	//elem2 is 
+    var elem2Container = new ContainerSurface({
+        size: [200, 200],
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	
+	
+	
+//== elem 2 box 1 --> box2_1
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var boxSVGFromParts2_1 = boxSVG[1] + '68' + boxSVG[2] + '88' + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + '66' + boxSVG[8] + '86' + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box2_1 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2_1,
+	});
+	var box2_3 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2_1,
+      properties: {
+      }
+	});
+	var box2_4 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2_1,
+      properties: {
+      }
+	});
+	
+//==
+	var boxMod2_1_1 = new StateModifier({
+        transform: Transform.translate(7, 90, 0)
+    });
+	var boxMod2_1_2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var boxMod2_2_1 = new StateModifier({
+        transform: Transform.translate(42, 90, 0)
+    });
+	var boxMod2_2_2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var boxMod2_3_1 = new StateModifier({
+        transform: Transform.translate(42, 2, 0)
+    });
+	var boxMod2_3_2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var boxMod2_4_1 = new StateModifier({
+        transform: Transform.translate(57, 20, 0)
+    });
+	var boxMod2_4_2 = new StateModifier({
+		transform: Transform.scale(1.22, 1.22)
+    });
+//==	
+	var equalMod = new StateModifier({
+        transform: Transform.translate(27, 85, 0)
+    });
+	
+
+//	summationContainer.add(sigmaMod1).add(sigmaSurf);
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/displayLoadPage.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/displayLoadPage.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>famo.us App</title>
+        <meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+        <!-- shims for backwards compatibility -->
+        <script type="text/javascript" src="../lib/functionPrototypeBind.js"></script>
+        <script type="text/javascript" src="../lib/classList.js"></script>
+        <script type="text/javascript" src="../lib/requestAnimationFrame.js"></script>
+
+        <!-- module loader -->
+        <script type="text/javascript" src="../lib/require.js"></script>
+
+        <!-- famous -->
+        <link rel="stylesheet" type="text/css" href="../lib/famous.css" />
+        <script type="text/javascript" src="../lib/famous.js"></script>
+		
+<!-- the famous stylesheet messes up text fonts, but the famous surfaces don't paint their background properly without the famous CSS.. -->
+        <link rel="stylesheet" type="text/css" href="../lib/famous_styles.css" />
+		
+        <!-- load D3, to play around with also! -->
+		<!--script type="text/javascript" src="d3/d3.v3.js"></script-->
+		
+    </head>
+
+<!--
+<script src="terminal.js">
+</script>
+<body onload="window.start('terminal');">
+
+<div id="loader">...</div>
+
+<script type="text/javascript">require(['POP_Display']);</script>
+
+<script src="POP_Display.js">
+</script>
+
+<body onload="window.start('Display.render');">
+
+-->
+<body>
+
+<script type="text/javascript">require(['render_POP_syntax_graph']);</script>
+
+</body>
+</html>
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/index.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/index.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>POP Display</title>
+        <script data-main="startUpApp" src="lib/require.js"></script>
+
+		<script src="lib/jquery.min.js"></script>
+		
+        <!--  -->
+		<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+        <!-- shims for backwards compatibility -->
+        <script type="text/javascript" src="../lib/functionPrototypeBind.js"></script>
+        <script type="text/javascript" src="../lib/classList.js"></script>
+        <script type="text/javascript" src="../lib/requestAnimationFrame.js"></script>
+
+        <!-- module loader -->
+        <script type="text/javascript" src="../lib/require.js"></script>
+
+        <!-- famous -->
+        <link rel="stylesheet" type="text/css" href="../lib/famous.css" />
+        <script type="text/javascript" src="../lib/famous.js"></script>
+		
+<!-- the famous stylesheet messes up text fonts, but the famous surfaces don't paint their background properly without the famous CSS.. -->
+        <link rel="stylesheet" type="text/css" href="../lib/famous_styles.css" />
+
+    </head>
+
+<body>
+
+</body>
+</html>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/lib/jquery.min.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/lib/jquery.min.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,4 @@
+/*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.1",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+-new Date,v=a.document,w=0,x=0,y=gb(),z=gb(),A=gb(),B=function(a,b){return a===b&&(l=!0),0},C="undefined",D=1<<31,E={}.hasOwnProperty,F=[],G=F.pop,H=F.push,I=F.push,J=F.slice,K=F.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},L="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",N="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=N.replace("w","w#"),P="\\["+M+"*("+N+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+O+"))|)"+M+"*\\]",Q=":("+N+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+P+")*)|.*)\\)|)",R=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),S=new RegExp("^"+M+"*,"+M+"*"),T=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),V=new RegExp(Q),W=new RegExp("^"+O+"$"),X={ID:new RegExp("^#("+N+")"),CLASS:new RegExp("^\\.("+N+")"),TAG:new RegExp("^("+N.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+Q),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+L+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{I.apply(F=J.call(v.childNodes),v.childNodes),F[v.childNodes.length].nodeType}catch(eb){I={apply:F.length?function(a,b){H.apply(a,J.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],!a||"string"!=typeof a)return d;if(1!==(k=b.nodeType)&&9!==k)return[];if(p&&!e){if(f=_.exec(a))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return I.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return I.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=9===k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+qb(o[l]);w=ab.test(a)&&ob(b.parentNode)||b,x=o.join(",")}if(x)try{return I.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function gb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function hb(a){return a[u]=!0,a}function ib(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function jb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function kb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||D)-(~a.sourceIndex||D);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function lb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function nb(a){return hb(function(b){return b=+b,hb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function ob(a){return a&&typeof a.getElementsByTagName!==C&&a}c=fb.support={},f=fb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fb.setDocument=function(a){var b,e=a?a.ownerDocument||a:v,g=e.defaultView;return e!==n&&9===e.nodeType&&e.documentElement?(n=e,o=e.documentElement,p=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){m()},!1):g.attachEvent&&g.attachEvent("onunload",function(){m()})),c.attributes=ib(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ib(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(e.getElementsByClassName)&&ib(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=ib(function(a){return o.appendChild(a).id=u,!e.getElementsByName||!e.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==C&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c=typeof a.getAttributeNode!==C&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==C?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==C&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(e.querySelectorAll))&&(ib(function(a){a.innerHTML="<select msallowclip=''><option selected=''></option></select>",a.querySelectorAll("[msallowclip^='']").length&&q.push("[*^$]="+M+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+M+"*(?:value|"+L+")"),a.querySelectorAll(":checked").length||q.push(":checked")}),ib(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+M+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ib(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",Q)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===v&&t(v,a)?-1:b===e||b.ownerDocument===v&&t(v,b)?1:k?K.call(k,a)-K.call(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],i=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:k?K.call(k,a)-K.call(k,b):0;if(f===g)return kb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?kb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},e):n},fb.matches=function(a,b){return fb(a,null,null,b)},fb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fb(b,n,null,[a]).length>0},fb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&E.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fb.selectors={cacheLength:50,createPseudo:hb,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+M+")"+a+"("+M+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==C&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?hb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=K.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:hb(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?hb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:hb(function(a){return function(b){return fb(a,b).length>0}}),contains:hb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:hb(function(a){return W.test(a||"")||fb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:nb(function(){return[0]}),last:nb(function(a,b){return[b-1]}),eq:nb(function(a,b,c){return[0>c?c+b:c]}),even:nb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:nb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:nb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:nb(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=lb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=mb(b);function pb(){}pb.prototype=d.filters=d.pseudos,d.setFilters=new pb,g=fb.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?fb.error(a):z(a,i).slice(0)};function qb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function rb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function sb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function tb(a,b,c){for(var d=0,e=b.length;e>d;d++)fb(a,b[d],c);return c}function ub(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function vb(a,b,c,d,e,f){return d&&!d[u]&&(d=vb(d)),e&&!e[u]&&(e=vb(e,f)),hb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||tb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ub(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ub(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?K.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ub(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):I.apply(g,r)})}function wb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=rb(function(a){return a===b},h,!0),l=rb(function(a){return K.call(b,a)>-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>i;i++)if(c=d.relative[a[i].type])m=[rb(sb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return vb(i>1&&sb(m),i>1&&qb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&wb(a.slice(i,e)),f>e&&wb(a=a.slice(e)),f>e&&qb(a))}m.push(c)}return sb(m)}function xb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=G.call(i));s=ub(s)}I.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&fb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?hb(f):f}return h=fb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xb(e,d)),f.selector=a}return f},i=fb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&ob(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qb(j),!a)return I.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&ob(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ib(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ib(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||jb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ib(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||jb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ib(function(a){return null==a.getAttribute("disabled")})||jb(L,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;
+if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?m.queue(this[0],a):void 0===b?this:this.each(function(){var c=m.queue(this,a,b);m._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&m.dequeue(this,a)})},dequeue:function(a){return this.each(function(){m.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=m.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=m._data(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var S=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=["Top","Right","Bottom","Left"],U=function(a,b){return a=b||a,"none"===m.css(a,"display")||!m.contains(a.ownerDocument,a)},V=m.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===m.type(c)){e=!0;for(h in c)m.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,m.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(m(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav></:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="<input type='radio' checked='checked' name='t'/>",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},fix:function(a){if(a[m.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=Z.test(e)?this.mouseHooks:Y.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new m.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=f.srcElement||y),3===a.target.nodeType&&(a.target=a.target.parentNode),a.metaKey=!!a.metaKey,g.filter?g.filter(a,f):a},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button,g=b.fromElement;return null==a.pageX&&null!=b.clientX&&(d=a.target.ownerDocument||y,e=d.documentElement,c=d.body,a.pageX=b.clientX+(e&&e.scrollLeft||c&&c.scrollLeft||0)-(e&&e.clientLeft||c&&c.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||c&&c.scrollTop||0)-(e&&e.clientTop||c&&c.clientTop||0)),!a.relatedTarget&&g&&(a.relatedTarget=g===a.target?b.toElement:g),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==cb()&&this.focus)try{return this.focus(),!1}catch(a){}},delegateType:"focusin"},blur:{trigger:function(){return this===cb()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return m.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):void 0},_default:function(a){return m.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=m.extend(new m.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?m.event.trigger(e,null,b):m.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},m.removeEvent=y.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){var d="on"+b;a.detachEvent&&(typeof a[d]===K&&(a[d]=null),a.detachEvent(d,c))},m.Event=function(a,b){return this instanceof m.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?ab:bb):this.type=a,b&&m.extend(this,b),this.timeStamp=a&&a.timeStamp||m.now(),void(this[m.expando]=!0)):new m.Event(a,b)},m.Event.prototype={isDefaultPrevented:bb,isPropagationStopped:bb,isImmediatePropagationStopped:bb,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=ab,a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=ab,a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=ab,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},m.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){m.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!m.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.submitBubbles||(m.event.special.submit={setup:function(){return m.nodeName(this,"form")?!1:void m.event.add(this,"click._submit keypress._submit",function(a){var b=a.target,c=m.nodeName(b,"input")||m.nodeName(b,"button")?b.form:void 0;c&&!m._data(c,"submitBubbles")&&(m.event.add(c,"submit._submit",function(a){a._submit_bubble=!0}),m._data(c,"submitBubbles",!0))})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&m.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){return m.nodeName(this,"form")?!1:void m.event.remove(this,"._submit")}}),k.changeBubbles||(m.event.special.change={setup:function(){return X.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(m.event.add(this,"propertychange._change",function(a){"checked"===a.originalEvent.propertyName&&(this._just_changed=!0)}),m.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1),m.event.simulate("change",this,a,!0)})),!1):void m.event.add(this,"beforeactivate._change",function(a){var b=a.target;X.test(b.nodeName)&&!m._data(b,"changeBubbles")&&(m.event.add(b,"change._change",function(a){!this.parentNode||a.isSimulated||a.isTrigger||m.event.simulate("change",this.parentNode,a,!0)}),m._data(b,"changeBubbles",!0))})},handle:function(a){var b=a.target;return this!==b||a.isSimulated||a.isTrigger||"radio"!==b.type&&"checkbox"!==b.type?a.handleObj.handler.apply(this,arguments):void 0},teardown:function(){return m.event.remove(this,"._change"),!X.test(this.nodeName)}}),k.focusinBubbles||m.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){m.event.simulate(b,a.target,m.event.fix(a),!0)};m.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=m._data(d,b);e||d.addEventListener(a,c,!0),m._data(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=m._data(d,b)-1;e?m._data(d,b,e):(d.removeEventListener(a,c,!0),m._removeData(d,b))}}}),m.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(f in a)this.on(f,b,c,a[f],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=bb;else if(!d)return this;return 1===e&&(g=d,d=function(a){return m().off(a),g.apply(this,arguments)},d.guid=g.guid||(g.guid=m.guid++)),this.each(function(){m.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,m(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=bb),this.each(function(){m.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){m.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?m.event.trigger(a,b,c,!0):void 0}});function db(a){var b=eb.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}var eb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",fb=/ jQuery\d+="(?:null|\d+)"/g,gb=new RegExp("<(?:"+eb+")[\\s/>]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/<tbody/i,lb=/<|&#?\w+;/,mb=/<(?:script|style|link)/i,nb=/checked\s*(?:[^=]|=\s*.checked.)/i,ob=/^$|\/(?:java|ecma)script/i,pb=/^true\/(.*)/,qb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,rb={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:k.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1></$2>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?"<table>"!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=(Cb[0].contentWindow||Cb[0].contentDocument).document,b.write(),b.close(),c=Eb(a,b),Cb.detach()),Db[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Gb=/^margin/,Hb=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ib,Jb,Kb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ib=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Hb.test(g)&&Gb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ib=function(a){return a.currentStyle},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Hb.test(g)&&!Kb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Lb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",d=b.getElementsByTagName("a")[0],c=d&&d.style){c.cssText="float:left;opacity:.5",k.opacity="0.5"===c.opacity,k.cssFloat=!!c.cssFloat,b.style.backgroundClip="content-box",b.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===b.style.backgroundClip,k.boxSizing=""===c.boxSizing||""===c.MozBoxSizing||""===c.WebkitBoxSizing,m.extend(k,{reliableHiddenOffsets:function(){return null==g&&i(),g},boxSizingReliable:function(){return null==f&&i(),f},pixelPosition:function(){return null==e&&i(),e},reliableMarginRight:function(){return null==h&&i(),h}});function i(){var b,c,d,i;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),b.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",e=f=!1,h=!0,a.getComputedStyle&&(e="1%"!==(a.getComputedStyle(b,null)||{}).top,f="4px"===(a.getComputedStyle(b,null)||{width:"4px"}).width,i=b.appendChild(y.createElement("div")),i.style.cssText=b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",i.style.marginRight=i.style.width="0",b.style.width="1px",h=!parseFloat((a.getComputedStyle(i,null)||{}).marginRight)),b.innerHTML="<table><tr><td></td><td>t</td></tr></table>",i=b.getElementsByTagName("td"),i[0].style.cssText="margin:0;border:0;padding:0;display:none",g=0===i[0].offsetHeight,g&&(i[0].style.display="",i[1].style.display="none",g=0===i[0].offsetHeight),c.removeChild(d))}}}(),m.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Mb=/alpha\([^)]*\)/i,Nb=/opacity\s*=\s*([^)]*)/,Ob=/^(none|table(?!-c[ea]).+)/,Pb=new RegExp("^("+S+")(.*)$","i"),Qb=new RegExp("^([+-])=("+S+")","i"),Rb={position:"absolute",visibility:"hidden",display:"block"},Sb={letterSpacing:"0",fontWeight:"400"},Tb=["Webkit","O","Moz","ms"];function Ub(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Tb.length;while(e--)if(b=Tb[e]+c,b in a)return b;return d}function Vb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=m._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&U(d)&&(f[g]=m._data(d,"olddisplay",Fb(d.nodeName)))):(e=U(d),(c&&"none"!==c||!e)&&m._data(d,"olddisplay",e?c:m.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function Wb(a,b,c){var d=Pb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Xb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=m.css(a,c+T[f],!0,e)),d?("content"===c&&(g-=m.css(a,"padding"+T[f],!0,e)),"margin"!==c&&(g-=m.css(a,"border"+T[f]+"Width",!0,e))):(g+=m.css(a,"padding"+T[f],!0,e),"padding"!==c&&(g+=m.css(a,"border"+T[f]+"Width",!0,e)));return g}function Yb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ib(a),g=k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Jb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Hb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Xb(a,b,c||(g?"border":"content"),d,f)+"px"}m.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Jb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":k.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=m.camelCase(b),i=a.style;if(b=m.cssProps[h]||(m.cssProps[h]=Ub(i,h)),g=m.cssHooks[b]||m.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Qb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(m.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||m.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=m.camelCase(b);return b=m.cssProps[h]||(m.cssProps[h]=Ub(a.style,h)),g=m.cssHooks[b]||m.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Jb(a,b,d)),"normal"===f&&b in Sb&&(f=Sb[b]),""===c||c?(e=parseFloat(f),c===!0||m.isNumeric(e)?e||0:f):f}}),m.each(["height","width"],function(a,b){m.cssHooks[b]={get:function(a,c,d){return c?Ob.test(m.css(a,"display"))&&0===a.offsetWidth?m.swap(a,Rb,function(){return Yb(a,b,d)}):Yb(a,b,d):void 0},set:function(a,c,d){var e=d&&Ib(a);return Wb(a,c,d?Xb(a,b,d,k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,e),e):0)}}}),k.opacity||(m.cssHooks.opacity={get:function(a,b){return Nb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=m.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===m.trim(f.replace(Mb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Mb.test(f)?f.replace(Mb,e):f+" "+e)}}),m.cssHooks.marginRight=Lb(k.reliableMarginRight,function(a,b){return b?m.swap(a,{display:"inline-block"},Jb,[a,"marginRight"]):void 0}),m.each({margin:"",padding:"",border:"Width"},function(a,b){m.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+T[d]+b]=f[d]||f[d-2]||f[0];return e}},Gb.test(a)||(m.cssHooks[a+b].set=Wb)}),m.fn.extend({css:function(a,b){return V(this,function(a,b,c){var d,e,f={},g=0;if(m.isArray(b)){for(d=Ib(a),e=b.length;e>g;g++)f[b[g]]=m.css(a,b[g],!1,d);return f}return void 0!==c?m.style(a,b,c):m.css(a,b)},a,b,arguments.length>1)},show:function(){return Vb(this,!0)},hide:function(){return Vb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){U(this)?m(this).show():m(this).hide()})}});function Zb(a,b,c,d,e){return new Zb.prototype.init(a,b,c,d,e)}m.Tween=Zb,Zb.prototype={constructor:Zb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(m.cssNumber[c]?"":"px")
+},cur:function(){var a=Zb.propHooks[this.prop];return a&&a.get?a.get(this):Zb.propHooks._default.get(this)},run:function(a){var b,c=Zb.propHooks[this.prop];return this.pos=b=this.options.duration?m.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Zb.propHooks._default.set(this),this}},Zb.prototype.init.prototype=Zb.prototype,Zb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=m.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){m.fx.step[a.prop]?m.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[m.cssProps[a.prop]]||m.cssHooks[a.prop])?m.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Zb.propHooks.scrollTop=Zb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},m.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},m.fx=Zb.prototype.init,m.fx.step={};var $b,_b,ac=/^(?:toggle|show|hide)$/,bc=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),cc=/queueHooks$/,dc=[ic],ec={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=bc.exec(b),f=e&&e[3]||(m.cssNumber[a]?"":"px"),g=(m.cssNumber[a]||"px"!==f&&+d)&&bc.exec(m.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,m.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function fc(){return setTimeout(function(){$b=void 0}),$b=m.now()}function gc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=T[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function hc(a,b,c){for(var d,e=(ec[b]||[]).concat(ec["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function ic(a,b,c){var d,e,f,g,h,i,j,l,n=this,o={},p=a.style,q=a.nodeType&&U(a),r=m._data(a,"fxshow");c.queue||(h=m._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,n.always(function(){n.always(function(){h.unqueued--,m.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=m.css(a,"display"),l="none"===j?m._data(a,"olddisplay")||Fb(a.nodeName):j,"inline"===l&&"none"===m.css(a,"float")&&(k.inlineBlockNeedsLayout&&"inline"!==Fb(a.nodeName)?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",k.shrinkWrapBlocks()||n.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],ac.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||m.style(a,d)}else j=void 0;if(m.isEmptyObject(o))"inline"===("none"===j?Fb(a.nodeName):j)&&(p.display=j);else{r?"hidden"in r&&(q=r.hidden):r=m._data(a,"fxshow",{}),f&&(r.hidden=!q),q?m(a).show():n.done(function(){m(a).hide()}),n.done(function(){var b;m._removeData(a,"fxshow");for(b in o)m.style(a,b,o[b])});for(d in o)g=hc(q?r[d]:0,d,n),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function jc(a,b){var c,d,e,f,g;for(c in a)if(d=m.camelCase(c),e=b[d],f=a[c],m.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=m.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function kc(a,b,c){var d,e,f=0,g=dc.length,h=m.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=$b||fc(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:m.extend({},b),opts:m.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:$b||fc(),duration:c.duration,tweens:[],createTween:function(b,c){var d=m.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(jc(k,j.opts.specialEasing);g>f;f++)if(d=dc[f].call(j,a,k,j.opts))return d;return m.map(k,hc,j),m.isFunction(j.opts.start)&&j.opts.start.call(a,j),m.fx.timer(m.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}m.Animation=m.extend(kc,{tweener:function(a,b){m.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],ec[c]=ec[c]||[],ec[c].unshift(b)},prefilter:function(a,b){b?dc.unshift(a):dc.push(a)}}),m.speed=function(a,b,c){var d=a&&"object"==typeof a?m.extend({},a):{complete:c||!c&&b||m.isFunction(a)&&a,duration:a,easing:c&&b||b&&!m.isFunction(b)&&b};return d.duration=m.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in m.fx.speeds?m.fx.speeds[d.duration]:m.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){m.isFunction(d.old)&&d.old.call(this),d.queue&&m.dequeue(this,d.queue)},d},m.fn.extend({fadeTo:function(a,b,c,d){return this.filter(U).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=m.isEmptyObject(a),f=m.speed(b,c,d),g=function(){var b=kc(this,m.extend({},a),f);(e||m._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=m.timers,g=m._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&cc.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&m.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=m._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=m.timers,g=d?d.length:0;for(c.finish=!0,m.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),m.each(["toggle","show","hide"],function(a,b){var c=m.fn[b];m.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(gc(b,!0),a,d,e)}}),m.each({slideDown:gc("show"),slideUp:gc("hide"),slideToggle:gc("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){m.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),m.timers=[],m.fx.tick=function(){var a,b=m.timers,c=0;for($b=m.now();c<b.length;c++)a=b[c],a()||b[c]!==a||b.splice(c--,1);b.length||m.fx.stop(),$b=void 0},m.fx.timer=function(a){m.timers.push(a),a()?m.fx.start():m.timers.pop()},m.fx.interval=13,m.fx.start=function(){_b||(_b=setInterval(m.fx.tick,m.fx.interval))},m.fx.stop=function(){clearInterval(_b),_b=null},m.fx.speeds={slow:600,fast:200,_default:400},m.fn.delay=function(a,b){return a=m.fx?m.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a,b,c,d,e;b=y.createElement("div"),b.setAttribute("className","t"),b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",d=b.getElementsByTagName("a")[0],c=y.createElement("select"),e=c.appendChild(y.createElement("option")),a=b.getElementsByTagName("input")[0],d.style.cssText="top:1px",k.getSetAttribute="t"!==b.className,k.style=/top/.test(d.getAttribute("style")),k.hrefNormalized="/a"===d.getAttribute("href"),k.checkOn=!!a.value,k.optSelected=e.selected,k.enctype=!!y.createElement("form").enctype,c.disabled=!0,k.optDisabled=!e.disabled,a=y.createElement("input"),a.setAttribute("value",""),k.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),k.radioValue="t"===a.value}();var lc=/\r/g;m.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=m.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,m(this).val()):a,null==e?e="":"number"==typeof e?e+="":m.isArray(e)&&(e=m.map(e,function(a){return null==a?"":a+""})),b=m.valHooks[this.type]||m.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=m.valHooks[e.type]||m.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(lc,""):null==c?"":c)}}}),m.extend({valHooks:{option:{get:function(a){var b=m.find.attr(a,"value");return null!=b?b:m.trim(m.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&m.nodeName(c.parentNode,"optgroup"))){if(b=m(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=m.makeArray(b),g=e.length;while(g--)if(d=e[g],m.inArray(m.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),m.each(["radio","checkbox"],function(){m.valHooks[this]={set:function(a,b){return m.isArray(b)?a.checked=m.inArray(m(a).val(),b)>=0:void 0}},k.checkOn||(m.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var mc,nc,oc=m.expr.attrHandle,pc=/^(?:checked|selected)$/i,qc=k.getSetAttribute,rc=k.input;m.fn.extend({attr:function(a,b){return V(this,m.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){m.removeAttr(this,a)})}}),m.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===K?m.prop(a,b,c):(1===f&&m.isXMLDoc(a)||(b=b.toLowerCase(),d=m.attrHooks[b]||(m.expr.match.bool.test(b)?nc:mc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=m.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void m.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=m.propFix[c]||c,m.expr.match.bool.test(c)?rc&&qc||!pc.test(c)?a[d]=!1:a[m.camelCase("default-"+c)]=a[d]=!1:m.attr(a,c,""),a.removeAttribute(qc?c:d)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&m.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),nc={set:function(a,b,c){return b===!1?m.removeAttr(a,c):rc&&qc||!pc.test(c)?a.setAttribute(!qc&&m.propFix[c]||c,c):a[m.camelCase("default-"+c)]=a[c]=!0,c}},m.each(m.expr.match.bool.source.match(/\w+/g),function(a,b){var c=oc[b]||m.find.attr;oc[b]=rc&&qc||!pc.test(b)?function(a,b,d){var e,f;return d||(f=oc[b],oc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,oc[b]=f),e}:function(a,b,c){return c?void 0:a[m.camelCase("default-"+b)]?b.toLowerCase():null}}),rc&&qc||(m.attrHooks.value={set:function(a,b,c){return m.nodeName(a,"input")?void(a.defaultValue=b):mc&&mc.set(a,b,c)}}),qc||(mc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},oc.id=oc.name=oc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},m.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:mc.set},m.attrHooks.contenteditable={set:function(a,b,c){mc.set(a,""===b?!1:b,c)}},m.each(["width","height"],function(a,b){m.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),k.style||(m.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var sc=/^(?:input|select|textarea|button|object)$/i,tc=/^(?:a|area)$/i;m.fn.extend({prop:function(a,b){return V(this,m.prop,a,b,arguments.length>1)},removeProp:function(a){return a=m.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),m.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!m.isXMLDoc(a),f&&(b=m.propFix[b]||b,e=m.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=m.find.attr(a,"tabindex");return b?parseInt(b,10):sc.test(a.nodeName)||tc.test(a.nodeName)&&a.href?0:-1}}}}),k.hrefNormalized||m.each(["href","src"],function(a,b){m.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),k.optSelected||(m.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),m.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){m.propFix[this.toLowerCase()]=this}),k.enctype||(m.propFix.enctype="encoding");var uc=/[\t\r\n\f]/g;m.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=m.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?m.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(m.isFunction(a)?function(c){m(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=m(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===K||"boolean"===c)&&(this.className&&m._data(this,"__className__",this.className),this.className=this.className||a===!1?"":m._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(uc," ").indexOf(b)>=0)return!0;return!1}}),m.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){m.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),m.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var vc=m.now(),wc=/\?/,xc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;m.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=m.trim(b+"");return e&&!m.trim(e.replace(xc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():m.error("Invalid JSON: "+b)},m.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||m.error("Invalid XML: "+b),c};var yc,zc,Ac=/#.*$/,Bc=/([?&])_=[^&]*/,Cc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Dc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Ec=/^(?:GET|HEAD)$/,Fc=/^\/\//,Gc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Hc={},Ic={},Jc="*/".concat("*");try{zc=location.href}catch(Kc){zc=y.createElement("a"),zc.href="",zc=zc.href}yc=Gc.exec(zc.toLowerCase())||[];function Lc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(m.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Mc(a,b,c,d){var e={},f=a===Ic;function g(h){var i;return e[h]=!0,m.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Nc(a,b){var c,d,e=m.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&m.extend(!0,a,c),a}function Oc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Pc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}m.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:zc,type:"GET",isLocal:Dc.test(yc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Jc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":m.parseJSON,"text xml":m.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Nc(Nc(a,m.ajaxSettings),b):Nc(m.ajaxSettings,a)},ajaxPrefilter:Lc(Hc),ajaxTransport:Lc(Ic),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=m.ajaxSetup({},b),l=k.context||k,n=k.context&&(l.nodeType||l.jquery)?m(l):m.event,o=m.Deferred(),p=m.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!j){j={};while(b=Cc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return i&&i.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||zc)+"").replace(Ac,"").replace(Fc,yc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=m.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(c=Gc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===yc[1]&&c[2]===yc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(yc[3]||("http:"===yc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=m.param(k.data,k.traditional)),Mc(Hc,k,b,v),2===t)return v;h=k.global,h&&0===m.active++&&m.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Ec.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(wc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Bc.test(e)?e.replace(Bc,"$1_="+vc++):e+(wc.test(e)?"&":"?")+"_="+vc++)),k.ifModified&&(m.lastModified[e]&&v.setRequestHeader("If-Modified-Since",m.lastModified[e]),m.etag[e]&&v.setRequestHeader("If-None-Match",m.etag[e])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+Jc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Mc(Ic,k,b,v)){v.readyState=1,h&&n.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Oc(k,v,c)),u=Pc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(m.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(m.etag[e]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,h&&n.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(n.trigger("ajaxComplete",[v,k]),--m.active||m.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return m.get(a,b,c,"json")},getScript:function(a,b){return m.get(a,void 0,b,"script")}}),m.each(["get","post"],function(a,b){m[b]=function(a,c,d,e){return m.isFunction(c)&&(e=e||d,d=c,c=void 0),m.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m._evalUrl=function(a){return m.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},m.fn.extend({wrapAll:function(a){if(m.isFunction(a))return this.each(function(b){m(this).wrapAll(a.call(this,b))});if(this[0]){var b=m(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each(m.isFunction(a)?function(b){m(this).wrapInner(a.call(this,b))}:function(){var b=m(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=m.isFunction(a);return this.each(function(c){m(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){m.nodeName(this,"body")||m(this).replaceWith(this.childNodes)}).end()}}),m.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0||!k.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||m.css(a,"display"))},m.expr.filters.visible=function(a){return!m.expr.filters.hidden(a)};var Qc=/%20/g,Rc=/\[\]$/,Sc=/\r?\n/g,Tc=/^(?:submit|button|image|reset|file)$/i,Uc=/^(?:input|select|textarea|keygen)/i;function Vc(a,b,c,d){var e;if(m.isArray(b))m.each(b,function(b,e){c||Rc.test(a)?d(a,e):Vc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==m.type(b))d(a,b);else for(e in b)Vc(a+"["+e+"]",b[e],c,d)}m.param=function(a,b){var c,d=[],e=function(a,b){b=m.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=m.ajaxSettings&&m.ajaxSettings.traditional),m.isArray(a)||a.jquery&&!m.isPlainObject(a))m.each(a,function(){e(this.name,this.value)});else for(c in a)Vc(c,a[c],b,e);return d.join("&").replace(Qc,"+")},m.fn.extend({serialize:function(){return m.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=m.prop(this,"elements");return a?m.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!m(this).is(":disabled")&&Uc.test(this.nodeName)&&!Tc.test(a)&&(this.checked||!W.test(a))}).map(function(a,b){var c=m(this).val();return null==c?null:m.isArray(c)?m.map(c,function(a){return{name:b.name,value:a.replace(Sc,"\r\n")}}):{name:b.name,value:c.replace(Sc,"\r\n")}}).get()}}),m.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&Zc()||$c()}:Zc;var Wc=0,Xc={},Yc=m.ajaxSettings.xhr();a.ActiveXObject&&m(a).on("unload",function(){for(var a in Xc)Xc[a](void 0,!0)}),k.cors=!!Yc&&"withCredentials"in Yc,Yc=k.ajax=!!Yc,Yc&&m.ajaxTransport(function(a){if(!a.crossDomain||k.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Wc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Xc[g],b=void 0,f.onreadystatechange=m.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Xc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function Zc(){try{return new a.XMLHttpRequest}catch(b){}}function $c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}m.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return m.globalEval(a),a}}}),m.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),m.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=y.head||m("head")[0]||y.documentElement;return{send:function(d,e){b=y.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var _c=[],ad=/(=)\?(?=&|$)|\?\?/;m.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=_c.pop()||m.expando+"_"+vc++;return this[a]=!0,a}}),m.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(ad.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&ad.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=m.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(ad,"$1"+e):b.jsonp!==!1&&(b.url+=(wc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||m.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,_c.push(e)),g&&m.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),m.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||y;var d=u.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=m.buildFragment([a],b,e),e&&e.length&&m(e).remove(),m.merge([],d.childNodes))};var bd=m.fn.load;m.fn.load=function(a,b,c){if("string"!=typeof a&&bd)return bd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=m.trim(a.slice(h,a.length)),a=a.slice(0,h)),m.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&m.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?m("<div>").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/lib/require.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/lib/require.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,2076 @@
+/** vim: et:ts=4:sw=4:sts=4
+ * @license RequireJS 2.1.14 Copyright (c) 2010-2014, The Dojo Foundation All Rights Reserved.
+ * Available via the MIT or new BSD license.
+ * see: http://github.com/jrburke/requirejs for details
+ */
+//Not using strict: uneven strict support in browsers, #392, and causes
+//problems with requirejs.exec()/transpiler plugins that may not be strict.
+/*jslint regexp: true, nomen: true, sloppy: true */
+/*global window, navigator, document, importScripts, setTimeout, opera */
+
+var requirejs, require, define;
+(function (global) {
+    var req, s, head, baseElement, dataMain, src,
+        interactiveScript, currentlyAddingScript, mainScript, subPath,
+        version = '2.1.14',
+        commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,
+        cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,
+        jsSuffixRegExp = /\.js$/,
+        currDirRegExp = /^\.\//,
+        op = Object.prototype,
+        ostring = op.toString,
+        hasOwn = op.hasOwnProperty,
+        ap = Array.prototype,
+        apsp = ap.splice,
+        isBrowser = !!(typeof window !== 'undefined' && typeof navigator !== 'undefined' && window.document),
+        isWebWorker = !isBrowser && typeof importScripts !== 'undefined',
+        //PS3 indicates loaded and complete, but need to wait for complete
+        //specifically. Sequence is 'loading', 'loaded', execution,
+        // then 'complete'. The UA check is unfortunate, but not sure how
+        //to feature test w/o causing perf issues.
+        readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ?
+                      /^complete$/ : /^(complete|loaded)$/,
+        defContextName = '_',
+        //Oh the tragedy, detecting opera. See the usage of isOpera for reason.
+        isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]',
+        contexts = {},
+        cfg = {},
+        globalDefQueue = [],
+        useInteractive = false;
+
+    function isFunction(it) {
+        return ostring.call(it) === '[object Function]';
+    }
+
+    function isArray(it) {
+        return ostring.call(it) === '[object Array]';
+    }
+
+    /**
+     * Helper function for iterating over an array. If the func returns
+     * a true value, it will break out of the loop.
+     */
+    function each(ary, func) {
+        if (ary) {
+            var i;
+            for (i = 0; i < ary.length; i += 1) {
+                if (ary[i] && func(ary[i], i, ary)) {
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * Helper function for iterating over an array backwards. If the func
+     * returns a true value, it will break out of the loop.
+     */
+    function eachReverse(ary, func) {
+        if (ary) {
+            var i;
+            for (i = ary.length - 1; i > -1; i -= 1) {
+                if (ary[i] && func(ary[i], i, ary)) {
+                    break;
+                }
+            }
+        }
+    }
+
+    function hasProp(obj, prop) {
+        return hasOwn.call(obj, prop);
+    }
+
+    function getOwn(obj, prop) {
+        return hasProp(obj, prop) && obj[prop];
+    }
+
+    /**
+     * Cycles over properties in an object and calls a function for each
+     * property value. If the function returns a truthy value, then the
+     * iteration is stopped.
+     */
+    function eachProp(obj, func) {
+        var prop;
+        for (prop in obj) {
+            if (hasProp(obj, prop)) {
+                if (func(obj[prop], prop)) {
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * Simple function to mix in properties from source into target,
+     * but only if target does not already have a property of the same name.
+     */
+    function mixin(target, source, force, deepStringMixin) {
+        if (source) {
+            eachProp(source, function (value, prop) {
+                if (force || !hasProp(target, prop)) {
+                    if (deepStringMixin && typeof value === 'object' && value &&
+                        !isArray(value) && !isFunction(value) &&
+                        !(value instanceof RegExp)) {
+
+                        if (!target[prop]) {
+                            target[prop] = {};
+                        }
+                        mixin(target[prop], value, force, deepStringMixin);
+                    } else {
+                        target[prop] = value;
+                    }
+                }
+            });
+        }
+        return target;
+    }
+
+    //Similar to Function.prototype.bind, but the 'this' object is specified
+    //first, since it is easier to read/figure out what 'this' will be.
+    function bind(obj, fn) {
+        return function () {
+            return fn.apply(obj, arguments);
+        };
+    }
+
+    function scripts() {
+        return document.getElementsByTagName('script');
+    }
+
+    function defaultOnError(err) {
+        throw err;
+    }
+
+    //Allow getting a global that is expressed in
+    //dot notation, like 'a.b.c'.
+    function getGlobal(value) {
+        if (!value) {
+            return value;
+        }
+        var g = global;
+        each(value.split('.'), function (part) {
+            g = g[part];
+        });
+        return g;
+    }
+
+    /**
+     * Constructs an error with a pointer to an URL with more information.
+     * @param {String} id the error ID that maps to an ID on a web page.
+     * @param {String} message human readable error.
+     * @param {Error} [err] the original error, if there is one.
+     *
+     * @returns {Error}
+     */
+    function makeError(id, msg, err, requireModules) {
+        var e = new Error(msg + '\nhttp://requirejs.org/docs/errors.html#' + id);
+        e.requireType = id;
+        e.requireModules = requireModules;
+        if (err) {
+            e.originalError = err;
+        }
+        return e;
+    }
+
+    if (typeof define !== 'undefined') {
+        //If a define is already in play via another AMD loader,
+        //do not overwrite.
+        return;
+    }
+
+    if (typeof requirejs !== 'undefined') {
+        if (isFunction(requirejs)) {
+            //Do not overwrite an existing requirejs instance.
+            return;
+        }
+        cfg = requirejs;
+        requirejs = undefined;
+    }
+
+    //Allow for a require config object
+    if (typeof require !== 'undefined' && !isFunction(require)) {
+        //assume it is a config object.
+        cfg = require;
+        require = undefined;
+    }
+
+    function newContext(contextName) {
+        var inCheckLoaded, Module, context, handlers,
+            checkLoadedTimeoutId,
+            config = {
+                //Defaults. Do not set a default for map
+                //config to speed up normalize(), which
+                //will run faster if there is no default.
+                waitSeconds: 7,
+                baseUrl: './',
+                paths: {},
+                bundles: {},
+                pkgs: {},
+                shim: {},
+                config: {}
+            },
+            registry = {},
+            //registry of just enabled modules, to speed
+            //cycle breaking code when lots of modules
+            //are registered, but not activated.
+            enabledRegistry = {},
+            undefEvents = {},
+            defQueue = [],
+            defined = {},
+            urlFetched = {},
+            bundlesMap = {},
+            requireCounter = 1,
+            unnormalizedCounter = 1;
+
+        /**
+         * Trims the . and .. from an array of path segments.
+         * It will keep a leading path segment if a .. will become
+         * the first path segment, to help with module name lookups,
+         * which act like paths, but can be remapped. But the end result,
+         * all paths that use this function should look normalized.
+         * NOTE: this method MODIFIES the input array.
+         * @param {Array} ary the array of path segments.
+         */
+        function trimDots(ary) {
+            var i, part;
+            for (i = 0; i < ary.length; i++) {
+                part = ary[i];
+                if (part === '.') {
+                    ary.splice(i, 1);
+                    i -= 1;
+                } else if (part === '..') {
+                    // If at the start, or previous value is still ..,
+                    // keep them so that when converted to a path it may
+                    // still work when converted to a path, even though
+                    // as an ID it is less than ideal. In larger point
+                    // releases, may be better to just kick out an error.
+                    if (i === 0 || (i == 1 && ary[2] === '..') || ary[i - 1] === '..') {
+                        continue;
+                    } else if (i > 0) {
+                        ary.splice(i - 1, 2);
+                        i -= 2;
+                    }
+                }
+            }
+        }
+
+        /**
+         * Given a relative module name, like ./something, normalize it to
+         * a real name that can be mapped to a path.
+         * @param {String} name the relative name
+         * @param {String} baseName a real name that the name arg is relative
+         * to.
+         * @param {Boolean} applyMap apply the map config to the value. Should
+         * only be done if this normalization is for a dependency ID.
+         * @returns {String} normalized name
+         */
+        function normalize(name, baseName, applyMap) {
+            var pkgMain, mapValue, nameParts, i, j, nameSegment, lastIndex,
+                foundMap, foundI, foundStarMap, starI, normalizedBaseParts,
+                baseParts = (baseName && baseName.split('/')),
+                map = config.map,
+                starMap = map && map['*'];
+
+            //Adjust any relative paths.
+            if (name) {
+                name = name.split('/');
+                lastIndex = name.length - 1;
+
+                // If wanting node ID compatibility, strip .js from end
+                // of IDs. Have to do this here, and not in nameToUrl
+                // because node allows either .js or non .js to map
+                // to same file.
+                if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {
+                    name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');
+                }
+
+                // Starts with a '.' so need the baseName
+                if (name[0].charAt(0) === '.' && baseParts) {
+                    //Convert baseName to array, and lop off the last part,
+                    //so that . matches that 'directory' and not name of the baseName's
+                    //module. For instance, baseName of 'one/two/three', maps to
+                    //'one/two/three.js', but we want the directory, 'one/two' for
+                    //this normalization.
+                    normalizedBaseParts = baseParts.slice(0, baseParts.length - 1);
+                    name = normalizedBaseParts.concat(name);
+                }
+
+                trimDots(name);
+                name = name.join('/');
+            }
+
+            //Apply map config if available.
+            if (applyMap && map && (baseParts || starMap)) {
+                nameParts = name.split('/');
+
+                outerLoop: for (i = nameParts.length; i > 0; i -= 1) {
+                    nameSegment = nameParts.slice(0, i).join('/');
+
+                    if (baseParts) {
+                        //Find the longest baseName segment match in the config.
+                        //So, do joins on the biggest to smallest lengths of baseParts.
+                        for (j = baseParts.length; j > 0; j -= 1) {
+                            mapValue = getOwn(map, baseParts.slice(0, j).join('/'));
+
+                            //baseName segment has config, find if it has one for
+                            //this name.
+                            if (mapValue) {
+                                mapValue = getOwn(mapValue, nameSegment);
+                                if (mapValue) {
+                                    //Match, update name to the new value.
+                                    foundMap = mapValue;
+                                    foundI = i;
+                                    break outerLoop;
+                                }
+                            }
+                        }
+                    }
+
+                    //Check for a star map match, but just hold on to it,
+                    //if there is a shorter segment match later in a matching
+                    //config, then favor over this star map.
+                    if (!foundStarMap && starMap && getOwn(starMap, nameSegment)) {
+                        foundStarMap = getOwn(starMap, nameSegment);
+                        starI = i;
+                    }
+                }
+
+                if (!foundMap && foundStarMap) {
+                    foundMap = foundStarMap;
+                    foundI = starI;
+                }
+
+                if (foundMap) {
+                    nameParts.splice(0, foundI, foundMap);
+                    name = nameParts.join('/');
+                }
+            }
+
+            // If the name points to a package's name, use
+            // the package main instead.
+            pkgMain = getOwn(config.pkgs, name);
+
+            return pkgMain ? pkgMain : name;
+        }
+
+        function removeScript(name) {
+            if (isBrowser) {
+                each(scripts(), function (scriptNode) {
+                    if (scriptNode.getAttribute('data-requiremodule') === name &&
+                            scriptNode.getAttribute('data-requirecontext') === context.contextName) {
+                        scriptNode.parentNode.removeChild(scriptNode);
+                        return true;
+                    }
+                });
+            }
+        }
+
+        function hasPathFallback(id) {
+            var pathConfig = getOwn(config.paths, id);
+            if (pathConfig && isArray(pathConfig) && pathConfig.length > 1) {
+                //Pop off the first array value, since it failed, and
+                //retry
+                pathConfig.shift();
+                context.require.undef(id);
+
+                //Custom require that does not do map translation, since
+                //ID is "absolute", already mapped/resolved.
+                context.makeRequire(null, {
+                    skipMap: true
+                })([id]);
+
+                return true;
+            }
+        }
+
+        //Turns a plugin!resource to [plugin, resource]
+        //with the plugin being undefined if the name
+        //did not have a plugin prefix.
+        function splitPrefix(name) {
+            var prefix,
+                index = name ? name.indexOf('!') : -1;
+            if (index > -1) {
+                prefix = name.substring(0, index);
+                name = name.substring(index + 1, name.length);
+            }
+            return [prefix, name];
+        }
+
+        /**
+         * Creates a module mapping that includes plugin prefix, module
+         * name, and path. If parentModuleMap is provided it will
+         * also normalize the name via require.normalize()
+         *
+         * @param {String} name the module name
+         * @param {String} [parentModuleMap] parent module map
+         * for the module name, used to resolve relative names.
+         * @param {Boolean} isNormalized: is the ID already normalized.
+         * This is true if this call is done for a define() module ID.
+         * @param {Boolean} applyMap: apply the map config to the ID.
+         * Should only be true if this map is for a dependency.
+         *
+         * @returns {Object}
+         */
+        function makeModuleMap(name, parentModuleMap, isNormalized, applyMap) {
+            var url, pluginModule, suffix, nameParts,
+                prefix = null,
+                parentName = parentModuleMap ? parentModuleMap.name : null,
+                originalName = name,
+                isDefine = true,
+                normalizedName = '';
+
+            //If no name, then it means it is a require call, generate an
+            //internal name.
+            if (!name) {
+                isDefine = false;
+                name = '_@r' + (requireCounter += 1);
+            }
+
+            nameParts = splitPrefix(name);
+            prefix = nameParts[0];
+            name = nameParts[1];
+
+            if (prefix) {
+                prefix = normalize(prefix, parentName, applyMap);
+                pluginModule = getOwn(defined, prefix);
+            }
+
+            //Account for relative paths if there is a base name.
+            if (name) {
+                if (prefix) {
+                    if (pluginModule && pluginModule.normalize) {
+                        //Plugin is loaded, use its normalize method.
+                        normalizedName = pluginModule.normalize(name, function (name) {
+                            return normalize(name, parentName, applyMap);
+                        });
+                    } else {
+                        // If nested plugin references, then do not try to
+                        // normalize, as it will not normalize correctly. This
+                        // places a restriction on resourceIds, and the longer
+                        // term solution is not to normalize until plugins are
+                        // loaded and all normalizations to allow for async
+                        // loading of a loader plugin. But for now, fixes the
+                        // common uses. Details in #1131
+                        normalizedName = name.indexOf('!') === -1 ?
+                                         normalize(name, parentName, applyMap) :
+                                         name;
+                    }
+                } else {
+                    //A regular module.
+                    normalizedName = normalize(name, parentName, applyMap);
+
+                    //Normalized name may be a plugin ID due to map config
+                    //application in normalize. The map config values must
+                    //already be normalized, so do not need to redo that part.
+                    nameParts = splitPrefix(normalizedName);
+                    prefix = nameParts[0];
+                    normalizedName = nameParts[1];
+                    isNormalized = true;
+
+                    url = context.nameToUrl(normalizedName);
+                }
+            }
+
+            //If the id is a plugin id that cannot be determined if it needs
+            //normalization, stamp it with a unique ID so two matching relative
+            //ids that may conflict can be separate.
+            suffix = prefix && !pluginModule && !isNormalized ?
+                     '_unnormalized' + (unnormalizedCounter += 1) :
+                     '';
+
+            return {
+                prefix: prefix,
+                name: normalizedName,
+                parentMap: parentModuleMap,
+                unnormalized: !!suffix,
+                url: url,
+                originalName: originalName,
+                isDefine: isDefine,
+                id: (prefix ?
+                        prefix + '!' + normalizedName :
+                        normalizedName) + suffix
+            };
+        }
+
+        function getModule(depMap) {
+            var id = depMap.id,
+                mod = getOwn(registry, id);
+
+            if (!mod) {
+                mod = registry[id] = new context.Module(depMap);
+            }
+
+            return mod;
+        }
+
+        function on(depMap, name, fn) {
+            var id = depMap.id,
+                mod = getOwn(registry, id);
+
+            if (hasProp(defined, id) &&
+                    (!mod || mod.defineEmitComplete)) {
+                if (name === 'defined') {
+                    fn(defined[id]);
+                }
+            } else {
+                mod = getModule(depMap);
+                if (mod.error && name === 'error') {
+                    fn(mod.error);
+                } else {
+                    mod.on(name, fn);
+                }
+            }
+        }
+
+        function onError(err, errback) {
+            var ids = err.requireModules,
+                notified = false;
+
+            if (errback) {
+                errback(err);
+            } else {
+                each(ids, function (id) {
+                    var mod = getOwn(registry, id);
+                    if (mod) {
+                        //Set error on module, so it skips timeout checks.
+                        mod.error = err;
+                        if (mod.events.error) {
+                            notified = true;
+                            mod.emit('error', err);
+                        }
+                    }
+                });
+
+                if (!notified) {
+                    req.onError(err);
+                }
+            }
+        }
+
+        /**
+         * Internal method to transfer globalQueue items to this context's
+         * defQueue.
+         */
+        function takeGlobalQueue() {
+            //Push all the globalDefQueue items into the context's defQueue
+            if (globalDefQueue.length) {
+                //Array splice in the values since the context code has a
+                //local var ref to defQueue, so cannot just reassign the one
+                //on context.
+                apsp.apply(defQueue,
+                           [defQueue.length, 0].concat(globalDefQueue));
+                globalDefQueue = [];
+            }
+        }
+
+        handlers = {
+            'require': function (mod) {
+                if (mod.require) {
+                    return mod.require;
+                } else {
+                    return (mod.require = context.makeRequire(mod.map));
+                }
+            },
+            'exports': function (mod) {
+                mod.usingExports = true;
+                if (mod.map.isDefine) {
+                    if (mod.exports) {
+                        return (defined[mod.map.id] = mod.exports);
+                    } else {
+                        return (mod.exports = defined[mod.map.id] = {});
+                    }
+                }
+            },
+            'module': function (mod) {
+                if (mod.module) {
+                    return mod.module;
+                } else {
+                    return (mod.module = {
+                        id: mod.map.id,
+                        uri: mod.map.url,
+                        config: function () {
+                            return  getOwn(config.config, mod.map.id) || {};
+                        },
+                        exports: mod.exports || (mod.exports = {})
+                    });
+                }
+            }
+        };
+
+        function cleanRegistry(id) {
+            //Clean up machinery used for waiting modules.
+            delete registry[id];
+            delete enabledRegistry[id];
+        }
+
+        function breakCycle(mod, traced, processed) {
+            var id = mod.map.id;
+
+            if (mod.error) {
+                mod.emit('error', mod.error);
+            } else {
+                traced[id] = true;
+                each(mod.depMaps, function (depMap, i) {
+                    var depId = depMap.id,
+                        dep = getOwn(registry, depId);
+
+                    //Only force things that have not completed
+                    //being defined, so still in the registry,
+                    //and only if it has not been matched up
+                    //in the module already.
+                    if (dep && !mod.depMatched[i] && !processed[depId]) {
+                        if (getOwn(traced, depId)) {
+                            mod.defineDep(i, defined[depId]);
+                            mod.check(); //pass false?
+                        } else {
+                            breakCycle(dep, traced, processed);
+                        }
+                    }
+                });
+                processed[id] = true;
+            }
+        }
+
+        function checkLoaded() {
+            var err, usingPathFallback,
+                waitInterval = config.waitSeconds * 1000,
+                //It is possible to disable the wait interval by using waitSeconds of 0.
+                expired = waitInterval && (context.startTime + waitInterval) < new Date().getTime(),
+                noLoads = [],
+                reqCalls = [],
+                stillLoading = false,
+                needCycleCheck = true;
+
+            //Do not bother if this call was a result of a cycle break.
+            if (inCheckLoaded) {
+                return;
+            }
+
+            inCheckLoaded = true;
+
+            //Figure out the state of all the modules.
+            eachProp(enabledRegistry, function (mod) {
+                var map = mod.map,
+                    modId = map.id;
+
+                //Skip things that are not enabled or in error state.
+                if (!mod.enabled) {
+                    return;
+                }
+
+                if (!map.isDefine) {
+                    reqCalls.push(mod);
+                }
+
+                if (!mod.error) {
+                    //If the module should be executed, and it has not
+                    //been inited and time is up, remember it.
+                    if (!mod.inited && expired) {
+                        if (hasPathFallback(modId)) {
+                            usingPathFallback = true;
+                            stillLoading = true;
+                        } else {
+                            noLoads.push(modId);
+                            removeScript(modId);
+                        }
+                    } else if (!mod.inited && mod.fetched && map.isDefine) {
+                        stillLoading = true;
+                        if (!map.prefix) {
+                            //No reason to keep looking for unfinished
+                            //loading. If the only stillLoading is a
+                            //plugin resource though, keep going,
+                            //because it may be that a plugin resource
+                            //is waiting on a non-plugin cycle.
+                            return (needCycleCheck = false);
+                        }
+                    }
+                }
+            });
+
+            if (expired && noLoads.length) {
+                //If wait time expired, throw error of unloaded modules.
+                err = makeError('timeout', 'Load timeout for modules: ' + noLoads, null, noLoads);
+                err.contextName = context.contextName;
+                return onError(err);
+            }
+
+            //Not expired, check for a cycle.
+            if (needCycleCheck) {
+                each(reqCalls, function (mod) {
+                    breakCycle(mod, {}, {});
+                });
+            }
+
+            //If still waiting on loads, and the waiting load is something
+            //other than a plugin resource, or there are still outstanding
+            //scripts, then just try back later.
+            if ((!expired || usingPathFallback) && stillLoading) {
+                //Something is still waiting to load. Wait for it, but only
+                //if a timeout is not already in effect.
+                if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) {
+                    checkLoadedTimeoutId = setTimeout(function () {
+                        checkLoadedTimeoutId = 0;
+                        checkLoaded();
+                    }, 50);
+                }
+            }
+
+            inCheckLoaded = false;
+        }
+
+        Module = function (map) {
+            this.events = getOwn(undefEvents, map.id) || {};
+            this.map = map;
+            this.shim = getOwn(config.shim, map.id);
+            this.depExports = [];
+            this.depMaps = [];
+            this.depMatched = [];
+            this.pluginMaps = {};
+            this.depCount = 0;
+
+            /* this.exports this.factory
+               this.depMaps = [],
+               this.enabled, this.fetched
+            */
+        };
+
+        Module.prototype = {
+            init: function (depMaps, factory, errback, options) {
+                options = options || {};
+
+                //Do not do more inits if already done. Can happen if there
+                //are multiple define calls for the same module. That is not
+                //a normal, common case, but it is also not unexpected.
+                if (this.inited) {
+                    return;
+                }
+
+                this.factory = factory;
+
+                if (errback) {
+                    //Register for errors on this module.
+                    this.on('error', errback);
+                } else if (this.events.error) {
+                    //If no errback already, but there are error listeners
+                    //on this module, set up an errback to pass to the deps.
+                    errback = bind(this, function (err) {
+                        this.emit('error', err);
+                    });
+                }
+
+                //Do a copy of the dependency array, so that
+                //source inputs are not modified. For example
+                //"shim" deps are passed in here directly, and
+                //doing a direct modification of the depMaps array
+                //would affect that config.
+                this.depMaps = depMaps && depMaps.slice(0);
+
+                this.errback = errback;
+
+                //Indicate this module has be initialized
+                this.inited = true;
+
+                this.ignore = options.ignore;
+
+                //Could have option to init this module in enabled mode,
+                //or could have been previously marked as enabled. However,
+                //the dependencies are not known until init is called. So
+                //if enabled previously, now trigger dependencies as enabled.
+                if (options.enabled || this.enabled) {
+                    //Enable this module and dependencies.
+                    //Will call this.check()
+                    this.enable();
+                } else {
+                    this.check();
+                }
+            },
+
+            defineDep: function (i, depExports) {
+                //Because of cycles, defined callback for a given
+                //export can be called more than once.
+                if (!this.depMatched[i]) {
+                    this.depMatched[i] = true;
+                    this.depCount -= 1;
+                    this.depExports[i] = depExports;
+                }
+            },
+
+            fetch: function () {
+                if (this.fetched) {
+                    return;
+                }
+                this.fetched = true;
+
+                context.startTime = (new Date()).getTime();
+
+                var map = this.map;
+
+                //If the manager is for a plugin managed resource,
+                //ask the plugin to load it now.
+                if (this.shim) {
+                    context.makeRequire(this.map, {
+                        enableBuildCallback: true
+                    })(this.shim.deps || [], bind(this, function () {
+                        return map.prefix ? this.callPlugin() : this.load();
+                    }));
+                } else {
+                    //Regular dependency.
+                    return map.prefix ? this.callPlugin() : this.load();
+                }
+            },
+
+            load: function () {
+                var url = this.map.url;
+
+                //Regular dependency.
+                if (!urlFetched[url]) {
+                    urlFetched[url] = true;
+                    context.load(this.map.id, url);
+                }
+            },
+
+            /**
+             * Checks if the module is ready to define itself, and if so,
+             * define it.
+             */
+            check: function () {
+                if (!this.enabled || this.enabling) {
+                    return;
+                }
+
+                var err, cjsModule,
+                    id = this.map.id,
+                    depExports = this.depExports,
+                    exports = this.exports,
+                    factory = this.factory;
+
+                if (!this.inited) {
+                    this.fetch();
+                } else if (this.error) {
+                    this.emit('error', this.error);
+                } else if (!this.defining) {
+                    //The factory could trigger another require call
+                    //that would result in checking this module to
+                    //define itself again. If already in the process
+                    //of doing that, skip this work.
+                    this.defining = true;
+
+                    if (this.depCount < 1 && !this.defined) {
+                        if (isFunction(factory)) {
+                            //If there is an error listener, favor passing
+                            //to that instead of throwing an error. However,
+                            //only do it for define()'d  modules. require
+                            //errbacks should not be called for failures in
+                            //their callbacks (#699). However if a global
+                            //onError is set, use that.
+                            if ((this.events.error && this.map.isDefine) ||
+                                req.onError !== defaultOnError) {
+                                try {
+                                    exports = context.execCb(id, factory, depExports, exports);
+                                } catch (e) {
+                                    err = e;
+                                }
+                            } else {
+                                exports = context.execCb(id, factory, depExports, exports);
+                            }
+
+                            // Favor return value over exports. If node/cjs in play,
+                            // then will not have a return value anyway. Favor
+                            // module.exports assignment over exports object.
+                            if (this.map.isDefine && exports === undefined) {
+                                cjsModule = this.module;
+                                if (cjsModule) {
+                                    exports = cjsModule.exports;
+                                } else if (this.usingExports) {
+                                    //exports already set the defined value.
+                                    exports = this.exports;
+                                }
+                            }
+
+                            if (err) {
+                                err.requireMap = this.map;
+                                err.requireModules = this.map.isDefine ? [this.map.id] : null;
+                                err.requireType = this.map.isDefine ? 'define' : 'require';
+                                return onError((this.error = err));
+                            }
+
+                        } else {
+                            //Just a literal value
+                            exports = factory;
+                        }
+
+                        this.exports = exports;
+
+                        if (this.map.isDefine && !this.ignore) {
+                            defined[id] = exports;
+
+                            if (req.onResourceLoad) {
+                                req.onResourceLoad(context, this.map, this.depMaps);
+                            }
+                        }
+
+                        //Clean up
+                        cleanRegistry(id);
+
+                        this.defined = true;
+                    }
+
+                    //Finished the define stage. Allow calling check again
+                    //to allow define notifications below in the case of a
+                    //cycle.
+                    this.defining = false;
+
+                    if (this.defined && !this.defineEmitted) {
+                        this.defineEmitted = true;
+                        this.emit('defined', this.exports);
+                        this.defineEmitComplete = true;
+                    }
+
+                }
+            },
+
+            callPlugin: function () {
+                var map = this.map,
+                    id = map.id,
+                    //Map already normalized the prefix.
+                    pluginMap = makeModuleMap(map.prefix);
+
+                //Mark this as a dependency for this plugin, so it
+                //can be traced for cycles.
+                this.depMaps.push(pluginMap);
+
+                on(pluginMap, 'defined', bind(this, function (plugin) {
+                    var load, normalizedMap, normalizedMod,
+                        bundleId = getOwn(bundlesMap, this.map.id),
+                        name = this.map.name,
+                        parentName = this.map.parentMap ? this.map.parentMap.name : null,
+                        localRequire = context.makeRequire(map.parentMap, {
+                            enableBuildCallback: true
+                        });
+
+                    //If current map is not normalized, wait for that
+                    //normalized name to load instead of continuing.
+                    if (this.map.unnormalized) {
+                        //Normalize the ID if the plugin allows it.
+                        if (plugin.normalize) {
+                            name = plugin.normalize(name, function (name) {
+                                return normalize(name, parentName, true);
+                            }) || '';
+                        }
+
+                        //prefix and name should already be normalized, no need
+                        //for applying map config again either.
+                        normalizedMap = makeModuleMap(map.prefix + '!' + name,
+                                                      this.map.parentMap);
+                        on(normalizedMap,
+                            'defined', bind(this, function (value) {
+                                this.init([], function () { return value; }, null, {
+                                    enabled: true,
+                                    ignore: true
+                                });
+                            }));
+
+                        normalizedMod = getOwn(registry, normalizedMap.id);
+                        if (normalizedMod) {
+                            //Mark this as a dependency for this plugin, so it
+                            //can be traced for cycles.
+                            this.depMaps.push(normalizedMap);
+
+                            if (this.events.error) {
+                                normalizedMod.on('error', bind(this, function (err) {
+                                    this.emit('error', err);
+                                }));
+                            }
+                            normalizedMod.enable();
+                        }
+
+                        return;
+                    }
+
+                    //If a paths config, then just load that file instead to
+                    //resolve the plugin, as it is built into that paths layer.
+                    if (bundleId) {
+                        this.map.url = context.nameToUrl(bundleId);
+                        this.load();
+                        return;
+                    }
+
+                    load = bind(this, function (value) {
+                        this.init([], function () { return value; }, null, {
+                            enabled: true
+                        });
+                    });
+
+                    load.error = bind(this, function (err) {
+                        this.inited = true;
+                        this.error = err;
+                        err.requireModules = [id];
+
+                        //Remove temp unnormalized modules for this module,
+                        //since they will never be resolved otherwise now.
+                        eachProp(registry, function (mod) {
+                            if (mod.map.id.indexOf(id + '_unnormalized') === 0) {
+                                cleanRegistry(mod.map.id);
+                            }
+                        });
+
+                        onError(err);
+                    });
+
+                    //Allow plugins to load other code without having to know the
+                    //context or how to 'complete' the load.
+                    load.fromText = bind(this, function (text, textAlt) {
+                        /*jslint evil: true */
+                        var moduleName = map.name,
+                            moduleMap = makeModuleMap(moduleName),
+                            hasInteractive = useInteractive;
+
+                        //As of 2.1.0, support just passing the text, to reinforce
+                        //fromText only being called once per resource. Still
+                        //support old style of passing moduleName but discard
+                        //that moduleName in favor of the internal ref.
+                        if (textAlt) {
+                            text = textAlt;
+                        }
+
+                        //Turn off interactive script matching for IE for any define
+                        //calls in the text, then turn it back on at the end.
+                        if (hasInteractive) {
+                            useInteractive = false;
+                        }
+
+                        //Prime the system by creating a module instance for
+                        //it.
+                        getModule(moduleMap);
+
+                        //Transfer any config to this other module.
+                        if (hasProp(config.config, id)) {
+                            config.config[moduleName] = config.config[id];
+                        }
+
+                        try {
+                            req.exec(text);
+                        } catch (e) {
+                            return onError(makeError('fromtexteval',
+                                             'fromText eval for ' + id +
+                                            ' failed: ' + e,
+                                             e,
+                                             [id]));
+                        }
+
+                        if (hasInteractive) {
+                            useInteractive = true;
+                        }
+
+                        //Mark this as a dependency for the plugin
+                        //resource
+                        this.depMaps.push(moduleMap);
+
+                        //Support anonymous modules.
+                        context.completeLoad(moduleName);
+
+                        //Bind the value of that module to the value for this
+                        //resource ID.
+                        localRequire([moduleName], load);
+                    });
+
+                    //Use parentName here since the plugin's name is not reliable,
+                    //could be some weird string with no path that actually wants to
+                    //reference the parentName's path.
+                    plugin.load(map.name, localRequire, load, config);
+                }));
+
+                context.enable(pluginMap, this);
+                this.pluginMaps[pluginMap.id] = pluginMap;
+            },
+
+            enable: function () {
+                enabledRegistry[this.map.id] = this;
+                this.enabled = true;
+
+                //Set flag mentioning that the module is enabling,
+                //so that immediate calls to the defined callbacks
+                //for dependencies do not trigger inadvertent load
+                //with the depCount still being zero.
+                this.enabling = true;
+
+                //Enable each dependency
+                each(this.depMaps, bind(this, function (depMap, i) {
+                    var id, mod, handler;
+
+                    if (typeof depMap === 'string') {
+                        //Dependency needs to be converted to a depMap
+                        //and wired up to this module.
+                        depMap = makeModuleMap(depMap,
+                                               (this.map.isDefine ? this.map : this.map.parentMap),
+                                               false,
+                                               !this.skipMap);
+                        this.depMaps[i] = depMap;
+
+                        handler = getOwn(handlers, depMap.id);
+
+                        if (handler) {
+                            this.depExports[i] = handler(this);
+                            return;
+                        }
+
+                        this.depCount += 1;
+
+                        on(depMap, 'defined', bind(this, function (depExports) {
+                            this.defineDep(i, depExports);
+                            this.check();
+                        }));
+
+                        if (this.errback) {
+                            on(depMap, 'error', bind(this, this.errback));
+                        }
+                    }
+
+                    id = depMap.id;
+                    mod = registry[id];
+
+                    //Skip special modules like 'require', 'exports', 'module'
+                    //Also, don't call enable if it is already enabled,
+                    //important in circular dependency cases.
+                    if (!hasProp(handlers, id) && mod && !mod.enabled) {
+                        context.enable(depMap, this);
+                    }
+                }));
+
+                //Enable each plugin that is used in
+                //a dependency
+                eachProp(this.pluginMaps, bind(this, function (pluginMap) {
+                    var mod = getOwn(registry, pluginMap.id);
+                    if (mod && !mod.enabled) {
+                        context.enable(pluginMap, this);
+                    }
+                }));
+
+                this.enabling = false;
+
+                this.check();
+            },
+
+            on: function (name, cb) {
+                var cbs = this.events[name];
+                if (!cbs) {
+                    cbs = this.events[name] = [];
+                }
+                cbs.push(cb);
+            },
+
+            emit: function (name, evt) {
+                each(this.events[name], function (cb) {
+                    cb(evt);
+                });
+                if (name === 'error') {
+                    //Now that the error handler was triggered, remove
+                    //the listeners, since this broken Module instance
+                    //can stay around for a while in the registry.
+                    delete this.events[name];
+                }
+            }
+        };
+
+        function callGetModule(args) {
+            //Skip modules already defined.
+            if (!hasProp(defined, args[0])) {
+                getModule(makeModuleMap(args[0], null, true)).init(args[1], args[2]);
+            }
+        }
+
+        function removeListener(node, func, name, ieName) {
+            //Favor detachEvent because of IE9
+            //issue, see attachEvent/addEventListener comment elsewhere
+            //in this file.
+            if (node.detachEvent && !isOpera) {
+                //Probably IE. If not it will throw an error, which will be
+                //useful to know.
+                if (ieName) {
+                    node.detachEvent(ieName, func);
+                }
+            } else {
+                node.removeEventListener(name, func, false);
+            }
+        }
+
+        /**
+         * Given an event from a script node, get the requirejs info from it,
+         * and then removes the event listeners on the node.
+         * @param {Event} evt
+         * @returns {Object}
+         */
+        function getScriptData(evt) {
+            //Using currentTarget instead of target for Firefox 2.0's sake. Not
+            //all old browsers will be supported, but this one was easy enough
+            //to support and still makes sense.
+            var node = evt.currentTarget || evt.srcElement;
+
+            //Remove the listeners once here.
+            removeListener(node, context.onScriptLoad, 'load', 'onreadystatechange');
+            removeListener(node, context.onScriptError, 'error');
+
+            return {
+                node: node,
+                id: node && node.getAttribute('data-requiremodule')
+            };
+        }
+
+        function intakeDefines() {
+            var args;
+
+            //Any defined modules in the global queue, intake them now.
+            takeGlobalQueue();
+
+            //Make sure any remaining defQueue items get properly processed.
+            while (defQueue.length) {
+                args = defQueue.shift();
+                if (args[0] === null) {
+                    return onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1]));
+                } else {
+                    //args are id, deps, factory. Should be normalized by the
+                    //define() function.
+                    callGetModule(args);
+                }
+            }
+        }
+
+        context = {
+            config: config,
+            contextName: contextName,
+            registry: registry,
+            defined: defined,
+            urlFetched: urlFetched,
+            defQueue: defQueue,
+            Module: Module,
+            makeModuleMap: makeModuleMap,
+            nextTick: req.nextTick,
+            onError: onError,
+
+            /**
+             * Set a configuration for the context.
+             * @param {Object} cfg config object to integrate.
+             */
+            configure: function (cfg) {
+                //Make sure the baseUrl ends in a slash.
+                if (cfg.baseUrl) {
+                    if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== '/') {
+                        cfg.baseUrl += '/';
+                    }
+                }
+
+                //Save off the paths since they require special processing,
+                //they are additive.
+                var shim = config.shim,
+                    objs = {
+                        paths: true,
+                        bundles: true,
+                        config: true,
+                        map: true
+                    };
+
+                eachProp(cfg, function (value, prop) {
+                    if (objs[prop]) {
+                        if (!config[prop]) {
+                            config[prop] = {};
+                        }
+                        mixin(config[prop], value, true, true);
+                    } else {
+                        config[prop] = value;
+                    }
+                });
+
+                //Reverse map the bundles
+                if (cfg.bundles) {
+                    eachProp(cfg.bundles, function (value, prop) {
+                        each(value, function (v) {
+                            if (v !== prop) {
+                                bundlesMap[v] = prop;
+                            }
+                        });
+                    });
+                }
+
+                //Merge shim
+                if (cfg.shim) {
+                    eachProp(cfg.shim, function (value, id) {
+                        //Normalize the structure
+                        if (isArray(value)) {
+                            value = {
+                                deps: value
+                            };
+                        }
+                        if ((value.exports || value.init) && !value.exportsFn) {
+                            value.exportsFn = context.makeShimExports(value);
+                        }
+                        shim[id] = value;
+                    });
+                    config.shim = shim;
+                }
+
+                //Adjust packages if necessary.
+                if (cfg.packages) {
+                    each(cfg.packages, function (pkgObj) {
+                        var location, name;
+
+                        pkgObj = typeof pkgObj === 'string' ? { name: pkgObj } : pkgObj;
+
+                        name = pkgObj.name;
+                        location = pkgObj.location;
+                        if (location) {
+                            config.paths[name] = pkgObj.location;
+                        }
+
+                        //Save pointer to main module ID for pkg name.
+                        //Remove leading dot in main, so main paths are normalized,
+                        //and remove any trailing .js, since different package
+                        //envs have different conventions: some use a module name,
+                        //some use a file name.
+                        config.pkgs[name] = pkgObj.name + '/' + (pkgObj.main || 'main')
+                                     .replace(currDirRegExp, '')
+                                     .replace(jsSuffixRegExp, '');
+                    });
+                }
+
+                //If there are any "waiting to execute" modules in the registry,
+                //update the maps for them, since their info, like URLs to load,
+                //may have changed.
+                eachProp(registry, function (mod, id) {
+                    //If module already has init called, since it is too
+                    //late to modify them, and ignore unnormalized ones
+                    //since they are transient.
+                    if (!mod.inited && !mod.map.unnormalized) {
+                        mod.map = makeModuleMap(id);
+                    }
+                });
+
+                //If a deps array or a config callback is specified, then call
+                //require with those args. This is useful when require is defined as a
+                //config object before require.js is loaded.
+                if (cfg.deps || cfg.callback) {
+                    context.require(cfg.deps || [], cfg.callback);
+                }
+            },
+
+            makeShimExports: function (value) {
+                function fn() {
+                    var ret;
+                    if (value.init) {
+                        ret = value.init.apply(global, arguments);
+                    }
+                    return ret || (value.exports && getGlobal(value.exports));
+                }
+                return fn;
+            },
+
+            makeRequire: function (relMap, options) {
+                options = options || {};
+
+                function localRequire(deps, callback, errback) {
+                    var id, map, requireMod;
+
+                    if (options.enableBuildCallback && callback && isFunction(callback)) {
+                        callback.__requireJsBuild = true;
+                    }
+
+                    if (typeof deps === 'string') {
+                        if (isFunction(callback)) {
+                            //Invalid call
+                            return onError(makeError('requireargs', 'Invalid require call'), errback);
+                        }
+
+                        //If require|exports|module are requested, get the
+                        //value for them from the special handlers. Caveat:
+                        //this only works while module is being defined.
+                        if (relMap && hasProp(handlers, deps)) {
+                            return handlers[deps](registry[relMap.id]);
+                        }
+
+                        //Synchronous access to one module. If require.get is
+                        //available (as in the Node adapter), prefer that.
+                        if (req.get) {
+                            return req.get(context, deps, relMap, localRequire);
+                        }
+
+                        //Normalize module name, if it contains . or ..
+                        map = makeModuleMap(deps, relMap, false, true);
+                        id = map.id;
+
+                        if (!hasProp(defined, id)) {
+                            return onError(makeError('notloaded', 'Module name "' +
+                                        id +
+                                        '" has not been loaded yet for context: ' +
+                                        contextName +
+                                        (relMap ? '' : '. Use require([])')));
+                        }
+                        return defined[id];
+                    }
+
+                    //Grab defines waiting in the global queue.
+                    intakeDefines();
+
+                    //Mark all the dependencies as needing to be loaded.
+                    context.nextTick(function () {
+                        //Some defines could have been added since the
+                        //require call, collect them.
+                        intakeDefines();
+
+                        requireMod = getModule(makeModuleMap(null, relMap));
+
+                        //Store if map config should be applied to this require
+                        //call for dependencies.
+                        requireMod.skipMap = options.skipMap;
+
+                        requireMod.init(deps, callback, errback, {
+                            enabled: true
+                        });
+
+                        checkLoaded();
+                    });
+
+                    return localRequire;
+                }
+
+                mixin(localRequire, {
+                    isBrowser: isBrowser,
+
+                    /**
+                     * Converts a module name + .extension into an URL path.
+                     * *Requires* the use of a module name. It does not support using
+                     * plain URLs like nameToUrl.
+                     */
+                    toUrl: function (moduleNamePlusExt) {
+                        var ext,
+                            index = moduleNamePlusExt.lastIndexOf('.'),
+                            segment = moduleNamePlusExt.split('/')[0],
+                            isRelative = segment === '.' || segment === '..';
+
+                        //Have a file extension alias, and it is not the
+                        //dots from a relative path.
+                        if (index !== -1 && (!isRelative || index > 1)) {
+                            ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length);
+                            moduleNamePlusExt = moduleNamePlusExt.substring(0, index);
+                        }
+
+                        return context.nameToUrl(normalize(moduleNamePlusExt,
+                                                relMap && relMap.id, true), ext,  true);
+                    },
+
+                    defined: function (id) {
+                        return hasProp(defined, makeModuleMap(id, relMap, false, true).id);
+                    },
+
+                    specified: function (id) {
+                        id = makeModuleMap(id, relMap, false, true).id;
+                        return hasProp(defined, id) || hasProp(registry, id);
+                    }
+                });
+
+                //Only allow undef on top level require calls
+                if (!relMap) {
+                    localRequire.undef = function (id) {
+                        //Bind any waiting define() calls to this context,
+                        //fix for #408
+                        takeGlobalQueue();
+
+                        var map = makeModuleMap(id, relMap, true),
+                            mod = getOwn(registry, id);
+
+                        removeScript(id);
+
+                        delete defined[id];
+                        delete urlFetched[map.url];
+                        delete undefEvents[id];
+
+                        //Clean queued defines too. Go backwards
+                        //in array so that the splices do not
+                        //mess up the iteration.
+                        eachReverse(defQueue, function(args, i) {
+                            if(args[0] === id) {
+                                defQueue.splice(i, 1);
+                            }
+                        });
+
+                        if (mod) {
+                            //Hold on to listeners in case the
+                            //module will be attempted to be reloaded
+                            //using a different config.
+                            if (mod.events.defined) {
+                                undefEvents[id] = mod.events;
+                            }
+
+                            cleanRegistry(id);
+                        }
+                    };
+                }
+
+                return localRequire;
+            },
+
+            /**
+             * Called to enable a module if it is still in the registry
+             * awaiting enablement. A second arg, parent, the parent module,
+             * is passed in for context, when this method is overridden by
+             * the optimizer. Not shown here to keep code compact.
+             */
+            enable: function (depMap) {
+                var mod = getOwn(registry, depMap.id);
+                if (mod) {
+                    getModule(depMap).enable();
+                }
+            },
+
+            /**
+             * Internal method used by environment adapters to complete a load event.
+             * A load event could be a script load or just a load pass from a synchronous
+             * load call.
+             * @param {String} moduleName the name of the module to potentially complete.
+             */
+            completeLoad: function (moduleName) {
+                var found, args, mod,
+                    shim = getOwn(config.shim, moduleName) || {},
+                    shExports = shim.exports;
+
+                takeGlobalQueue();
+
+                while (defQueue.length) {
+                    args = defQueue.shift();
+                    if (args[0] === null) {
+                        args[0] = moduleName;
+                        //If already found an anonymous module and bound it
+                        //to this name, then this is some other anon module
+                        //waiting for its completeLoad to fire.
+                        if (found) {
+                            break;
+                        }
+                        found = true;
+                    } else if (args[0] === moduleName) {
+                        //Found matching define call for this script!
+                        found = true;
+                    }
+
+                    callGetModule(args);
+                }
+
+                //Do this after the cycle of callGetModule in case the result
+                //of those calls/init calls changes the registry.
+                mod = getOwn(registry, moduleName);
+
+                if (!found && !hasProp(defined, moduleName) && mod && !mod.inited) {
+                    if (config.enforceDefine && (!shExports || !getGlobal(shExports))) {
+                        if (hasPathFallback(moduleName)) {
+                            return;
+                        } else {
+                            return onError(makeError('nodefine',
+                                             'No define call for ' + moduleName,
+                                             null,
+                                             [moduleName]));
+                        }
+                    } else {
+                        //A script that does not call define(), so just simulate
+                        //the call for it.
+                        callGetModule([moduleName, (shim.deps || []), shim.exportsFn]);
+                    }
+                }
+
+                checkLoaded();
+            },
+
+            /**
+             * Converts a module name to a file path. Supports cases where
+             * moduleName may actually be just an URL.
+             * Note that it **does not** call normalize on the moduleName,
+             * it is assumed to have already been normalized. This is an
+             * internal API, not a public one. Use toUrl for the public API.
+             */
+            nameToUrl: function (moduleName, ext, skipExt) {
+                var paths, syms, i, parentModule, url,
+                    parentPath, bundleId,
+                    pkgMain = getOwn(config.pkgs, moduleName);
+
+                if (pkgMain) {
+                    moduleName = pkgMain;
+                }
+
+                bundleId = getOwn(bundlesMap, moduleName);
+
+                if (bundleId) {
+                    return context.nameToUrl(bundleId, ext, skipExt);
+                }
+
+                //If a colon is in the URL, it indicates a protocol is used and it is just
+                //an URL to a file, or if it starts with a slash, contains a query arg (i.e. ?)
+                //or ends with .js, then assume the user meant to use an url and not a module id.
+                //The slash is important for protocol-less URLs as well as full paths.
+                if (req.jsExtRegExp.test(moduleName)) {
+                    //Just a plain path, not module name lookup, so just return it.
+                    //Add extension if it is included. This is a bit wonky, only non-.js things pass
+                    //an extension, this method probably needs to be reworked.
+                    url = moduleName + (ext || '');
+                } else {
+                    //A module that needs to be converted to a path.
+                    paths = config.paths;
+
+                    syms = moduleName.split('/');
+                    //For each module name segment, see if there is a path
+                    //registered for it. Start with most specific name
+                    //and work up from it.
+                    for (i = syms.length; i > 0; i -= 1) {
+                        parentModule = syms.slice(0, i).join('/');
+
+                        parentPath = getOwn(paths, parentModule);
+                        if (parentPath) {
+                            //If an array, it means there are a few choices,
+                            //Choose the one that is desired
+                            if (isArray(parentPath)) {
+                                parentPath = parentPath[0];
+                            }
+                            syms.splice(0, i, parentPath);
+                            break;
+                        }
+                    }
+
+                    //Join the path parts together, then figure out if baseUrl is needed.
+                    url = syms.join('/');
+                    url += (ext || (/^data\:|\?/.test(url) || skipExt ? '' : '.js'));
+                    url = (url.charAt(0) === '/' || url.match(/^[\w\+\.\-]+:/) ? '' : config.baseUrl) + url;
+                }
+
+                return config.urlArgs ? url +
+                                        ((url.indexOf('?') === -1 ? '?' : '&') +
+                                         config.urlArgs) : url;
+            },
+
+            //Delegates to req.load. Broken out as a separate function to
+            //allow overriding in the optimizer.
+            load: function (id, url) {
+                req.load(context, id, url);
+            },
+
+            /**
+             * Executes a module callback function. Broken out as a separate function
+             * solely to allow the build system to sequence the files in the built
+             * layer in the right sequence.
+             *
+             * @private
+             */
+            execCb: function (name, callback, args, exports) {
+                return callback.apply(exports, args);
+            },
+
+            /**
+             * callback for script loads, used to check status of loading.
+             *
+             * @param {Event} evt the event from the browser for the script
+             * that was loaded.
+             */
+            onScriptLoad: function (evt) {
+                //Using currentTarget instead of target for Firefox 2.0's sake. Not
+                //all old browsers will be supported, but this one was easy enough
+                //to support and still makes sense.
+                if (evt.type === 'load' ||
+                        (readyRegExp.test((evt.currentTarget || evt.srcElement).readyState))) {
+                    //Reset interactive script so a script node is not held onto for
+                    //to long.
+                    interactiveScript = null;
+
+                    //Pull out the name of the module and the context.
+                    var data = getScriptData(evt);
+                    context.completeLoad(data.id);
+                }
+            },
+
+            /**
+             * Callback for script errors.
+             */
+            onScriptError: function (evt) {
+                var data = getScriptData(evt);
+                if (!hasPathFallback(data.id)) {
+                    return onError(makeError('scripterror', 'Script error for: ' + data.id, evt, [data.id]));
+                }
+            }
+        };
+
+        context.require = context.makeRequire();
+        return context;
+    }
+
+    /**
+     * Main entry point.
+     *
+     * If the only argument to require is a string, then the module that
+     * is represented by that string is fetched for the appropriate context.
+     *
+     * If the first argument is an array, then it will be treated as an array
+     * of dependency string names to fetch. An optional function callback can
+     * be specified to execute when all of those dependencies are available.
+     *
+     * Make a local req variable to help Caja compliance (it assumes things
+     * on a require that are not standardized), and to give a short
+     * name for minification/local scope use.
+     */
+    req = requirejs = function (deps, callback, errback, optional) {
+
+        //Find the right context, use default
+        var context, config,
+            contextName = defContextName;
+
+        // Determine if have config object in the call.
+        if (!isArray(deps) && typeof deps !== 'string') {
+            // deps is a config object
+            config = deps;
+            if (isArray(callback)) {
+                // Adjust args if there are dependencies
+                deps = callback;
+                callback = errback;
+                errback = optional;
+            } else {
+                deps = [];
+            }
+        }
+
+        if (config && config.context) {
+            contextName = config.context;
+        }
+
+        context = getOwn(contexts, contextName);
+        if (!context) {
+            context = contexts[contextName] = req.s.newContext(contextName);
+        }
+
+        if (config) {
+            context.configure(config);
+        }
+
+        return context.require(deps, callback, errback);
+    };
+
+    /**
+     * Support require.config() to make it easier to cooperate with other
+     * AMD loaders on globally agreed names.
+     */
+    req.config = function (config) {
+        return req(config);
+    };
+
+    /**
+     * Execute something after the current tick
+     * of the event loop. Override for other envs
+     * that have a better solution than setTimeout.
+     * @param  {Function} fn function to execute later.
+     */
+    req.nextTick = typeof setTimeout !== 'undefined' ? function (fn) {
+        setTimeout(fn, 4);
+    } : function (fn) { fn(); };
+
+    /**
+     * Export require as a global, but only if it does not already exist.
+     */
+    if (!require) {
+        require = req;
+    }
+
+    req.version = version;
+
+    //Used to filter out dependencies that are already paths.
+    req.jsExtRegExp = /^\/|:|\?|\.js$/;
+    req.isBrowser = isBrowser;
+    s = req.s = {
+        contexts: contexts,
+        newContext: newContext
+    };
+
+    //Create default context.
+    req({});
+
+    //Exports some context-sensitive methods on global require.
+    each([
+        'toUrl',
+        'undef',
+        'defined',
+        'specified'
+    ], function (prop) {
+        //Reference from contexts instead of early binding to default context,
+        //so that during builds, the latest instance of the default context
+        //with its config gets used.
+        req[prop] = function () {
+            var ctx = contexts[defContextName];
+            return ctx.require[prop].apply(ctx, arguments);
+        };
+    });
+
+    if (isBrowser) {
+        head = s.head = document.getElementsByTagName('head')[0];
+        //If BASE tag is in play, using appendChild is a problem for IE6.
+        //When that browser dies, this can be removed. Details in this jQuery bug:
+        //http://dev.jquery.com/ticket/2709
+        baseElement = document.getElementsByTagName('base')[0];
+        if (baseElement) {
+            head = s.head = baseElement.parentNode;
+        }
+    }
+
+    /**
+     * Any errors that require explicitly generates will be passed to this
+     * function. Intercept/override it if you want custom error handling.
+     * @param {Error} err the error object.
+     */
+    req.onError = defaultOnError;
+
+    /**
+     * Creates the node for the load command. Only used in browser envs.
+     */
+    req.createNode = function (config, moduleName, url) {
+        var node = config.xhtml ?
+                document.createElementNS('http://www.w3.org/1999/xhtml', 'html:script') :
+                document.createElement('script');
+        node.type = config.scriptType || 'text/javascript';
+        node.charset = 'utf-8';
+        node.async = true;
+        return node;
+    };
+
+    /**
+     * Does the request to load a module for the browser case.
+     * Make this a separate function to allow other environments
+     * to override it.
+     *
+     * @param {Object} context the require context to find state.
+     * @param {String} moduleName the name of the module.
+     * @param {Object} url the URL to the module.
+     */
+    req.load = function (context, moduleName, url) {
+        var config = (context && context.config) || {},
+            node;
+        if (isBrowser) {
+            //In the browser so use a script tag
+            node = req.createNode(config, moduleName, url);
+
+            node.setAttribute('data-requirecontext', context.contextName);
+            node.setAttribute('data-requiremodule', moduleName);
+
+            //Set up load listener. Test attachEvent first because IE9 has
+            //a subtle issue in its addEventListener and script onload firings
+            //that do not match the behavior of all other browsers with
+            //addEventListener support, which fire the onload event for a
+            //script right after the script execution. See:
+            //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution
+            //UNFORTUNATELY Opera implements attachEvent but does not follow the script
+            //script execution mode.
+            if (node.attachEvent &&
+                    //Check if node.attachEvent is artificially added by custom script or
+                    //natively supported by browser
+                    //read https://github.com/jrburke/requirejs/issues/187
+                    //if we can NOT find [native code] then it must NOT natively supported.
+                    //in IE8, node.attachEvent does not have toString()
+                    //Note the test for "[native code" with no closing brace, see:
+                    //https://github.com/jrburke/requirejs/issues/273
+                    !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) &&
+                    !isOpera) {
+                //Probably IE. IE (at least 6-8) do not fire
+                //script onload right after executing the script, so
+                //we cannot tie the anonymous define call to a name.
+                //However, IE reports the script as being in 'interactive'
+                //readyState at the time of the define call.
+                useInteractive = true;
+
+                node.attachEvent('onreadystatechange', context.onScriptLoad);
+                //It would be great to add an error handler here to catch
+                //404s in IE9+. However, onreadystatechange will fire before
+                //the error handler, so that does not help. If addEventListener
+                //is used, then IE will fire error before load, but we cannot
+                //use that pathway given the connect.microsoft.com issue
+                //mentioned above about not doing the 'script execute,
+                //then fire the script load event listener before execute
+                //next script' that other browsers do.
+                //Best hope: IE10 fixes the issues,
+                //and then destroys all installs of IE 6-9.
+                //node.attachEvent('onerror', context.onScriptError);
+            } else {
+                node.addEventListener('load', context.onScriptLoad, false);
+                node.addEventListener('error', context.onScriptError, false);
+            }
+            node.src = url;
+
+            //For some cache cases in IE 6-8, the script executes before the end
+            //of the appendChild execution, so to tie an anonymous define
+            //call to the module name (which is stored on the node), hold on
+            //to a reference to this node, but clear after the DOM insertion.
+            currentlyAddingScript = node;
+            if (baseElement) {
+                head.insertBefore(node, baseElement);
+            } else {
+                head.appendChild(node);
+            }
+            currentlyAddingScript = null;
+
+            return node;
+        } else if (isWebWorker) {
+            try {
+                //In a web worker, use importScripts. This is not a very
+                //efficient use of importScripts, importScripts will block until
+                //its script is downloaded and evaluated. However, if web workers
+                //are in play, the expectation that a build has been done so that
+                //only one script needs to be loaded anyway. This may need to be
+                //reevaluated if other use cases become common.
+                importScripts(url);
+
+                //Account for anonymous modules
+                context.completeLoad(moduleName);
+            } catch (e) {
+                context.onError(makeError('importscripts',
+                                'importScripts failed for ' +
+                                    moduleName + ' at ' + url,
+                                e,
+                                [moduleName]));
+            }
+        }
+    };
+
+    function getInteractiveScript() {
+        if (interactiveScript && interactiveScript.readyState === 'interactive') {
+            return interactiveScript;
+        }
+
+        eachReverse(scripts(), function (script) {
+            if (script.readyState === 'interactive') {
+                return (interactiveScript = script);
+            }
+        });
+        return interactiveScript;
+    }
+
+    //Look for a data-main script attribute, which could also adjust the baseUrl.
+    if (isBrowser && !cfg.skipDataMain) {
+        //Figure out baseUrl. Get it from the script tag with require.js in it.
+        eachReverse(scripts(), function (script) {
+            //Set the 'head' where we can append children by
+            //using the script's parent.
+            if (!head) {
+                head = script.parentNode;
+            }
+
+            //Look for a data-main attribute to set main script for the page
+            //to load. If it is there, the path to data main becomes the
+            //baseUrl, if it is not already set.
+            dataMain = script.getAttribute('data-main');
+            if (dataMain) {
+                //Preserve dataMain in case it is a path (i.e. contains '?')
+                mainScript = dataMain;
+
+                //Set final baseUrl if there is not already an explicit one.
+                if (!cfg.baseUrl) {
+                    //Pull off the directory of data-main for use as the
+                    //baseUrl.
+                    src = mainScript.split('/');
+                    mainScript = src.pop();
+                    subPath = src.length ? src.join('/')  + '/' : './';
+
+                    cfg.baseUrl = subPath;
+                }
+
+                //Strip off any trailing .js since mainScript is now
+                //like a module name.
+                mainScript = mainScript.replace(jsSuffixRegExp, '');
+
+                 //If mainScript is still a path, fall back to dataMain
+                if (req.jsExtRegExp.test(mainScript)) {
+                    mainScript = dataMain;
+                }
+
+                //Put the data-main script in the files to load.
+                cfg.deps = cfg.deps ? cfg.deps.concat(mainScript) : [mainScript];
+
+                return true;
+            }
+        });
+    }
+
+    /**
+     * The function that handles definitions of modules. Differs from
+     * require() in that a string for the module should be the first argument,
+     * and the function to execute after dependencies are loaded should
+     * return a value to define the module corresponding to the first argument's
+     * name.
+     */
+    define = function (name, deps, callback) {
+        var node, context;
+
+        //Allow for anonymous modules
+        if (typeof name !== 'string') {
+            //Adjust args appropriately
+            callback = deps;
+            deps = name;
+            name = null;
+        }
+
+        //This module may not have dependencies
+        if (!isArray(deps)) {
+            callback = deps;
+            deps = null;
+        }
+
+        //If no name, and callback is a function, then figure out if it a
+        //CommonJS thing with dependencies.
+        if (!deps && isFunction(callback)) {
+            deps = [];
+            //Remove comments from the callback string,
+            //look for require calls, and pull them into the dependencies,
+            //but only if there are function args.
+            if (callback.length) {
+                callback
+                    .toString()
+                    .replace(commentRegExp, '')
+                    .replace(cjsRequireRegExp, function (match, dep) {
+                        deps.push(dep);
+                    });
+
+                //May be a CommonJS thing even without require calls, but still
+                //could use exports, and module. Avoid doing exports and module
+                //work though if it just needs require.
+                //REQUIRES the function to expect the CommonJS variables in the
+                //order listed below.
+                deps = (callback.length === 1 ? ['require'] : ['require', 'exports', 'module']).concat(deps);
+            }
+        }
+
+        //If in IE 6-8 and hit an anonymous define() call, do the interactive
+        //work.
+        if (useInteractive) {
+            node = currentlyAddingScript || getInteractiveScript();
+            if (node) {
+                if (!name) {
+                    name = node.getAttribute('data-requiremodule');
+                }
+                context = contexts[node.getAttribute('data-requirecontext')];
+            }
+        }
+
+        //Always save off evaluating the def call until the script onload handler.
+        //This allows multiple modules to be in a file without prematurely
+        //tracing dependencies, and allows for anonymous module support,
+        //where the module name is not known until the script onload event
+        //occurs. If no context, use the global queue, and get it processed
+        //in the onscript load callback.
+        (context ? context.defQueue : globalDefQueue).push([name, deps, callback]);
+    };
+
+    define.amd = {
+        jQuery: true
+    };
+
+
+    /**
+     * Executes the text. Normally just uses eval, but can be modified
+     * to use a better, environment-specific call. Only used for transpiling
+     * loader plugins, not for plain JS modules.
+     * @param {String} text the text to execute/evaluate.
+     */
+    req.exec = function (text) {
+        /*jslint evil: true */
+        return eval(text);
+    };
+
+    //Set up with config info.
+    req(cfg);
+}(this));
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/render_POP_summation.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/render_POP_summation.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,167 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+    var Scrollview       = require("famous/views/Scrollview");
+
+    var mainContext = Engine.createContext();
+	
+	var boxSVG = '<svg width="55" height="55"><rect x="2" y="2" rx="20" ry="20" width="50" height="50" style="fill:none;stroke:black;stroke-width:5;opacity:1">';
+	var sigmaSVG = '<svg width="500" height="1052.3622" id="svg2"> <g id="g3759"> <path  d="m 54,2 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,31.81771 -0.47557,0.69813 38.70968,32.25806" id="path2985" style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> <path d="m 54,64 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,-31.81771 -0.47557,-0.69813 38.70968,-32.25806" id="path3757" style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> </g> </svg>';
+
+//Draw the summation symbol, with two boxes below and = sign between, and
+// big box next to it, and small box above
+//Approach taken:
+//Make a container surface to hold the sigma and all the boxes
+//Make a separate surface for each SVG element -- one for sigma, one for
+// each box.  
+//For each surface, make a modifier that positions the boxes
+// relative to the sigma and scales the boxes appropriately
+//Make all positions relative to the container surface's origin
+
+    var summationContainer = new ContainerSurface({
+        size: [200, 200],
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	var sigmaSurf = new Surface({
+	  size: [100, 100],
+      content: sigmaSVG,
+      properties: {
+      }
+	});
+	var box1 = new Surface({
+	  size: [100, 100],
+      content: boxSVG,
+      properties: {
+      }
+	});
+	var box2 = new Surface({
+	  size: [100, 100],
+      content: boxSVG,
+      properties: {
+      }
+	});
+	var box3 = new Surface({
+	  size: [100, 100],
+      content: boxSVG,
+      properties: {
+      }
+	});
+	var box4 = new Surface({
+	  size: [100, 100],
+      content: boxSVG,
+      properties: {
+      }
+	});
+	var equalSurf = new Surface({
+	  size: [10, 10],
+      content: "=",
+      properties: {
+      }
+	});
+	
+	var sigmaMod1 = new StateModifier({
+        transform: Transform.translate(0, 20, 0)
+    });
+//==
+	var box1Mod1 = new StateModifier({
+        transform: Transform.translate(7, 90, 0)
+    });
+	var box1Mod2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var box2Mod1 = new StateModifier({
+        transform: Transform.translate(42, 90, 0)
+    });
+	var box2Mod2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var box3Mod1 = new StateModifier({
+        transform: Transform.translate(42, 2, 0)
+    });
+	var box3Mod2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var box4Mod1 = new StateModifier({
+        transform: Transform.translate(57, 20, 0)
+    });
+	var box4Mod2 = new StateModifier({
+		transform: Transform.scale(1.22, 1.22)
+    });
+//==	
+	var equalMod = new StateModifier({
+        transform: Transform.translate(27, 85, 0)
+    });
+
+	summationContainer.add(sigmaMod1).add(sigmaSurf);
+	summationContainer.add(equalMod).add(equalSurf);
+	summationContainer.add(box1Mod1).add(box1Mod2).add(box1);
+	summationContainer.add(box2Mod1).add(box2Mod2).add(box2);
+	summationContainer.add(box3Mod1).add(box3Mod2).add(box3);
+	summationContainer.add(box4Mod1).add(box4Mod2).add(box4);
+	mainContext.add(summationContainer);
+
+//==================	
+	var moveModifier1 = new StateModifier({
+        transform: Transform.translate(250, 100, 0)
+    });
+	var moveModifier2 = new StateModifier({
+        transform: Transform.translate(350, 150, 0)
+    });
+	var rotateModifier = new StateModifier({
+		transform: Transform.rotateZ(Math.PI/4)
+	});
+
+//the origin is the point inside the child, relative to the child's
+// internal axes, at which the child will be pinned inside its parent.
+//The align is the point inside the parent, relative to the parent's axes,
+// at which the origins of children will be pinned.
+//The origin is also the point about which rotations are performed
+	var moveRelativeModifier = new StateModifier({
+      size: [20, 20],
+      align: [0.5,0],
+      origin: [0.5,0]
+    });
+	var moveRelativeModifier2 = new StateModifier({
+      size: [20, 20],
+      align: [0.5,0],
+      origin: [0.5,0]
+    });
+
+	var moveModifier2 = new StateModifier({
+        transform: Transform.translate(350, 150, 0)
+    });
+	
+    var scaleMod = new StateModifier({
+        transform: Transform.scale(0.5, 0.5, 1)
+    });
+
+
+//can make a tree inside the context -- so, can have a transform applied
+// to multiple children..  do so by making a var that holds the transform
+// node, then add to that variable multiple times.
+//Note, though that a given surface object will only render once!  Have to
+// clone it if want multiple versions to be drawn.
+//Same goes for modifiers -- cannot put same modifier object at multiple 
+// places within tree -- it will only render children of ONE of those places!
+//   var node = mainContext.add(rotateModifier);
+//   node.add(moveModifier2).add(moveRelativeModifier).add(mySurface);
+//   node.add(moveModifier1).add(scaleMod).add(mySurface2);
+//   mainContext.add(moveRelativeModifier2).add(sigmaSurf);
+
+//==========================================
+//    scrollview.sequenceFrom(surfaces);
+//    container.add(scrollview);
+
+//    mainContext.add(new Modifier({origin: [.5, .5]})).add(container);
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/render_POP_summation_SVG_in_parts.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/render_POP_summation_SVG_in_parts.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,138 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+    var Scrollview       = require("famous/views/Scrollview");
+
+    var mainContext = Engine.createContext();
+	
+	var boxSVG1 = '<svg width="55" height="55"><rect x="2" y="2" rx="20" ry="20" width="50" height="50" style="fill:none;stroke:black;stroke-width:5;opacity:1">';
+	var boxSVG = [];
+	boxSVG[1] = '<svg width="';
+	boxSVG[2] = '" height="';
+	boxSVG[3] = '"><rect x="';
+	boxSVG[4] = '" y="';
+	boxSVG[5] = '" rx="'
+	boxSVG[6] = '" ry="';
+	boxSVG[7] = '" width="'
+	boxSVG[8] = '" height="'
+	boxSVG[9] = '" style="fill:'
+	boxSVG[10] = ';stroke:'
+	boxSVG[11] = ';stroke-width:'
+	boxSVG[12] = ';opacity:'
+	boxSVG[13] = '">';
+	
+	var boxSVGFromParts1 = boxSVG[1] + '19' + boxSVG[2] + '19' + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '6.5' + boxSVG[6] + '6.5' + boxSVG[7] + '17' + boxSVG[8] + '17' + boxSVG[9] + 'none' + boxSVG[10] + 'black' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var boxSVGFromParts2 = boxSVG[1] + '75' + boxSVG[2] + '75' + boxSVG[3] + '2' + boxSVG[4] + '2' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + '70' + boxSVG[8] + '70' + boxSVG[9] + 'none' + boxSVG[10] + 'black' + boxSVG[11] + '5' + boxSVG[12] + '1' + boxSVG[13];
+	
+
+//Draw a simple syntax graph, with a box of the correct color for each
+// node, and curvy links with arrows going from text inside one node to
+// text inside another node.
+//Approach taken:
+//Generate the SVG from calculations -- hold strings, and insert variable
+// values
+//Make each box a surface holding an SVG
+//Make a container surface to hold each node, together with its properties
+//Make a container surface to hold an element node together with its ports
+//Make a separate surface for each SVG element -- one for sigma, one for
+// each box.  
+//For each surface, make a modifier that positions the boxes
+// relative to the sigma and scales the boxes appropriately
+//Make all positions relative to the container surface's origin
+
+    var summationContainer = new ContainerSurface({
+        size: [200, 200],
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	var box1 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts1,
+      properties: {
+      }
+	});
+	var box2 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts1,
+      properties: {
+      }
+	});
+	var box3 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts1,
+      properties: {
+      }
+	});
+	var box4 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2,
+      properties: {
+      }
+	});
+	var equalSurf = new Surface({
+	  size: [10, 10],
+      content: "=",
+      properties: {
+      }
+	});
+	
+	var sigmaMod1 = new StateModifier({
+        transform: Transform.translate(0, 20, 0)
+    });
+//==
+	var box1Mod1 = new StateModifier({
+        transform: Transform.translate(7, 90, 0)
+    });
+	var box1Mod2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var box2Mod1 = new StateModifier({
+        transform: Transform.translate(42, 90, 0)
+    });
+	var box2Mod2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var box3Mod1 = new StateModifier({
+        transform: Transform.translate(42, 2, 0)
+    });
+	var box3Mod2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var box4Mod1 = new StateModifier({
+        transform: Transform.translate(57, 20, 0)
+    });
+	var box4Mod2 = new StateModifier({
+		transform: Transform.scale(1.22, 1.22)
+    });
+//==	
+	var equalMod = new StateModifier({
+        transform: Transform.translate(27, 85, 0)
+    });
+//==
+	var contMod1 = new StateModifier({
+        transform: Transform.translate(50, 50, 0)
+    });
+	var contMod2 = new StateModifier({
+		transform: Transform.scale(.5, .5)
+    });
+	
+
+//	summationContainer.add(sigmaMod1).add(sigmaSurf);
+	summationContainer.add(equalMod).add(equalSurf);
+	summationContainer.add(box1Mod1).add(box1);
+	summationContainer.add(box2Mod1).add(box2);
+	summationContainer.add(box3Mod1).add(box3);
+	summationContainer.add(box4Mod1).add(box4);
+	mainContext.add(contMod1).add(contMod2).add(summationContainer);
+
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/render_POP_syntax_graph.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/render_POP_syntax_graph.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,354 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+
+    var mainContext = Engine.createContext();
+	
+	var boxSVG1 = '<svg width="55" height="55"><rect x="2" y="2" rx="20" ry="20" width="50" height="50" style="fill:none;stroke:black;stroke-width:5;opacity:1">';
+	var boxSVG = [];
+	boxSVG[1] = '<svg width="';
+	boxSVG[2] = '" height="';
+	boxSVG[3] = '"><rect x="';
+	boxSVG[4] = '" y="';
+	boxSVG[5] = '" rx="'
+	boxSVG[6] = '" ry="';
+	boxSVG[7] = '" width="'
+	boxSVG[8] = '" height="'
+	boxSVG[9] = '" style="fill:'
+	boxSVG[10] = ';stroke:'
+	boxSVG[11] = ';stroke-width:'
+	boxSVG[12] = ';opacity:'
+	boxSVG[13] = '">';
+	
+
+//Draw a simple syntax graph, with a box of the correct color for each
+// node, and curvy links with arrows going from text inside one node to
+// text inside another node.
+//Approach taken:
+//Generate the SVG from calculations -- hold strings in an array, and
+// build up an SVG string by adding string piece, then variable value then
+// another string piece, and so on.
+//Make each box a surface holding an SVG
+//Sizing of the box happens inside the SVG string
+//Positioning the box happens via a modifier
+
+//Make one container surface to hold each element node together with its
+// properties and ports
+//Make a separate surface for each SVG element -- one for each box, one for
+// each text in a box, one for each curvy connector arrow between boxes or
+// between texts.  
+//For each surface, make a modifier that positions the box relative to the
+// container surface's origin
+//At the end, make transforms to move the entire container around
+
+	//elem1 is the root element from the Gabe Pattern syntax graph
+	// here, make the visual elements that reproduce what see in the .pdf
+    var elem1Container = new ContainerSurface({
+        size: [600, 600], //size it big for now, trim to contents later
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	
+//==
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var box1_1width = 66;
+	var box1_1height = 86
+//	var boxSVGFromParts1_1 = boxSVG[1] + (box1_1width + 2) + boxSVG[2] + (box1_1height + 2) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_1width + boxSVG[8] + box1_1height + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box1_1w = 66; var box1_1h = 86; var box1_1pad = 2;
+	var boxSVGFromParts1_1 = boxSVG[1] + (box1_1w + box1_1pad) + boxSVG[2] + (box1_1h + box1_1pad) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_1w + boxSVG[8] + box1_1h + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+
+//== elem1 box 1 --> box1_1
+	var box1_1 = new Surface({
+	  size: [true, true],
+      content: boxSVGFromParts1_1
+	});
+	var box1_1x = 0;
+	var box1_1y = 2;
+	var boxMod1_1_1 = new StateModifier({
+        transform: Transform.translate(box1_1x, box1_1y, 0)
+    });
+	
+//== elem1 box 1 text 1 --> text1_1_1
+	var text1_1_1 = new Surface({
+	  size: [true, 11],
+      content: "properties",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'hand'
+      }
+	});
+	var text1_1_2 = new Surface({
+	  size: [true, true],
+      content: "portsIn",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_1_3 = new Surface({
+	  size: [true, true],
+      content: "portsOut",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_1_4 = new Surface({
+	  size: [true, true],
+      content: "subElems",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+     }
+	});
+//== elem 1 box 1 text 1 mod 1 -> textMod1_1_1_1
+	var text1_1_1x = 8;
+	var text1_1_1y = 8;
+	var textMod1_1_1_1 = new StateModifier({
+        transform: Transform.translate(text1_1_1x, text1_1_1y, 0)
+    });
+	var textMod1_1_2_1 = new StateModifier({
+        transform: Transform.translate(8, 25, 0)
+    });
+	var textMod1_1_3_1 = new StateModifier({
+        transform: Transform.translate(8, 42, 0)
+    });
+	var textMod1_1_4_1 = new StateModifier({
+        transform: Transform.translate(8, 59, 0)
+    });
+//==
+	elem1Container.add(boxMod1_1_1).add(box1_1);
+	elem1Container.add(textMod1_1_1_1).add(text1_1_1);
+	elem1Container.add(textMod1_1_2_1).add(text1_1_2);
+	elem1Container.add(textMod1_1_3_1).add(text1_1_3);
+	elem1Container.add(textMod1_1_4_1).add(text1_1_4);
+
+//== elem 1 box 2 --> box1_2
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var box1_2w = 183; var box1_2h = 69; var box1_2pad = 2;
+	var boxSVGFromParts1_2 = boxSVG[1] + (box1_2w + box1_2pad) + boxSVG[2] + (box1_2h + box1_2pad) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_2w + boxSVG[8] + box1_2h + boxSVG[9] + 'none' + boxSVG[10] + 'green' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box1_2 = new Surface({
+	  size: [true, true],
+      content: boxSVGFromParts1_2
+ 	});
+	var box1_2x = 100;
+	var box1_2y = 2;
+	var boxMod1_2_1 = new StateModifier({
+        transform: Transform.translate(box1_2x, box1_2y, 0)
+    });
+//== elem 1 box 2 text 1 --> text1_2_1
+	var text1_2_1 = new Surface({
+	  size: [true, true],
+      content: "propertyName:  TypeOfElement",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_2_2 = new Surface({
+	  size: [true, true],
+      content: "propertyValue:  GabeTransfromRule",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	var text1_2_3 = new Surface({
+	  size: [true, true],
+      content: "subProperties",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+//==
+	var textMod1_2_1_1 = new StateModifier({
+        transform: Transform.translate(108, 8, 0)
+    });
+	var textMod1_2_2_1 = new StateModifier({
+        transform: Transform.translate(108, 25, 0)
+    });
+	var textMod1_2_3_1 = new StateModifier({
+        transform: Transform.translate(108, 42, 0)
+    });
+//==
+	elem1Container.add(boxMod1_2_1).add(box1_2);
+	elem1Container.add(textMod1_2_1_1).add(text1_2_1);
+	elem1Container.add(textMod1_2_2_1).add(text1_2_2);
+	elem1Container.add(textMod1_2_3_1).add(text1_2_3);
+
+//Now, add bezier curve, in SVG..
+//One end point is the end of "properties" text surface inside the elem box
+//Other end point is the middle of side of properties box
+	
+	var bezierSVG1 = '<svg width="106" height="106"> <path d="M3,3 C0,100 100,0 100,100" style="fill:none;stroke:black;stroke-width:4;opacity:1">';
+
+	var bezSVG = [];
+	bezSVG[1] = '<svg width="'
+	bezSVG[2] = '" height="'
+	bezSVG[3] = '"><path d="M' //start pt x
+	bezSVG[4] = ','  //start pt y
+	bezSVG[5] = ' C' //control pt 1 x
+	bezSVG[6] = ','  //control pt 1 y
+	bezSVG[7] = ' '  //control pt 2 x
+	bezSVG[8] = ','  //control pt 2 y
+	bezSVG[9] = ' '  //end pt x
+	bezSVG[10] = ',' //end pt y
+	bezSVG[11] = '" style="fill:'
+	bezSVG[12] = ';stroke:'
+	bezSVG[13] = ';stroke-width:'
+	bezSVG[14] = ';opacity:'
+	bezSVG[15] = '">';
+	
+	//now calculate the end points of the curve -- they connect to the
+	// right edge of the "properties" text in the left box, and to the
+	// middle of the left side of the right box
+	var bezPoints = [{},{}];
+	var fontSz = 11;
+	bezPoints[0].x = box1_1x + box1_1w;
+	bezPoints[0].y = text1_1_1y + fontSz/2 + 8;
+	bezPoints[1].x = box1_2x;
+	bezPoints[1].y = box1_2y + (box1_2h+box1_2pad)/2;
+
+	var controlPoints = [];
+	controlPoints[0] = {x:bezPoints[1].x, y:bezPoints[0].y};
+	controlPoints[1] = {x:bezPoints[0].x, y:bezPoints[1].y};
+
+
+	//	1:width 2:height 3:st x 4:st y 5:c1 x 6:c1 y 7:c2 x 8:c2 y 9: end x
+	// 10: end y 11:fill 12:stroke 13:stroke-width 14:opacity
+	var bezSVG1 = "";
+	bezSVG1 += bezSVG[1] + 200;//(bezPoints[1].x - bezPoints[0].x + 6);
+	bezSVG1 += bezSVG[2] + 200;//(bezPoints[0].y - bezPoints[1].y + 6);
+	bezSVG1 += bezSVG[3] + bezPoints[0].x; 
+	bezSVG1 += bezSVG[4] + bezPoints[0].y; 
+	bezSVG1 += bezSVG[5] + controlPoints[0].x;
+	bezSVG1 += bezSVG[6] + controlPoints[0].y;
+	bezSVG1 += bezSVG[7] + controlPoints[1].x;
+	bezSVG1 += bezSVG[8] + controlPoints[1].y;
+	bezSVG1 += bezSVG[9] + bezPoints[1].x; 
+	bezSVG1 += bezSVG[10] + bezPoints[1].y; 
+	bezSVG1 += bezSVG[11] + 'none' + bezSVG[12] + 'black' + bezSVG[13] + '2' + bezSVG[14] + '1' + bezSVG[15];
+
+var bezSVG2 = '<svg width="400" height="170"><path d="M66,13.5 C66,2.5 100,13.5 100,2.5" style="fill:none;stroke:black;stroke-width:2;opacity:1">';	
+var x1 = 59; var x2 = 100; var y1 = 22; var y2 = 40;
+var bezSVG3 = '<svg width="200" height="200"><path d="M59,21 C100,21 59,38 100,38" style="fill:none;stroke:black;stroke-width:2;opacity:1">';	
+	var bez1_1 = new Surface({
+	  size: [true, true],
+      content: bezSVG1
+ 	});
+
+	elem1Container.add(bez1_1);
+
+var el1 =  document.createElement("span")
+var displayStr = bezSVG1.replace(/</g, "&lt");//make the html display as text
+el1.innerHTML = (displayStr + "<br>");
+document.body.appendChild(el1);
+el1 =  document.createElement("span")
+displayStr = bezSVG3.replace(/</g, "&lt");//make the html display as text
+el1.innerHTML = displayStr;
+document.body.appendChild(el1);
+
+
+//== elem 1 Modifer 1 --> contMod1_1
+	var contMod1_1 = new StateModifier({
+        transform: Transform.translate(50, 50, 0)
+    });
+	var contMod1_2 = new StateModifier({
+		transform: Transform.scale(1, 1)
+    });	
+//==
+
+	mainContext.add(contMod1_1).add(contMod1_2).add(elem1Container);
+
+	//elem2 is 
+    var elem2Container = new ContainerSurface({
+        size: [200, 200],
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	
+	
+	
+//== elem 2 box 1 --> box2_1
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var boxSVGFromParts2_1 = boxSVG[1] + '68' + boxSVG[2] + '88' + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + '66' + boxSVG[8] + '86' + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box2_1 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2_1,
+	});
+	var box2_3 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2_1,
+      properties: {
+      }
+	});
+	var box2_4 = new Surface({
+	  size: [100, 100],
+      content: boxSVGFromParts2_1,
+      properties: {
+      }
+	});
+	
+//==
+	var boxMod2_1_1 = new StateModifier({
+        transform: Transform.translate(7, 90, 0)
+    });
+	var boxMod2_1_2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var boxMod2_2_1 = new StateModifier({
+        transform: Transform.translate(42, 90, 0)
+    });
+	var boxMod2_2_2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var boxMod2_3_1 = new StateModifier({
+        transform: Transform.translate(42, 2, 0)
+    });
+	var boxMod2_3_2 = new StateModifier({
+		transform: Transform.scale(.3, .3)
+    });
+//==
+	var boxMod2_4_1 = new StateModifier({
+        transform: Transform.translate(57, 20, 0)
+    });
+	var boxMod2_4_2 = new StateModifier({
+		transform: Transform.scale(1.22, 1.22)
+    });
+//==	
+	var equalMod = new StateModifier({
+        transform: Transform.translate(27, 85, 0)
+    });
+	
+
+//	summationContainer.add(sigmaMod1).add(sigmaSurf);
+
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display - Copy/startUpApp.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display - Copy/startUpApp.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,15 @@
+// For any third party dependencies, like jQuery, place them in the lib folder.
+
+// Configure loading modules from the lib directory,
+// except for 'app' ones, which are in a sibling
+// directory.
+requirejs.config({
+//    baseUrl: 'lib',
+    paths: {
+        app: './app'
+    }
+});
+
+// Start loading the main app file. Put all of
+// your application logic in there.
+requirejs(['app/renderPOPSyntaxGraph']);
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/POPDisplay.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/POPDisplay.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+    <head>
+		<!--This page is a Display for a POP system.  Eventually, a user
+			will simply open this page in their browser, and it will
+			load whatever the last view was for that user.  The user will
+			then enter gestures and get responses in the form of new things
+			drawn on the display.  For example, they can open worksheets
+			or view srcHolder contents, in either syntactic form or syntax
+			graph form.  And they can manipulate the environment, such as
+			make tunnels to other systems, create persistent processors, 
+			expand the running processors made from a particular code
+			base (IE, the POP equivalent of running a program) and so on.
+			
+			For now, this page starts up the entire POP system, but in the
+			future it will simply connect to an existing, persistent one.-->
+        <title>POP Display</title>
+
+        <!-- load the POP system via the requirejs module system -->
+        <script data-main="startUpApp" src="lib/require.js"></script>
+		
+        <!-- helper -->
+		<script src="lib/jquery.min.js"></script>
+		
+        <!-- Declare mobile device compatibilites -->
+		<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+        <!-- backwards compatibility for famous stuff -->
+        <script type="text/javascript" src="lib/functionPrototypeBind.js"></script>
+        <script type="text/javascript" src="lib/classList.js"></script>
+        <script type="text/javascript" src="lib/requestAnimationFrame.js"></script>
+
+        <!-- load the famous stuff -->
+        <link rel="stylesheet" type="text/css" href="lib/famous.css" />
+        <script type="text/javascript" src="lib/famous.js"></script>
+		
+<!-- the famous stylesheet messes up text fonts, but the famous surfaces don't paint their background properly without the famous CSS.. -->
+        <link rel="stylesheet" type="text/css" href="lib/famous_styles.css" />
+
+    </head>
+
+<body>
+
+</body>
+</html>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/app/GabePatternSrcHolder.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/app/GabePatternSrcHolder.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,15 @@
+
+
+//Make a SrcHolder object
+define(function(require, exports, module) {
+
+	var visualizer = require('./POPSyntaxGraphVisualizer');
+	var syntaxGraph = require('./buildGabePatternSyntaxGraph');
+
+	return{
+		visualizer: visualizer,
+		syntaxGraph: syntaxGraph
+	};
+});
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/app/POPApp.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/app/POPApp.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,52 @@
+
+//This is testing scaffolding..
+//As of July 2, 2014:
+//instantiate a Display object
+//instantiate a srcHolder object
+//invoke the visualizer in the srcHolder object, passing it the Display object
+//this should cause the visualizer to generate a view hierarchy and
+// pass that to the Display, which then paints it
+define(function(require, exports, module) {
+	
+	//get the Display object, which contains a function for passing a view
+	// hierarchy, which the Display then paints onto the screen
+	var POPDisplay = require('./POPDisplay');
+	
+	//test that have the require system working properly -- logs to console
+	POPDisplay.acceptViewList("testing accept view list");
+
+	//invoke the module that paints a canned sub-piece of the gabe pattern
+	// syntax graph.. just so have something to see!  (for now.. remove later)
+	require('./renderPOPSyntaxGraph');
+	
+	//cause the source holder object to be made, which will in turn
+	// cause a graph of syntax objects to be built inside of it
+	// and also cause a visualizer object to be built inside of it
+	var srcHolder = require('./GabePatternSrcHolder');
+	
+	//connect the srcHolder to the Display
+	//Not sure yet what final form this will take..  for now..
+	srcHolder.visualizer.connectToDisplay( POPDisplay );
+	
+	//Trigger the visualizer to build a view hierarchy and pass that
+	// to the Display object, which in turn triggers the Display to build
+	// a famous render tree corresponding to the view hierarchy, which paints
+	// the syntax graph representation into the browser
+	//This isn't the correct final form of how the visualizer determines
+	// the portions of the graph to generate a view hierarchy from, but
+	// it works for now, while developing..
+	srcHolder.visualizer.setViewSubGraph( srcHolder.visualizer.syntaxGraph );
+	
+	//Once the system is complete, the view will be initialized to whatever
+	// the last view was before suspend.  When first built, the srcHolder
+	// will be empty, so the view will have a null viewSubGraph.
+	//As the MVDM loop gathers gestures, it will build up the syntax graph,
+	// and during the process update the viewSubGraph.
+	//Each gesture that modifies a portion of the graph that is currently
+	// within the view will cause a change in the viewSubGraph..
+	//Thinking perhaps just have markers inside the normal graph that delimit
+	// the boundaries of the view sub-graph.  Implies that the view can only
+	// include connected portions of the graph..  may be overly restrictive..
+	// might have case where filter the kinds of things that are visible, 
+	// which will collect disconnected pieces from the main graph.
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/app/POPDisplay.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/app/POPDisplay.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,73 @@
+
+
+//Make a Display object, and a number of functions that operate on it.
+// One of the functions accepts an array of visual element objects as
+// input, and turns those visual elements into a famous render tree.
+//The famous context, and the surfaces, and so on exist inside the Display
+// object.
+
+//This uses require.js to create a module.  This module has the name of the
+// file (POPDisplay).  Inside the define, a number of data structures and 
+// functions are created, then returned at the end.  The returned things are
+// what can be accessed by external functions that load this module, via
+// themselves using the require("POPDisplay") call
+define(function(require, exports, module) {
+    //Create the famous infrastructure, which is used for rendering on screen
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform        = require('famous/core/Transform');
+    var StateModifier    = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+
+	//make the context, which controls rendering to the screen
+	// once add something to this context, that add makes the thing visibly
+	// have effect.
+	//Note, these are available to the render function via the closure
+	// mechanism
+    var mainContext = Engine.createContext();
+
+	var handleGesture = function( event ) {
+			//not sure this is the right form, but provide a handler for
+			// gestures made by the programmer/user
+			//This will make an object that pairs the gesture to the view
+			// element that is represented by the surface(s) involved in
+			// the gesture.
+			//It will then send the object to the command generator, which 
+			// is part of the source holder
+		console.log("handleGesture");
+	}
+	function acceptViewList (viewList) {
+		//access Display object and its values here, as a closure
+		console.log("acceptViewList");
+	}
+	
+	function init() {
+		console.log("init");
+		//	var POPStuffToDraw = 
+		var mySurface = new Surface({
+		  size: [100, 100],
+		  content: '<svg width="100" height="80"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">',
+		  properties: {
+			color: 'white',
+			lineHeight: '200%',
+			textAlign: 'center',
+			fontSize: '36px',
+			cursor: 'pointer'
+		  }
+		});
+		var stateModifier = new StateModifier({
+			transform: Transform.translate(250, 100, 0)
+		});
+		mainContext.add(stateModifier).add(mySurface);
+	}
+
+
+	return{
+		init: init,
+		handleGesture: handleGesture,
+		acceptViewList: acceptViewList
+	};
+});
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/app/POPSyntaxGraphVisualizer.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/app/POPSyntaxGraphVisualizer.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,146 @@
+
+
+//Make a Visualizer object, and a number of functions that operate on it.
+// One of the functions accepts 
+define(function(require, exports, module) {
+    //Create the famous infrastructure, which is used for rendering on screen
+	
+	var viewHierarchy = {};
+	
+	var renderer = require('./renderPOPSyntaxGraph');	
+	
+	function init() {
+		//access Visualizer values here, as a closure
+		console.log("init visualizer");
+	}
+	
+	function connectToDisplay( POPDisplay ) {
+		//access Visualizer values here, as a closure
+		console.log("connectToDisplay");
+	}
+	
+	//Calling this function triggers a series of events:
+	//1) it generates a view hierarchy that represents the syntax graph
+	//2) it sends that view hierarchy to the Display
+	//3) the Display creates an internal representation of the hierarchy
+	//4) the Display paints that internal representation to some device
+	function setViewSubGraph( syntaxSubGraph ) {
+		//access Visualizer values here, as a closure
+		console.log("setViewSubGraph");
+		//for first pass, just build the view hierarchy by hand
+		
+		//A view hierarchy consists of a bounding boxes arranged in a
+		// a hierarchy.  Inside each bounding box is either more bounding
+		// boxes or a paintable thing.
+		//For now, paintable things are either SVG or text
+		//Text includes styles such as font, italics, size
+
+		//In this test, just construct the hierarchy for the two boxes
+		// that already did the by-hand SVG for, with the bezier connecting
+		// them..  for now, just make the data structs and populate with
+		// info gotten from the by-hand rendering
+		//Later, will calculate all the box sizes and positions relative to
+		// parents
+		viewHierarchy.rootBox = {
+			width: 500,
+			height: 500,
+			subBoxes: []
+		} //note, left out parent-relative position and shape!
+		
+		var children = viewHierarchy.rootBox.subBoxes;
+		//first child is the syntactic element box
+		svgBox = renderer.getElemBox();
+		children[0] = {
+			width: 68, //match width and height of the SVG shapes inside
+			height: 88,
+			xOffset: 0,
+			yOffset: 2,
+			shape: svgBox,
+			subBoxes: []
+		}
+		//second child is the properties box attached to the first box
+		svgBox = renderer.getPropertiesBox();
+		children[1] = {
+			width: 185, //match width and height of the SVG shapes inside
+			height: 71,
+			xOffset: 100,
+			yOffset: 2,
+			shape: svgBox,
+			subBoxes: []
+		}
+		console.log("box2: " + children[1].shape);
+		
+		//now add the text to the elem box
+		children = children[0].subBoxes; //set to subBoxes of elem box
+		var text1_1_1 = renderer.getText1_1_1;
+		children[0] = {
+			width: text1_1_1.width,
+			height: text1_1_1.height,
+			xOffset: text1_1_1.x,
+			yOffset: text1_1_1.y,
+			shape: text1_1_1.svg
+		}
+		var text1_1_2 = renderer.getText1_1_2;
+		children[1] = {
+			width: text1_1_2.width,
+			height: text1_1_2.height,
+			xOffset: text1_1_2.x,
+			yOffset: text1_1_2.y,
+			shape: text1_1_2.svg
+		}
+		var text1_1_3 = renderer.getText1_1_3;
+		children[2] = {
+			width: text1_1_3.width,
+			height: text1_1_3.height,
+			xOffset: text1_1_3.x,
+			yOffset: text1_1_3.y,
+			shape: text1_1_3.svg
+		}
+		var text1_1_4 = renderer.getText1_1_4;
+		children[3] = {
+			width: text1_1_4.width,
+			height: text1_1_4.height,
+			xOffset: text1_1_4.x,
+			yOffset: text1_1_4.y,
+			shape: text1_1_4.svg
+		}
+		
+		//now add the text to the properties box
+		children = viewHierarchy.rootBox.subBoxes[1].subBoxes;
+		var text1_2_1 = renderer.getText1_2_1;
+		children[0] = {
+			width: text1_2_1.width,
+			height: text1_2_1.height,
+			xOffset: text1_2_1.x,
+			yOffset: text1_2_1.y,
+			shape: text1_2_1.svg
+		}
+		var text1_2_2 = renderer.getText1_2_2;
+		children[1] = {
+			width: text1_2_2.width,
+			height: text1_2_2.height,
+			xOffset: text1_2_2.x,
+			yOffset: text1_2_2.y,
+			shape: text1_2_2.svg
+		}
+		var text1_2_3 = renderer.getText1_2_3;
+		children[2] = {
+			width: text1_2_3.width,
+			height: text1_2_3.height,
+			xOffset: text1_2_3.x,
+			yOffset: text1_2_3.y,
+			shape: text1_2_3.svg
+		}
+		
+		//now add the bezier curve
+		
+	}
+
+	return{
+		init: init,
+		connectToDisplay: connectToDisplay,
+		setViewSubGraph: setViewSubGraph
+	};
+});
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/app/buildGabePatternSyntaxGraph.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/app/buildGabePatternSyntaxGraph.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,414 @@
+//A syntax graph consists of two kinds of nodes: element, port, and property 
+//An element node can have sub-elements, and a property node can have
+// sub-properties, but a port node may not have sub-ports!
+
+//This uses require.js to create a module.  This module has the name of the
+// file (POPDisplay).  Inside the define, a number of data structures and 
+// functions are created, then returned at the end.  The returned things are
+// what can be accessed by external functions that load this module, via
+// themselves using the require("POPDisplay") call
+define(function(require, exports, module) {
+
+//this is the top level handle to the syntax graph of the gabe transform rule
+var firstGabeTransformRule = {};
+
+//make a variable that holds an empty element struct.. this var will used
+// to build up an element, and then reused to build up other elements 
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+ 
+//the root of the Gabe Transform to the temp elem, then build up a property
+// to place into the elem.
+firstGabeTransformRule.root = tempElem; 
+
+//build the first property
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "GabeTransformRule",
+   subProperties: []
+ }
+ 
+//attach it to the root elem
+firstGabeTransformRule.root.properties[0] = tempProperty;
+
+//build and attach the second property
+var tempProperty = 
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticHierarchy",
+   subProperties: []
+ }
+
+firstGabeTransformRule.root.properties[1] = tempProperty;
+
+//now reuse tempElem to make the first sub-element of the root elem 
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ }
+
+firstGabeTransformRule.root.subElems[0] = tempElem;
+
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "GabeQueryPattern",
+   subProperties: []
+ }
+ 
+tempElem.properties[0] = tempProperty;
+
+var tempProperty =
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticHierarchy",
+   subProperties: []
+ }
+  
+tempElem.properties[1] = tempProperty;
+
+
+//Keep going, building up the graph that was drawn
+//make the second sub-element of the root elem, the replacement pattern 
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ }
+
+firstGabeTransformRule.root.subElems[1] = tempElem;
+
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "GabeReplacePattern",
+   subProperties: []
+ }
+ 
+tempElem.properties[0] = tempProperty;
+
+var tempProperty =
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticHierarchy",
+   subProperties: []
+ }
+  
+tempElem.properties[1] = tempProperty;
+
+//Now, go back and fill in the rest of the query pattern
+//First, add the sub-elements of the query pattern node
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+
+firstGabeTransformRule.root.subElems[0].subElems[0] = tempElem;
+
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "Command",
+   subProperties: []
+ };
+ 
+tempElem.properties[0] = tempProperty;
+
+var tempProperty =
+ { propertyName: "CommandID",
+   propertyValue: "GabePattPush",
+   subProperties: []
+ };
+
+tempElem.properties[0].subProperties[0] = tempProperty;
+
+ 
+var tempProperty =
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticPatternRoot",
+   subProperties: []
+ };
+  
+tempElem.properties[1] = tempProperty;
+
+//now add the ports to this Command syntactic pattern
+var tempPort =
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+tempElem.portsIn[0] = tempPort;
+
+//add properties to the port
+tempPort.properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//check that syntax was done correctly..
+fillText = tempPort.properties[0].subProperties[0].propertyName;
+console.log("propertyName: " + fillText);
+
+
+var tempPort =
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+tempElem.portsIn[1] = tempPort;
+
+//add properties to the port
+tempPort.properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+ 
+
+var tempPort =
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+tempElem.portsOut[0] = tempPort;
+
+//add properties to the port
+tempPort.properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//First command (push) done!  Now make second command (head)
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+
+firstGabeTransformRule.root.subElems[0].subElems[1] = tempElem;
+
+//getting tired of the temp this and temp that, just make object directly
+tempElem.properties[0] = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "Command",
+   subProperties: 
+    [{ propertyName: "CommandID",
+      propertyValue: "GabePattPop",
+      subProperties: []
+    }]
+ };
+  
+tempElem.properties[1] = 
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticPatternRoot",
+   subProperties: []
+ };
+
+//now add the ports to this Command syntactic pattern
+tempElem.portsIn[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsIn[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//next port
+tempElem.portsOut[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+
+//next port
+tempElem.portsOut[1] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[1].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+
+//now pair the ports to each other
+var pushElem = firstGabeTransformRule.root.subElems[0].subElems[0];
+var popElem = firstGabeTransformRule.root.subElems[0].subElems[1];
+
+pushElem.portsOut[0].pairedPorts[0] =
+   popElem.portsIn[0];
+popElem.portsIn[0].pairedPorts[0] =
+   pushElem.portsOut[0];
+
+//Done with the query pattern!
+
+//========================================
+//Now do the replace pattern
+//========================================
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+
+firstGabeTransformRule.root.subElems[1].subElems[0] = tempElem;
+
+//This is the pass through command element
+tempElem.properties[0] = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "Command",
+   subProperties: 
+    [{ propertyName: "CommandID",
+      propertyValue: "GabePassThrough",
+      subProperties: []
+    }]
+ };
+
+tempElem.properties[1] = 
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticPatternRoot",
+   subProperties: []
+ };
+
+//now add the ports to this Command syntactic pattern
+tempElem.portsIn[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsIn[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//next port
+tempElem.portsIn[1] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsIn[1].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+
+
+//next port
+tempElem.portsOut[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+
+//next port
+tempElem.portsOut[1] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[1].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+
+//no paired ports in this one..  done done!!
+
+//print a few things, just to make sure the data structs are correctly
+// created and can be traversed.
+var passThroughCmd = firstGabeTransformRule.root.subElems[1].subElems[0];
+fillText = passThroughCmd.portsOut[1].properties[0].subProperties[0].propertyValue;
+console.log("propertyValue: " + fillText);
+
+//when this module is "required", the require statement will return the
+// syntax graph data structure
+return firstGabeTransformRule;
+});
+
+
+
+
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/app/renderPOPSyntaxGraph.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/app/renderPOPSyntaxGraph.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,422 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+	var EventHandler      = require('famous/core/EventHandler');
+	
+    var mainContext = Engine.createContext();
+	
+	var boxSVG1 = '<svg width="55" height="55"><rect x="2" y="2" rx="20" ry="20" width="50" height="50" style="fill:none;stroke:black;stroke-width:5;opacity:1">';
+	var boxSVG = [];
+	boxSVG[1] = '<svg width="';
+	boxSVG[2] = '" height="';
+	boxSVG[3] = '"><rect x="';
+	boxSVG[4] = '" y="';
+	boxSVG[5] = '" rx="'
+	boxSVG[6] = '" ry="';
+	boxSVG[7] = '" width="'
+	boxSVG[8] = '" height="'
+	boxSVG[9] = '" style="fill:'
+	boxSVG[10] = ';stroke:'
+	boxSVG[11] = ';stroke-width:'
+	boxSVG[12] = ';opacity:'
+	boxSVG[13] = '" vector-effect="non-scaling-stroke">';
+
+	
+//Draw a simple syntax graph, with a box of the correct color for each
+// node, and curvy links with arrows going from text inside one node to
+// text inside another node.
+//Approach taken:
+//Generate the SVG from calculations -- hold strings in an array, and
+// build up an SVG string by adding string piece, then variable value then
+// another string piece, and so on.
+//Make each box a surface holding an SVG
+//Sizing of the box happens inside the SVG string
+//Positioning the box happens via a modifier
+
+//Make one container surface to hold each element node together with its
+// properties and ports
+//Make a separate surface for each SVG element -- one for each box, one for
+// each text in a box, one for each curvy connector arrow between boxes or
+// between texts.  
+//For each surface, make a modifier that positions the box relative to the
+// container surface's origin
+//At the end, make transforms to move the entire container around
+
+	//elem1 is the root element from the Gabe Pattern syntax graph
+	// here, make the visual elements that reproduce what see in the .pdf
+    var elem1Container = new ContainerSurface({
+        size: [600, 600], //size it big for now, trim to contents later
+        properties: {
+            overflow: 'hidden'
+        }
+    });
+	
+//==
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var box1_1width = 66;
+	var box1_1height = 86
+//	var boxSVGFromParts1_1 = boxSVG[1] + (box1_1width + 2) + boxSVG[2] + (box1_1height + 2) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_1width + boxSVG[8] + box1_1height + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	var box1_1w = 66; var box1_1h = 86; var box1_1pad = 2;
+	var boxSVGFromParts1_1 = boxSVG[1] + (box1_1w + box1_1pad) + boxSVG[2] + (box1_1h + box1_1pad) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_1w + boxSVG[8] + box1_1h + boxSVG[9] + 'none' + boxSVG[10] + 'red' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	function getElemBox(){ return boxSVGFromParts1_1 };
+
+//== elem1 box 1 --> box1_1
+	var box1_1 = new Surface({
+	  size: [true, true],
+      content: boxSVGFromParts1_1
+	});
+	var box1_1x = 0;
+	var box1_1y = 2;
+	var boxMod1_1_1 = new StateModifier({
+        transform: Transform.translate(box1_1x, box1_1y, 0)
+    });
+
+	//Below, calculate a bezier curve that is anchored at the end of such
+	// text, so need the bounding box of a text element..  to do so, must 
+	// first render the text!  That appears to be the only way to calculate
+	// the bounding box.. there doesn't seem to be any other means to predict
+	// it.
+	//So, the famous infrastructure is a bit messed up when it comes to this
+	// instead, will directly manipulate the DOM, by placing the text as
+	// an SVG element with fill and stroke set to none so it is not
+	// visible.  Then use the DOM call to get the bounding box.
+	//Unfortunately, there doesn't appear to be any clean way!
+	
+	//Do this part once, the creating a DOM element and adding it to document
+	var el1 =  document.createElement("div");
+	document.body.appendChild(el1); //only need to append once then reuse
+	
+//== elem1 box 1 text 1 --> text1_1_1
+	var text1_1_1 = new Surface({
+	  size: [true, true],
+      content: "properties",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'hand'
+      }
+	});
+	
+	//now set the SVG text string -- from this point down can be repeated 
+	// for multiple strings without removing or re-adding the element, nor
+	// fiddling with the DOM
+	var text1_1_1_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none" id="svgText">' + text1_1_1.content + '</text> </svg>';
+	//note that id is inside the text element! Also the fill and stroke are
+	// null so that nothing paints
+	el1.innerHTML = text1_1_1_SVG; 
+
+	//get the element -- this seems to be what triggers the bounding box calc
+	var gottenElem = document.getElementById("svgText"); //use ID of the text elem
+
+	//get the box, take the values out of it, and display them
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText width: " + rect.width + " right: " + rect.right);
+	
+	var retText1_1_1 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_1_1_SVG
+	}
+	
+	var text1_1_2 = new Surface({
+	  size: [true, true],
+      content: "portsIn",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});	
+	//repeat for the next text surface
+	var text1_1_2_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none" id="svgText">' + text1_1_2.content + '</text> </svg>';
+	el1.innerHTML = text1_1_2_SVG; 
+	var gottenElem = document.getElementById("svgText");
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText: " + gottenElem.textContent + " width: " + rect.width + " right: " + rect.right);
+	
+	var retText1_1_2 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_1_2_SVG
+	}
+	
+	var text1_1_3 = new Surface({
+	  size: [true, true],
+      content: "portsOut",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	//repeat for the next text surface
+	var text1_1_3_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none" id="svgText">' + text1_1_3.content + '</text> </svg>';
+	el1.innerHTML = text1_1_3_SVG; 
+	var gottenElem = document.getElementById("svgText");
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText: " + gottenElem.textContent + " width: " + rect.width + " right: " + rect.right);
+	
+	var retText1_1_3 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_1_3_SVG
+	}
+	
+	var text1_1_4 = new Surface({
+	  size: [true, true],
+      content: "subElems",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+     }
+	});
+	//repeat for the next text surface
+	var text1_1_4_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none" id="svgText">' + text1_1_4.content + '</text> </svg>';
+	el1.innerHTML = text1_1_4_SVG; 
+	var gottenElem = document.getElementById("svgText");
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText: " + gottenElem.textContent + " width: " + rect.width + " right: " + rect.right);
+	
+	var retText1_1_4 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_1_4_SVG
+	}
+	
+	
+//== elem 1 box 1 text 1 mod 1 -> textMod1_1_1_1
+	var text1_1_1x = 8;
+	var text1_1_1y = 8;
+	var textMod1_1_1_1 = new StateModifier({
+        transform: Transform.translate(text1_1_1x, text1_1_1y, 0)
+    });
+	text1_1_1_SVG.x = 8; text1_1_1_SVG.y = 0; //subtract box x & y
+	var textMod1_1_2_1 = new StateModifier({
+        transform: Transform.translate(8, 25, 0)
+    });
+	text1_1_2_SVG.x = 8; text1_1_2_SVG.y = 23; //subtract box x & y
+	var textMod1_1_3_1 = new StateModifier({
+        transform: Transform.translate(8, 42, 0)
+    });
+	text1_1_3_SVG.x = 8; text1_1_3_SVG.y = 40; //subtract box x & y
+	var textMod1_1_4_1 = new StateModifier({
+        transform: Transform.translate(8, 59, 0)
+    });
+	text1_1_4_SVG.x = 8; text1_1_4_SVG.y = 57; //subtract box x & y
+//==
+	elem1Container.add(boxMod1_1_1).add(box1_1);
+	elem1Container.add(textMod1_1_1_1).add(text1_1_1);
+	elem1Container.add(textMod1_1_2_1).add(text1_1_2);
+	elem1Container.add(textMod1_1_3_1).add(text1_1_3);
+	elem1Container.add(textMod1_1_4_1).add(text1_1_4);
+
+//== elem 1 box 2 --> box1_2
+//	1:width 2:height 3:x 4:y 5:rx 6:ry 7:width 8:height 9:fill 10:stroke
+//  11:stroke-width 12:opacity
+	var box1_2w = 183; var box1_2h = 69; var box1_2pad = 2;
+	var boxSVGFromParts1_2 = boxSVG[1] + (box1_2w + box1_2pad) + boxSVG[2] + (box1_2h + box1_2pad) + boxSVG[3] + '1' + boxSVG[4] + '1' + boxSVG[5] + '20' + boxSVG[6] + '20' + boxSVG[7] + box1_2w + boxSVG[8] + box1_2h + boxSVG[9] + 'none' + boxSVG[10] + 'green' + boxSVG[11] + '2' + boxSVG[12] + '1' + boxSVG[13];
+	
+	function getPropertiesBox(){ return boxSVGFromParts1_2 };
+	
+	var box1_2 = new Surface({
+	  size: [true, true],
+      content: boxSVGFromParts1_2
+ 	});
+	var box1_2x = 100;
+	var box1_2y = 2;
+	var boxMod1_2_1 = new StateModifier({
+        transform: Transform.translate(box1_2x, box1_2y, 0)
+    });
+//== elem 1 box 2 text 1 --> text1_2_1
+	var text1_2_1 = new Surface({
+	  size: [true, true],
+      content: "propertyName:  TypeOfElement",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	//repeat for the next text surface
+	var text1_2_1_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:blue;stroke:none" id="svgText">' + text1_2_1.content + '</text> </svg>';
+	el1.innerHTML = text1_2_1_SVG; 
+	var gottenElem = document.getElementById("svgText");
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText: " + gottenElem.textContent + " width: " + rect.width + " right: " + rect.right);	
+	var retText1_2_1 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_2_1_SVG
+	}
+	
+	
+	var text1_2_2 = new Surface({
+	  size: [true, true],
+      content: "propertyValue:  GabeTransformRule",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	//repeat for the next text surface
+	var text1_2_2_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:red;stroke:none" id="svgText">' + text1_2_2.content + '</text> </svg>';
+	el1.innerHTML = text1_2_2_SVG; 
+	var gottenElem = document.getElementById("svgText");
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText: " + gottenElem.textContent + " width: " + rect.width + " right: " + rect.right);	
+	var retText1_2_2 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_2_2_SVG
+	}
+
+	var text1_2_3 = new Surface({
+	  size: [true, true],
+      content: "subProperties",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+	//repeat for the next text surface
+	var text1_2_3_SVG = '<svg id="svgTextHolder">  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none" id="svgText">' + text1_2_3.content + '</text> </svg>';
+	el1.innerHTML = text1_2_3_SVG; 
+	var gottenElem = document.getElementById("svgText");
+    var rect = gottenElem.getBoundingClientRect();
+	console.log("svgText: " + gottenElem.textContent + " width: " + rect.width + " right: " + rect.right);	
+	var retText1_2_3 = {
+		width: rect.width,
+		height: rect.height,
+		shape: text1_2_3_SVG
+	}
+
+//==
+	var textMod1_2_1_1 = new StateModifier({
+        transform: Transform.translate(108, 8, 0)
+    });
+	text1_2_1_SVG.x = 8; text1_2_1_SVG.y = 6; //subtract box x & y
+	var textMod1_2_2_1 = new StateModifier({
+        transform: Transform.translate(108, 25, 0)
+    });
+	text1_2_2_SVG.x = 8; text1_2_2_SVG.y = 23; //subtract box x & y
+	var textMod1_2_3_1 = new StateModifier({
+        transform: Transform.translate(108, 42, 0)
+    });
+	text1_2_3_SVG.x = 8; text1_2_3_SVG.y = 40; //subtract box x & y
+//==
+	elem1Container.add(boxMod1_2_1).add(box1_2);
+	elem1Container.add(textMod1_2_1_1).add(text1_2_1);
+	elem1Container.add(textMod1_2_2_1).add(text1_2_2);
+	elem1Container.add(textMod1_2_3_1).add(text1_2_3);
+
+//Now, add bezier curve, in SVG..
+//One end point is the end of "properties" text surface inside the elem box
+//Other end point is the middle of side of properties box
+	var bezSVG = [];
+	bezSVG[1] = '<svg width="'
+	bezSVG[2] = '" height="'
+	bezSVG[3] = '"><path d="M' //start pt x
+	bezSVG[4] = ','  //start pt y
+	bezSVG[5] = ' C' //control pt 1 x
+	bezSVG[6] = ','  //control pt 1 y
+	bezSVG[7] = ' '  //control pt 2 x
+	bezSVG[8] = ','  //control pt 2 y
+	bezSVG[9] = ' '  //end pt x
+	bezSVG[10] = ',' //end pt y
+	bezSVG[11] = '" style="fill:'
+	bezSVG[12] = ';stroke:'
+	bezSVG[13] = ';stroke-width:'
+	bezSVG[14] = ';opacity:'
+	bezSVG[15] = '" vector-effect="non-scaling-stroke">';
+	
+	//now calculate the end points of the curve -- they connect to the
+	// right edge of the "properties" text in the left box, and to the
+	// middle of the left side of the right box
+	var bezPoints = [{},{}];
+	var fontSz = 11;
+	bezPoints[0].x = box1_1x + box1_1w;
+	bezPoints[0].y = text1_1_1y + fontSz/2 + 8;
+	bezPoints[1].x = box1_2x;
+	bezPoints[1].y = box1_2y + (box1_2h+box1_2pad)/2;
+
+	var controlPoints = [];
+	controlPoints[0] = {x:bezPoints[1].x, y:bezPoints[0].y};
+	controlPoints[1] = {x:bezPoints[0].x, y:bezPoints[1].y};
+
+
+	//	1:width 2:height 3:st x 4:st y 5:c1 x 6:c1 y 7:c2 x 8:c2 y 9: end x
+	// 10: end y 11:fill 12:stroke 13:stroke-width 14:opacity
+	var bezSVG1 = "";
+	bezSVG1 += bezSVG[1] + 200;//(bezPoints[1].x - bezPoints[0].x + 6);
+	bezSVG1 += bezSVG[2] + 200;//(bezPoints[0].y - bezPoints[1].y + 6);
+	bezSVG1 += bezSVG[3] + bezPoints[0].x; 
+	bezSVG1 += bezSVG[4] + bezPoints[0].y; 
+	bezSVG1 += bezSVG[5] + controlPoints[0].x;
+	bezSVG1 += bezSVG[6] + controlPoints[0].y;
+	bezSVG1 += bezSVG[7] + controlPoints[1].x;
+	bezSVG1 += bezSVG[8] + controlPoints[1].y;
+	bezSVG1 += bezSVG[9] + bezPoints[1].x; 
+	bezSVG1 += bezSVG[10] + bezPoints[1].y; 
+	bezSVG1 += bezSVG[11] + 'none' + bezSVG[12] + 'black' + bezSVG[13] + '2' + bezSVG[14] + '1' + bezSVG[15];
+	
+	var bez1_1 = new Surface({
+	  size: [true, true],
+      content: bezSVG1
+ 	});
+
+	elem1Container.add(bez1_1);
+
+//for some reason, the way use el1 above makes the DOM stop rendering
+// So, in order to get these other elements to render, first remove
+// the element that have been using to calc bounding box sizes..
+var elToRemove = document.getElementById("svgText");
+elToRemove.parentNode.parentNode.removeChild(elToRemove.parentNode);
+
+//okay, now new DOM elements will render
+var el2 =  document.createElement("span")
+var displayStr = bezSVG1.replace(/</g, "&lt");//make the html display as text
+el2.innerHTML = (displayStr + "<br>");
+document.body.appendChild(el2);
+console.log("bez svg: " + bezSVG1);
+
+//== elem 1 Modifer 1 --> contMod1_1
+	var contMod1_1 = new StateModifier({
+        transform: Transform.translate(50, 50, 0)
+    });
+	var contMod1_2 = new StateModifier({
+		transform: Transform.scale(1, 1)
+    });	
+//==
+
+	//cause this all to be painted, by adding to the main context
+	mainContext.add(contMod1_1).add(contMod1_2).add(elem1Container);
+	
+	return {
+		getElemBox: getElemBox,
+		getText1_1_1: retText1_1_1,
+		getText1_1_2: retText1_1_2,
+		getText1_1_3: retText1_1_3,
+		getText1_1_4: retText1_1_4,
+		getPropertiesBox: getPropertiesBox,
+		getText1_2_1: retText1_2_1,
+		getText1_2_2: retText1_2_2,
+		getText1_2_3: retText1_2_3
+	}
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/classList.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/classList.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,138 @@
+
+/*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 2011-06-15
+ *
+ * By Eli Grey, http://eligrey.com
+ * Public Domain.
+ * NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+ */
+
+/*global self, document, DOMException */
+
+/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
+
+if (typeof document !== "undefined" && !("classList" in document.createElement("a"))) {
+
+(function (view) {
+
+"use strict";
+
+var
+	  classListProp = "classList"
+	, protoProp = "prototype"
+	, elemCtrProto = (view.HTMLElement || view.Element)[protoProp]
+	, objCtr = Object
+	, strTrim = String[protoProp].trim || function () {
+		return this.replace(/^\s+|\s+$/g, "");
+	}
+	, arrIndexOf = Array[protoProp].indexOf || function (item) {
+		var
+			  i = 0
+			, len = this.length
+		;
+		for (; i < len; i++) {
+			if (i in this && this[i] === item) {
+				return i;
+			}
+		}
+		return -1;
+	}
+	// Vendors: please allow content code to instantiate DOMExceptions
+	, DOMEx = function (type, message) {
+		this.name = type;
+		this.code = DOMException[type];
+		this.message = message;
+	}
+	, checkTokenAndGetIndex = function (classList, token) {
+		if (token === "") {
+			throw new DOMEx(
+				  "SYNTAX_ERR"
+				, "An invalid or illegal string was specified"
+			);
+		}
+		if (/\s/.test(token)) {
+			throw new DOMEx(
+				  "INVALID_CHARACTER_ERR"
+				, "String contains an invalid character"
+			);
+		}
+		return arrIndexOf.call(classList, token);
+	}
+	, ClassList = function (elem) {
+		var
+			  trimmedClasses = strTrim.call(elem.className)
+			, classes = trimmedClasses ? trimmedClasses.split(/\s+/) : []
+			, i = 0
+			, len = classes.length
+		;
+		for (; i < len; i++) {
+			this.push(classes[i]);
+		}
+		this._updateClassName = function () {
+			elem.className = this.toString();
+		};
+	}
+	, classListProto = ClassList[protoProp] = []
+	, classListGetter = function () {
+		return new ClassList(this);
+	}
+;
+// Most DOMException implementations don't allow calling DOMException's toString()
+// on non-DOMExceptions. Error's toString() is sufficient here.
+DOMEx[protoProp] = Error[protoProp];
+classListProto.item = function (i) {
+	return this[i] || null;
+};
+classListProto.contains = function (token) {
+	token += "";
+	return checkTokenAndGetIndex(this, token) !== -1;
+};
+classListProto.add = function (token) {
+	token += "";
+	if (checkTokenAndGetIndex(this, token) === -1) {
+		this.push(token);
+		this._updateClassName();
+	}
+};
+classListProto.remove = function (token) {
+	token += "";
+	var index = checkTokenAndGetIndex(this, token);
+	if (index !== -1) {
+		this.splice(index, 1);
+		this._updateClassName();
+	}
+};
+classListProto.toggle = function (token) {
+	token += "";
+	if (checkTokenAndGetIndex(this, token) === -1) {
+		this.add(token);
+	} else {
+		this.remove(token);
+	}
+};
+classListProto.toString = function () {
+	return this.join(" ");
+};
+
+if (objCtr.defineProperty) {
+	var classListPropDesc = {
+		  get: classListGetter
+		, enumerable: true
+		, configurable: true
+	};
+	try {
+		objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+	} catch (ex) { // IE 8 doesn't support enumerable:true
+		if (ex.number === -0x7FF5EC54) {
+			classListPropDesc.enumerable = false;
+			objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+		}
+	}
+} else if (objCtr[protoProp].__defineGetter__) {
+	elemCtrProto.__defineGetter__(classListProp, classListGetter);
+}
+
+}(self));
+
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/famous.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/famous.css	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,77 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+
+html {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    overflow: hidden;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+}
+
+body {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-font-smoothing: antialiased;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-perspective: 0;
+    perspective: none;
+    overflow: hidden;
+}
+
+.famous-container, .famous-group {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    overflow: visible;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    pointer-events: none;
+}
+
+.famous-group {
+    width: 0px;
+    height: 0px;
+    margin: 0px;
+    padding: 0px;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+}
+
+.famous-surface {
+    position: absolute;
+    -webkit-transform-origin: center center;
+    transform-origin: center center;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    -webkit-transform-style: flat;
+    transform-style: preserve-3d; /* performance */
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    pointer-events: auto;
+}
+
+.famous-container-group {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/famous.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/famous.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,17609 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Entity',['require','exports','module'],function(require, exports, module) {
+    /**
+     * A singleton that maintains a global registry of Surfaces.
+     *   Private.
+     *
+     * @private
+     * @static
+     * @class Entity
+     */
+
+    var entities = [];
+
+    /**
+     * Get entity from global index.
+     *
+     * @private
+     * @method get
+     * @param {Number} id entity reigstration id
+     * @return {Surface} entity in the global index
+     */
+    function get(id) {
+        return entities[id];
+    }
+
+    /**
+     * Overwrite entity in the global index
+     *
+     * @private
+     * @method set
+     * @param {Number} id entity reigstration id
+     * @return {Surface} entity to add to the global index
+     */
+    function set(id, entity) {
+        entities[id] = entity;
+    }
+
+    /**
+     * Add entity to global index
+     *
+     * @private
+     * @method register
+     * @param {Surface} entity to add to global index
+     * @return {Number} new id
+     */
+    function register(entity) {
+        var id = entities.length;
+        set(id, entity);
+        return id;
+    }
+
+    /**
+     * Remove entity from global index
+     *
+     * @private
+     * @method unregister
+     * @param {Number} id entity reigstration id
+     */
+    function unregister(id) {
+        set(id, null);
+    }
+
+    module.exports = {
+        register: register,
+        unregister: unregister,
+        get: get,
+        set: set
+    };
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Transform',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     *  A high-performance static matrix math library used to calculate
+     *    affine transforms on surfaces and other renderables.
+     *    Famo.us uses 4x4 matrices corresponding directly to
+     *    WebKit matrices (column-major order).
+     *
+     *    The internal "type" of a Matrix is a 16-long float array in
+     *    row-major order, with:
+     *    elements [0],[1],[2],[4],[5],[6],[8],[9],[10] forming the 3x3
+     *          transformation matrix;
+     *    elements [12], [13], [14] corresponding to the t_x, t_y, t_z
+     *           translation;
+     *    elements [3], [7], [11] set to 0;
+     *    element [15] set to 1.
+     *    All methods are static.
+     *
+     * @static
+     *
+     * @class Transform
+     */
+    var Transform = {};
+
+    // WARNING: these matrices correspond to WebKit matrices, which are
+    //    transposed from their math counterparts
+    Transform.precision = 1e-6;
+    Transform.identity = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+
+    /**
+     * Multiply two or more Transform matrix types to return a Transform matrix.
+     *
+     * @method multiply4x4
+     * @static
+     * @param {Transform} a left Transform
+     * @param {Transform} b right Transform
+     * @return {Transform}
+     */
+    Transform.multiply4x4 = function multiply4x4(a, b) {
+        return [
+            a[0] * b[0] + a[4] * b[1] + a[8] * b[2] + a[12] * b[3],
+            a[1] * b[0] + a[5] * b[1] + a[9] * b[2] + a[13] * b[3],
+            a[2] * b[0] + a[6] * b[1] + a[10] * b[2] + a[14] * b[3],
+            a[3] * b[0] + a[7] * b[1] + a[11] * b[2] + a[15] * b[3],
+            a[0] * b[4] + a[4] * b[5] + a[8] * b[6] + a[12] * b[7],
+            a[1] * b[4] + a[5] * b[5] + a[9] * b[6] + a[13] * b[7],
+            a[2] * b[4] + a[6] * b[5] + a[10] * b[6] + a[14] * b[7],
+            a[3] * b[4] + a[7] * b[5] + a[11] * b[6] + a[15] * b[7],
+            a[0] * b[8] + a[4] * b[9] + a[8] * b[10] + a[12] * b[11],
+            a[1] * b[8] + a[5] * b[9] + a[9] * b[10] + a[13] * b[11],
+            a[2] * b[8] + a[6] * b[9] + a[10] * b[10] + a[14] * b[11],
+            a[3] * b[8] + a[7] * b[9] + a[11] * b[10] + a[15] * b[11],
+            a[0] * b[12] + a[4] * b[13] + a[8] * b[14] + a[12] * b[15],
+            a[1] * b[12] + a[5] * b[13] + a[9] * b[14] + a[13] * b[15],
+            a[2] * b[12] + a[6] * b[13] + a[10] * b[14] + a[14] * b[15],
+            a[3] * b[12] + a[7] * b[13] + a[11] * b[14] + a[15] * b[15]
+        ];
+    };
+
+    /**
+     * Fast-multiply two or more Transform matrix types to return a
+     *    Matrix, assuming bottom row on each is [0 0 0 1].
+     *
+     * @method multiply
+     * @static
+     * @param {Transform} a left Transform
+     * @param {Transform} b right Transform
+     * @return {Transform}
+     */
+    Transform.multiply = function multiply(a, b) {
+        return [
+            a[0] * b[0] + a[4] * b[1] + a[8] * b[2],
+            a[1] * b[0] + a[5] * b[1] + a[9] * b[2],
+            a[2] * b[0] + a[6] * b[1] + a[10] * b[2],
+            0,
+            a[0] * b[4] + a[4] * b[5] + a[8] * b[6],
+            a[1] * b[4] + a[5] * b[5] + a[9] * b[6],
+            a[2] * b[4] + a[6] * b[5] + a[10] * b[6],
+            0,
+            a[0] * b[8] + a[4] * b[9] + a[8] * b[10],
+            a[1] * b[8] + a[5] * b[9] + a[9] * b[10],
+            a[2] * b[8] + a[6] * b[9] + a[10] * b[10],
+            0,
+            a[0] * b[12] + a[4] * b[13] + a[8] * b[14] + a[12],
+            a[1] * b[12] + a[5] * b[13] + a[9] * b[14] + a[13],
+            a[2] * b[12] + a[6] * b[13] + a[10] * b[14] + a[14],
+            1
+        ];
+    };
+
+    /**
+     * Return a Transform translated by additional amounts in each
+     *    dimension. This is equivalent to the result of
+     *
+     *    Transform.multiply(Matrix.translate(t[0], t[1], t[2]), m).
+     *
+     * @method thenMove
+     * @static
+     * @param {Transform} m a Transform
+     * @param {Array.Number} t floats delta vector of length 2 or 3
+     * @return {Transform}
+     */
+    Transform.thenMove = function thenMove(m, t) {
+        if (!t[2]) t[2] = 0;
+        return [m[0], m[1], m[2], 0, m[4], m[5], m[6], 0, m[8], m[9], m[10], 0, m[12] + t[0], m[13] + t[1], m[14] + t[2], 1];
+    };
+
+    /**
+     * Return a Transform atrix which represents the result of a transform matrix
+     *    applied after a move. This is faster than the equivalent multiply.
+     *    This is equivalent to the result of:
+     *
+     *    Transform.multiply(m, Transform.translate(t[0], t[1], t[2])).
+     *
+     * @method moveThen
+     * @static
+     * @param {Array.Number} v vector representing initial movement
+     * @param {Transform} m matrix to apply afterwards
+     * @return {Transform} the resulting matrix
+     */
+    Transform.moveThen = function moveThen(v, m) {
+        if (!v[2]) v[2] = 0;
+        var t0 = v[0] * m[0] + v[1] * m[4] + v[2] * m[8];
+        var t1 = v[0] * m[1] + v[1] * m[5] + v[2] * m[9];
+        var t2 = v[0] * m[2] + v[1] * m[6] + v[2] * m[10];
+        return Transform.thenMove(m, [t0, t1, t2]);
+    };
+
+    /**
+     * Return a Transform which represents a translation by specified
+     *    amounts in each dimension.
+     *
+     * @method translate
+     * @static
+     * @param {Number} x x translation
+     * @param {Number} y y translation
+     * @param {Number} z z translation
+     * @return {Transform}
+     */
+    Transform.translate = function translate(x, y, z) {
+        if (z === undefined) z = 0;
+        return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, x, y, z, 1];
+    };
+
+    /**
+     * Return a Transform scaled by a vector in each
+     *    dimension. This is a more performant equivalent to the result of
+     *
+     *    Transform.multiply(Transform.scale(s[0], s[1], s[2]), m).
+     *
+     * @method thenScale
+     * @static
+     * @param {Transform} m a matrix
+     * @param {Array.Number} s delta vector (array of floats &&
+     *    array.length == 3)
+     * @return {Transform}
+     */
+    Transform.thenScale = function thenScale(m, s) {
+        return [
+            s[0] * m[0], s[1] * m[1], s[2] * m[2], 0,
+            s[0] * m[4], s[1] * m[5], s[2] * m[6], 0,
+            s[0] * m[8], s[1] * m[9], s[2] * m[10], 0,
+            s[0] * m[12], s[1] * m[13], s[2] * m[14], 1
+        ];
+    };
+
+    /**
+     * Return a Transform which represents a scale by specified amounts
+     *    in each dimension.
+     *
+     * @method scale
+     * @static
+     * @param {Number} x x scale factor
+     * @param {Number} y y scale factor
+     * @param {Number} z z scale factor
+     * @return {Transform}
+     */
+    Transform.scale = function scale(x, y, z) {
+        if (z === undefined) z = 1;
+        return [x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents a clockwise
+     *    rotation around the x axis.
+     *
+     * @method rotateX
+     * @static
+     * @param {Number} theta radians
+     * @return {Transform}
+     */
+    Transform.rotateX = function rotateX(theta) {
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        return [1, 0, 0, 0, 0, cosTheta, sinTheta, 0, 0, -sinTheta, cosTheta, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents a clockwise
+     *    rotation around the y axis.
+     *
+     * @method rotateY
+     * @static
+     * @param {Number} theta radians
+     * @return {Transform}
+     */
+    Transform.rotateY = function rotateY(theta) {
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        return [cosTheta, 0, -sinTheta, 0, 0, 1, 0, 0, sinTheta, 0, cosTheta, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents a clockwise
+     *    rotation around the z axis.
+     *
+     * @method rotateZ
+     * @static
+     * @param {Number} theta radians
+     * @return {Transform}
+     */
+    Transform.rotateZ = function rotateZ(theta) {
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        return [cosTheta, sinTheta, 0, 0, -sinTheta, cosTheta, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents composed clockwise
+     *    rotations along each of the axes. Equivalent to the result of
+     *    Matrix.multiply(rotateX(phi), rotateY(theta), rotateZ(psi)).
+     *
+     * @method rotate
+     * @static
+     * @param {Number} phi radians to rotate about the positive x axis
+     * @param {Number} theta radians to rotate about the positive y axis
+     * @param {Number} psi radians to rotate about the positive z axis
+     * @return {Transform}
+     */
+    Transform.rotate = function rotate(phi, theta, psi) {
+        var cosPhi = Math.cos(phi);
+        var sinPhi = Math.sin(phi);
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        var cosPsi = Math.cos(psi);
+        var sinPsi = Math.sin(psi);
+        var result = [
+            cosTheta * cosPsi,
+            cosPhi * sinPsi + sinPhi * sinTheta * cosPsi,
+            sinPhi * sinPsi - cosPhi * sinTheta * cosPsi,
+            0,
+            -cosTheta * sinPsi,
+            cosPhi * cosPsi - sinPhi * sinTheta * sinPsi,
+            sinPhi * cosPsi + cosPhi * sinTheta * sinPsi,
+            0,
+            sinTheta,
+            -sinPhi * cosTheta,
+            cosPhi * cosTheta,
+            0,
+            0, 0, 0, 1
+        ];
+        return result;
+    };
+
+    /**
+     * Return a Transform which represents an axis-angle rotation
+     *
+     * @method rotateAxis
+     * @static
+     * @param {Array.Number} v unit vector representing the axis to rotate about
+     * @param {Number} theta radians to rotate clockwise about the axis
+     * @return {Transform}
+     */
+    Transform.rotateAxis = function rotateAxis(v, theta) {
+        var sinTheta = Math.sin(theta);
+        var cosTheta = Math.cos(theta);
+        var verTheta = 1 - cosTheta; // versine of theta
+
+        var xxV = v[0] * v[0] * verTheta;
+        var xyV = v[0] * v[1] * verTheta;
+        var xzV = v[0] * v[2] * verTheta;
+        var yyV = v[1] * v[1] * verTheta;
+        var yzV = v[1] * v[2] * verTheta;
+        var zzV = v[2] * v[2] * verTheta;
+        var xs = v[0] * sinTheta;
+        var ys = v[1] * sinTheta;
+        var zs = v[2] * sinTheta;
+
+        var result = [
+            xxV + cosTheta, xyV + zs, xzV - ys, 0,
+            xyV - zs, yyV + cosTheta, yzV + xs, 0,
+            xzV + ys, yzV - xs, zzV + cosTheta, 0,
+            0, 0, 0, 1
+        ];
+        return result;
+    };
+
+    /**
+     * Return a Transform which represents a transform matrix applied about
+     * a separate origin point.
+     *
+     * @method aboutOrigin
+     * @static
+     * @param {Array.Number} v origin point to apply matrix
+     * @param {Transform} m matrix to apply
+     * @return {Transform}
+     */
+    Transform.aboutOrigin = function aboutOrigin(v, m) {
+        var t0 = v[0] - (v[0] * m[0] + v[1] * m[4] + v[2] * m[8]);
+        var t1 = v[1] - (v[0] * m[1] + v[1] * m[5] + v[2] * m[9]);
+        var t2 = v[2] - (v[0] * m[2] + v[1] * m[6] + v[2] * m[10]);
+        return Transform.thenMove(m, [t0, t1, t2]);
+    };
+
+    /**
+     * Return a Transform representation of a skew transformation
+     *
+     * @method skew
+     * @static
+     * @param {Number} phi scale factor skew in the x axis
+     * @param {Number} theta scale factor skew in the y axis
+     * @param {Number} psi scale factor skew in the z axis
+     * @return {Transform}
+     */
+    Transform.skew = function skew(phi, theta, psi) {
+        return [1, 0, 0, 0, Math.tan(psi), 1, 0, 0, Math.tan(theta), Math.tan(phi), 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform representation of a skew in the x-direction
+     *
+     * @method skewX
+     * @static
+     * @param {Number} angle the angle between the top and left sides
+     * @return {Transform}
+     */
+    Transform.skewX = function skewX(angle) {
+        return [1, 0, 0, 0, Math.tan(angle), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform representation of a skew in the y-direction
+     *
+     * @method skewY
+     * @static
+     * @param {Number} angle the angle between the top and right sides
+     * @return {Transform}
+     */
+    Transform.skewY = function skewY(angle) {
+        return [1, Math.tan(angle), 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Returns a perspective Transform matrix
+     *
+     * @method perspective
+     * @static
+     * @param {Number} focusZ z position of focal point
+     * @return {Transform}
+     */
+    Transform.perspective = function perspective(focusZ) {
+        return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -1 / focusZ, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return translation vector component of given Transform
+     *
+     * @method getTranslate
+     * @static
+     * @param {Transform} m Transform
+     * @return {Array.Number} the translation vector [t_x, t_y, t_z]
+     */
+    Transform.getTranslate = function getTranslate(m) {
+        return [m[12], m[13], m[14]];
+    };
+
+    /**
+     * Return inverse affine transform for given Transform.
+     *   Note: This assumes m[3] = m[7] = m[11] = 0, and m[15] = 1.
+     *   Will provide incorrect results if not invertible or preconditions not met.
+     *
+     * @method inverse
+     * @static
+     * @param {Transform} m Transform
+     * @return {Transform}
+     */
+    Transform.inverse = function inverse(m) {
+        // only need to consider 3x3 section for affine
+        var c0 = m[5] * m[10] - m[6] * m[9];
+        var c1 = m[4] * m[10] - m[6] * m[8];
+        var c2 = m[4] * m[9] - m[5] * m[8];
+        var c4 = m[1] * m[10] - m[2] * m[9];
+        var c5 = m[0] * m[10] - m[2] * m[8];
+        var c6 = m[0] * m[9] - m[1] * m[8];
+        var c8 = m[1] * m[6] - m[2] * m[5];
+        var c9 = m[0] * m[6] - m[2] * m[4];
+        var c10 = m[0] * m[5] - m[1] * m[4];
+        var detM = m[0] * c0 - m[1] * c1 + m[2] * c2;
+        var invD = 1 / detM;
+        var result = [
+            invD * c0, -invD * c4, invD * c8, 0,
+            -invD * c1, invD * c5, -invD * c9, 0,
+            invD * c2, -invD * c6, invD * c10, 0,
+            0, 0, 0, 1
+        ];
+        result[12] = -m[12] * result[0] - m[13] * result[4] - m[14] * result[8];
+        result[13] = -m[12] * result[1] - m[13] * result[5] - m[14] * result[9];
+        result[14] = -m[12] * result[2] - m[13] * result[6] - m[14] * result[10];
+        return result;
+    };
+
+    /**
+     * Returns the transpose of a 4x4 matrix
+     *
+     * @method transpose
+     * @static
+     * @param {Transform} m matrix
+     * @return {Transform} the resulting transposed matrix
+     */
+    Transform.transpose = function transpose(m) {
+        return [m[0], m[4], m[8], m[12], m[1], m[5], m[9], m[13], m[2], m[6], m[10], m[14], m[3], m[7], m[11], m[15]];
+    };
+
+    function _normSquared(v) {
+        return (v.length === 2) ? v[0] * v[0] + v[1] * v[1] : v[0] * v[0] + v[1] * v[1] + v[2] * v[2];
+    }
+    function _norm(v) {
+        return Math.sqrt(_normSquared(v));
+    }
+    function _sign(n) {
+        return (n < 0) ? -1 : 1;
+    }
+
+    /**
+     * Decompose Transform into separate .translate, .rotate, .scale,
+     *    and .skew components.
+     *
+     * @method interpret
+     * @static
+     * @param {Transform} M transform matrix
+     * @return {Object} matrix spec object with component matrices .translate,
+     *    .rotate, .scale, .skew
+     */
+    Transform.interpret = function interpret(M) {
+
+        // QR decomposition via Householder reflections
+        //FIRST ITERATION
+
+        //default Q1 to the identity matrix;
+        var x = [M[0], M[1], M[2]];                // first column vector
+        var sgn = _sign(x[0]);                     // sign of first component of x (for stability)
+        var xNorm = _norm(x);                      // norm of first column vector
+        var v = [x[0] + sgn * xNorm, x[1], x[2]];  // v = x + sign(x[0])|x|e1
+        var mult = 2 / _normSquared(v);            // mult = 2/v'v
+
+        //bail out if our Matrix is singular
+        if (mult >= Infinity) {
+            return {translate: Transform.getTranslate(M), rotate: [0, 0, 0], scale: [0, 0, 0], skew: [0, 0, 0]};
+        }
+
+        //evaluate Q1 = I - 2vv'/v'v
+        var Q1 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1];
+
+        //diagonals
+        Q1[0]  = 1 - mult * v[0] * v[0];    // 0,0 entry
+        Q1[5]  = 1 - mult * v[1] * v[1];    // 1,1 entry
+        Q1[10] = 1 - mult * v[2] * v[2];    // 2,2 entry
+
+        //upper diagonal
+        Q1[1] = -mult * v[0] * v[1];        // 0,1 entry
+        Q1[2] = -mult * v[0] * v[2];        // 0,2 entry
+        Q1[6] = -mult * v[1] * v[2];        // 1,2 entry
+
+        //lower diagonal
+        Q1[4] = Q1[1];                      // 1,0 entry
+        Q1[8] = Q1[2];                      // 2,0 entry
+        Q1[9] = Q1[6];                      // 2,1 entry
+
+        //reduce first column of M
+        var MQ1 = Transform.multiply(Q1, M);
+
+        //SECOND ITERATION on (1,1) minor
+        var x2 = [MQ1[5], MQ1[6]];
+        var sgn2 = _sign(x2[0]);                    // sign of first component of x (for stability)
+        var x2Norm = _norm(x2);                     // norm of first column vector
+        var v2 = [x2[0] + sgn2 * x2Norm, x2[1]];    // v = x + sign(x[0])|x|e1
+        var mult2 = 2 / _normSquared(v2);           // mult = 2/v'v
+
+        //evaluate Q2 = I - 2vv'/v'v
+        var Q2 = [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1];
+
+        //diagonal
+        Q2[5]  = 1 - mult2 * v2[0] * v2[0]; // 1,1 entry
+        Q2[10] = 1 - mult2 * v2[1] * v2[1]; // 2,2 entry
+
+        //off diagonals
+        Q2[6] = -mult2 * v2[0] * v2[1];     // 2,1 entry
+        Q2[9] = Q2[6];                      // 1,2 entry
+
+        //calc QR decomposition. Q = Q1*Q2, R = Q'*M
+        var Q = Transform.multiply(Q2, Q1);      //note: really Q transpose
+        var R = Transform.multiply(Q, M);
+
+        //remove negative scaling
+        var remover = Transform.scale(R[0] < 0 ? -1 : 1, R[5] < 0 ? -1 : 1, R[10] < 0 ? -1 : 1);
+        R = Transform.multiply(R, remover);
+        Q = Transform.multiply(remover, Q);
+
+        //decompose into rotate/scale/skew matrices
+        var result = {};
+        result.translate = Transform.getTranslate(M);
+        result.rotate = [Math.atan2(-Q[6], Q[10]), Math.asin(Q[2]), Math.atan2(-Q[1], Q[0])];
+        if (!result.rotate[0]) {
+            result.rotate[0] = 0;
+            result.rotate[2] = Math.atan2(Q[4], Q[5]);
+        }
+        result.scale = [R[0], R[5], R[10]];
+        result.skew = [Math.atan2(R[9], result.scale[2]), Math.atan2(R[8], result.scale[2]), Math.atan2(R[4], result.scale[0])];
+
+        //double rotation workaround
+        if (Math.abs(result.rotate[0]) + Math.abs(result.rotate[2]) > 1.5 * Math.PI) {
+            result.rotate[1] = Math.PI - result.rotate[1];
+            if (result.rotate[1] > Math.PI) result.rotate[1] -= 2 * Math.PI;
+            if (result.rotate[1] < -Math.PI) result.rotate[1] += 2 * Math.PI;
+            if (result.rotate[0] < 0) result.rotate[0] += Math.PI;
+            else result.rotate[0] -= Math.PI;
+            if (result.rotate[2] < 0) result.rotate[2] += Math.PI;
+            else result.rotate[2] -= Math.PI;
+        }
+
+        return result;
+    };
+
+    /**
+     * Weighted average between two matrices by averaging their
+     *     translation, rotation, scale, skew components.
+     *     f(M1,M2,t) = (1 - t) * M1 + t * M2
+     *
+     * @method average
+     * @static
+     * @param {Transform} M1 f(M1,M2,0) = M1
+     * @param {Transform} M2 f(M1,M2,1) = M2
+     * @param {Number} t
+     * @return {Transform}
+     */
+    Transform.average = function average(M1, M2, t) {
+        t = (t === undefined) ? 0.5 : t;
+        var specM1 = Transform.interpret(M1);
+        var specM2 = Transform.interpret(M2);
+
+        var specAvg = {
+            translate: [0, 0, 0],
+            rotate: [0, 0, 0],
+            scale: [0, 0, 0],
+            skew: [0, 0, 0]
+        };
+
+        for (var i = 0; i < 3; i++) {
+            specAvg.translate[i] = (1 - t) * specM1.translate[i] + t * specM2.translate[i];
+            specAvg.rotate[i] = (1 - t) * specM1.rotate[i] + t * specM2.rotate[i];
+            specAvg.scale[i] = (1 - t) * specM1.scale[i] + t * specM2.scale[i];
+            specAvg.skew[i] = (1 - t) * specM1.skew[i] + t * specM2.skew[i];
+        }
+        return Transform.build(specAvg);
+    };
+
+    /**
+     * Compose .translate, .rotate, .scale, .skew components into
+     * Transform matrix
+     *
+     * @method build
+     * @static
+     * @param {matrixSpec} spec object with component matrices .translate,
+     *    .rotate, .scale, .skew
+     * @return {Transform} composed transform
+     */
+    Transform.build = function build(spec) {
+        var scaleMatrix = Transform.scale(spec.scale[0], spec.scale[1], spec.scale[2]);
+        var skewMatrix = Transform.skew(spec.skew[0], spec.skew[1], spec.skew[2]);
+        var rotateMatrix = Transform.rotate(spec.rotate[0], spec.rotate[1], spec.rotate[2]);
+        return Transform.thenMove(Transform.multiply(Transform.multiply(rotateMatrix, skewMatrix), scaleMatrix), spec.translate);
+    };
+
+    /**
+     * Determine if two Transforms are component-wise equal
+     *   Warning: breaks on perspective Transforms
+     *
+     * @method equals
+     * @static
+     * @param {Transform} a matrix
+     * @param {Transform} b matrix
+     * @return {boolean}
+     */
+    Transform.equals = function equals(a, b) {
+        return !Transform.notEquals(a, b);
+    };
+
+    /**
+     * Determine if two Transforms are component-wise unequal
+     *   Warning: breaks on perspective Transforms
+     *
+     * @method notEquals
+     * @static
+     * @param {Transform} a matrix
+     * @param {Transform} b matrix
+     * @return {boolean}
+     */
+    Transform.notEquals = function notEquals(a, b) {
+        if (a === b) return false;
+
+        // shortci
+        return !(a && b) ||
+            a[12] !== b[12] || a[13] !== b[13] || a[14] !== b[14] ||
+            a[0] !== b[0] || a[1] !== b[1] || a[2] !== b[2] ||
+            a[4] !== b[4] || a[5] !== b[5] || a[6] !== b[6] ||
+            a[8] !== b[8] || a[9] !== b[9] || a[10] !== b[10];
+    };
+
+    /**
+     * Constrain angle-trio components to range of [-pi, pi).
+     *
+     * @method normalizeRotation
+     * @static
+     * @param {Array.Number} rotation phi, theta, psi (array of floats
+     *    && array.length == 3)
+     * @return {Array.Number} new phi, theta, psi triplet
+     *    (array of floats && array.length == 3)
+     */
+    Transform.normalizeRotation = function normalizeRotation(rotation) {
+        var result = rotation.slice(0);
+        if (result[0] === Math.PI * 0.5 || result[0] === -Math.PI * 0.5) {
+            result[0] = -result[0];
+            result[1] = Math.PI - result[1];
+            result[2] -= Math.PI;
+        }
+        if (result[0] > Math.PI * 0.5) {
+            result[0] = result[0] - Math.PI;
+            result[1] = Math.PI - result[1];
+            result[2] -= Math.PI;
+        }
+        if (result[0] < -Math.PI * 0.5) {
+            result[0] = result[0] + Math.PI;
+            result[1] = -Math.PI - result[1];
+            result[2] -= Math.PI;
+        }
+        while (result[1] < -Math.PI) result[1] += 2 * Math.PI;
+        while (result[1] >= Math.PI) result[1] -= 2 * Math.PI;
+        while (result[2] < -Math.PI) result[2] += 2 * Math.PI;
+        while (result[2] >= Math.PI) result[2] -= 2 * Math.PI;
+        return result;
+    };
+
+    /**
+     * (Property) Array defining a translation forward in z by 1
+     *
+     * @property {array} inFront
+     * @static
+     * @final
+     */
+    Transform.inFront = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1e-3, 1];
+
+    /**
+     * (Property) Array defining a translation backwards in z by 1
+     *
+     * @property {array} behind
+     * @static
+     * @final
+     */
+    Transform.behind = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -1e-3, 1];
+
+    module.exports = Transform;
+});
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/SpecParser',['require','exports','module','./Transform'],function(require, exports, module) {
+    var Transform = require('./Transform');
+
+    /**
+     *
+     * This object translates the rendering instructions ("render specs")
+     *   that renderable components generate into document update
+     *   instructions ("update specs").  Private.
+     *
+     * @private
+     * @class SpecParser
+     * @constructor
+     */
+    function SpecParser() {
+        this.result = {};
+    }
+    SpecParser._instance = new SpecParser();
+
+    /**
+     * Convert a render spec coming from the context's render chain to an
+     *    update spec for the update chain. This is the only major entry point
+     *    for a consumer of this class.
+     *
+     * @method parse
+     * @static
+     * @private
+     *
+     * @param {renderSpec} spec input render spec
+     * @param {Object} context context to do the parse in
+     * @return {Object} the resulting update spec (if no callback
+     *   specified, else none)
+     */
+    SpecParser.parse = function parse(spec, context) {
+        return SpecParser._instance.parse(spec, context);
+    };
+
+    /**
+     * Convert a renderSpec coming from the context's render chain to an update
+     *    spec for the update chain. This is the only major entrypoint for a
+     *    consumer of this class.
+     *
+     * @method parse
+     *
+     * @private
+     * @param {renderSpec} spec input render spec
+     * @param {Context} context
+     * @return {updateSpec} the resulting update spec
+     */
+    SpecParser.prototype.parse = function parse(spec, context) {
+        this.reset();
+        this._parseSpec(spec, context, Transform.identity);
+        return this.result;
+    };
+
+    /**
+     * Prepare SpecParser for re-use (or first use) by setting internal state
+     *  to blank.
+     *
+     * @private
+     * @method reset
+     */
+    SpecParser.prototype.reset = function reset() {
+        this.result = {};
+    };
+
+    // Multiply matrix M by vector v
+    function _vecInContext(v, m) {
+        return [
+            v[0] * m[0] + v[1] * m[4] + v[2] * m[8],
+            v[0] * m[1] + v[1] * m[5] + v[2] * m[9],
+            v[0] * m[2] + v[1] * m[6] + v[2] * m[10]
+        ];
+    }
+
+    var _originZeroZero = [0, 0];
+
+    // From the provided renderSpec tree, recursively compose opacities,
+    //    origins, transforms, and sizes corresponding to each surface id from
+    //    the provided renderSpec tree structure. On completion, those
+    //    properties of 'this' object should be ready to use to build an
+    //    updateSpec.
+    SpecParser.prototype._parseSpec = function _parseSpec(spec, parentContext, sizeContext) {
+        var id;
+        var target;
+        var transform;
+        var opacity;
+        var origin;
+        var align;
+        var size;
+
+        if (typeof spec === 'number') {
+            id = spec;
+            transform = parentContext.transform;
+            align = parentContext.align || parentContext.origin;
+            if (parentContext.size && align && (align[0] || align[1])) {
+                var alignAdjust = [align[0] * parentContext.size[0], align[1] * parentContext.size[1], 0];
+                transform = Transform.thenMove(transform, _vecInContext(alignAdjust, sizeContext));
+            }
+            this.result[id] = {
+                transform: transform,
+                opacity: parentContext.opacity,
+                origin: parentContext.origin || _originZeroZero,
+                align: parentContext.align || parentContext.origin || _originZeroZero,
+                size: parentContext.size
+            };
+        }
+        else if (!spec) { // placed here so 0 will be cached earlier
+            return;
+        }
+        else if (spec instanceof Array) {
+            for (var i = 0; i < spec.length; i++) {
+                this._parseSpec(spec[i], parentContext, sizeContext);
+            }
+        }
+        else {
+            target = spec.target;
+            transform = parentContext.transform;
+            opacity = parentContext.opacity;
+            origin = parentContext.origin;
+            align = parentContext.align;
+            size = parentContext.size;
+            var nextSizeContext = sizeContext;
+
+            if (spec.opacity !== undefined) opacity = parentContext.opacity * spec.opacity;
+            if (spec.transform) transform = Transform.multiply(parentContext.transform, spec.transform);
+            if (spec.origin) {
+                origin = spec.origin;
+                nextSizeContext = parentContext.transform;
+            }
+            if (spec.align) align = spec.align;
+            if (spec.size) {
+                var parentSize = parentContext.size;
+                size = [
+                    spec.size[0] !== undefined ? spec.size[0] : parentSize[0],
+                    spec.size[1] !== undefined ? spec.size[1] : parentSize[1]
+                ];
+                if (parentSize) {
+                    if (!align) align = origin;
+                    if (align && (align[0] || align[1])) transform = Transform.thenMove(transform, _vecInContext([align[0] * parentSize[0], align[1] * parentSize[1], 0], sizeContext));
+                    if (origin && (origin[0] || origin[1])) transform = Transform.moveThen([-origin[0] * size[0], -origin[1] * size[1], 0], transform);
+                }
+                nextSizeContext = parentContext.transform;
+                origin = null;
+                align = null;
+            }
+
+            this._parseSpec(target, {
+                transform: transform,
+                opacity: opacity,
+                origin: origin,
+                align: align,
+                size: size
+            }, nextSizeContext);
+        }
+    };
+
+    module.exports = SpecParser;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/RenderNode',['require','exports','module','./Entity','./SpecParser'],function(require, exports, module) {
+    var Entity = require('./Entity');
+    var SpecParser = require('./SpecParser');
+
+    /**
+     * A wrapper for inserting a renderable component (like a Modifer or
+     *   Surface) into the render tree.
+     *
+     * @class RenderNode
+     * @constructor
+     *
+     * @param {Object} object Target renderable component
+     */
+    function RenderNode(object) {
+        this._object = null;
+        this._child = null;
+        this._hasMultipleChildren = false;
+        this._isRenderable = false;
+        this._isModifier = false;
+
+        this._resultCache = {};
+        this._prevResults = {};
+
+        this._childResult = null;
+
+        if (object) this.set(object);
+    }
+
+    /**
+     * Append a renderable to the list of this node's children.
+     *   This produces a new RenderNode in the tree.
+     *   Note: Does not double-wrap if child is a RenderNode already.
+     *
+     * @method add
+     * @param {Object} child renderable object
+     * @return {RenderNode} new render node wrapping child
+     */
+    RenderNode.prototype.add = function add(child) {
+        var childNode = (child instanceof RenderNode) ? child : new RenderNode(child);
+        if (this._child instanceof Array) this._child.push(childNode);
+        else if (this._child) {
+            this._child = [this._child, childNode];
+            this._hasMultipleChildren = true;
+            this._childResult = []; // to be used later
+        }
+        else this._child = childNode;
+
+        return childNode;
+    };
+
+    /**
+     * Return the single wrapped object.  Returns null if this node has multiple child nodes.
+     *
+     * @method get
+     *
+     * @return {Ojbect} contained renderable object
+     */
+    RenderNode.prototype.get = function get() {
+        return this._object || (this._hasMultipleChildren ? null : (this._child ? this._child.get() : null));
+    };
+
+    /**
+     * Overwrite the list of children to contain the single provided object
+     *
+     * @method set
+     * @param {Object} child renderable object
+     * @return {RenderNode} this render node, or child if it is a RenderNode
+     */
+    RenderNode.prototype.set = function set(child) {
+        this._childResult = null;
+        this._hasMultipleChildren = false;
+        this._isRenderable = child.render ? true : false;
+        this._isModifier = child.modify ? true : false;
+        this._object = child;
+        this._child = null;
+        if (child instanceof RenderNode) return child;
+        else return this;
+    };
+
+    /**
+     * Get render size of contained object.
+     *
+     * @method getSize
+     * @return {Array.Number} size of this or size of single child.
+     */
+    RenderNode.prototype.getSize = function getSize() {
+        var result = null;
+        var target = this.get();
+        if (target && target.getSize) result = target.getSize();
+        if (!result && this._child && this._child.getSize) result = this._child.getSize();
+        return result;
+    };
+
+    // apply results of rendering this subtree to the document
+    function _applyCommit(spec, context, cacheStorage) {
+        var result = SpecParser.parse(spec, context);
+        var keys = Object.keys(result);
+        for (var i = 0; i < keys.length; i++) {
+            var id = keys[i];
+            var childNode = Entity.get(id);
+            var commitParams = result[id];
+            commitParams.allocator = context.allocator;
+            var commitResult = childNode.commit(commitParams);
+            if (commitResult) _applyCommit(commitResult, context, cacheStorage);
+            else cacheStorage[id] = commitParams;
+        }
+    }
+
+    /**
+     * Commit the content change from this node to the document.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context render context
+     */
+    RenderNode.prototype.commit = function commit(context) {
+        // free up some divs from the last loop
+        var prevKeys = Object.keys(this._prevResults);
+        for (var i = 0; i < prevKeys.length; i++) {
+            var id = prevKeys[i];
+            if (this._resultCache[id] === undefined) {
+                var object = Entity.get(id);
+                if (object.cleanup) object.cleanup(context.allocator);
+            }
+        }
+
+        this._prevResults = this._resultCache;
+        this._resultCache = {};
+        _applyCommit(this.render(), context, this._resultCache);
+    };
+
+    /**
+     * Generate a render spec from the contents of the wrapped component.
+     *
+     * @private
+     * @method render
+     *
+     * @return {Object} render specification for the component subtree
+     *    only under this node.
+     */
+    RenderNode.prototype.render = function render() {
+        if (this._isRenderable) return this._object.render();
+
+        var result = null;
+        if (this._hasMultipleChildren) {
+            result = this._childResult;
+            var children = this._child;
+            for (var i = 0; i < children.length; i++) {
+                result[i] = children[i].render();
+            }
+        }
+        else if (this._child) result = this._child.render();
+
+        return this._isModifier ? this._object.modify(result) : result;
+    };
+
+    module.exports = RenderNode;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/EventEmitter',['require','exports','module'],function(require, exports, module) {
+    /**
+     * EventEmitter represents a channel for events.
+     *
+     * @class EventEmitter
+     * @constructor
+     */
+    function EventEmitter() {
+        this.listeners = {};
+        this._owner = this;
+    }
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    EventEmitter.prototype.emit = function emit(type, event) {
+        var handlers = this.listeners[type];
+        if (handlers) {
+            for (var i = 0; i < handlers.length; i++) {
+                handlers[i].call(this._owner, event);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+   EventEmitter.prototype.on = function on(type, handler) {
+        if (!(type in this.listeners)) this.listeners[type] = [];
+        var index = this.listeners[type].indexOf(handler);
+        if (index < 0) this.listeners[type].push(handler);
+        return this;
+    };
+
+    /**
+     * Alias for "on".
+     * @method addListener
+     */
+    EventEmitter.prototype.addListener = EventEmitter.prototype.on;
+
+   /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function} handler function object to remove
+     * @return {EventEmitter} this
+     */
+    EventEmitter.prototype.removeListener = function removeListener(type, handler) {
+        var index = this.listeners[type].indexOf(handler);
+        if (index >= 0) this.listeners[type].splice(index, 1);
+        return this;
+    };
+
+    /**
+     * Call event handlers with this set to owner.
+     *
+     * @method bindThis
+     *
+     * @param {Object} owner object this EventEmitter belongs to
+     */
+    EventEmitter.prototype.bindThis = function bindThis(owner) {
+        this._owner = owner;
+    };
+
+    module.exports = EventEmitter;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/EventHandler',['require','exports','module','./EventEmitter'],function(require, exports, module) {
+    var EventEmitter = require('./EventEmitter');
+
+    /**
+     * EventHandler forwards received events to a set of provided callback functions.
+     * It allows events to be captured, processed, and optionally piped through to other event handlers.
+     *
+     * @class EventHandler
+     * @extends EventEmitter
+     * @constructor
+     */
+    function EventHandler() {
+        EventEmitter.apply(this, arguments);
+
+        this.downstream = []; // downstream event handlers
+        this.downstreamFn = []; // downstream functions
+
+        this.upstream = []; // upstream event handlers
+        this.upstreamListeners = {}; // upstream listeners
+    }
+    EventHandler.prototype = Object.create(EventEmitter.prototype);
+    EventHandler.prototype.constructor = EventHandler;
+
+    /**
+     * Assign an event handler to receive an object's input events.
+     *
+     * @method setInputHandler
+     * @static
+     *
+     * @param {Object} object object to mix trigger, subscribe, and unsubscribe functions into
+     * @param {EventHandler} handler assigned event handler
+     */
+    EventHandler.setInputHandler = function setInputHandler(object, handler) {
+        object.trigger = handler.trigger.bind(handler);
+        if (handler.subscribe && handler.unsubscribe) {
+            object.subscribe = handler.subscribe.bind(handler);
+            object.unsubscribe = handler.unsubscribe.bind(handler);
+        }
+    };
+
+    /**
+     * Assign an event handler to receive an object's output events.
+     *
+     * @method setOutputHandler
+     * @static
+     *
+     * @param {Object} object object to mix pipe, unpipe, on, addListener, and removeListener functions into
+     * @param {EventHandler} handler assigned event handler
+     */
+    EventHandler.setOutputHandler = function setOutputHandler(object, handler) {
+        if (handler instanceof EventHandler) handler.bindThis(object);
+        object.pipe = handler.pipe.bind(handler);
+        object.unpipe = handler.unpipe.bind(handler);
+        object.on = handler.on.bind(handler);
+        object.addListener = object.on;
+        object.removeListener = handler.removeListener.bind(handler);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.emit = function emit(type, event) {
+        EventEmitter.prototype.emit.apply(this, arguments);
+        var i = 0;
+        for (i = 0; i < this.downstream.length; i++) {
+            if (this.downstream[i].trigger) this.downstream[i].trigger(type, event);
+        }
+        for (i = 0; i < this.downstreamFn.length; i++) {
+            this.downstreamFn[i](type, event);
+        }
+        return this;
+    };
+
+    /**
+     * Alias for emit
+     * @method addListener
+     */
+    EventHandler.prototype.trigger = EventHandler.prototype.emit;
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    EventHandler.prototype.pipe = function pipe(target) {
+        if (target.subscribe instanceof Function) return target.subscribe(this);
+
+        var downstreamCtx = (target instanceof Function) ? this.downstreamFn : this.downstream;
+        var index = downstreamCtx.indexOf(target);
+        if (index < 0) downstreamCtx.push(target);
+
+        if (target instanceof Function) target('pipe', null);
+        else if (target.trigger) target.trigger('pipe', null);
+
+        return target;
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe".
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    EventHandler.prototype.unpipe = function unpipe(target) {
+        if (target.unsubscribe instanceof Function) return target.unsubscribe(this);
+
+        var downstreamCtx = (target instanceof Function) ? this.downstreamFn : this.downstream;
+        var index = downstreamCtx.indexOf(target);
+        if (index >= 0) {
+            downstreamCtx.splice(index, 1);
+            if (target instanceof Function) target('unpipe', null);
+            else if (target.trigger) target.trigger('unpipe', null);
+            return target;
+        }
+        else return false;
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.on = function on(type, handler) {
+        EventEmitter.prototype.on.apply(this, arguments);
+        if (!(type in this.upstreamListeners)) {
+            var upstreamListener = this.trigger.bind(this, type);
+            this.upstreamListeners[type] = upstreamListener;
+            for (var i = 0; i < this.upstream.length; i++) {
+                this.upstream[i].on(type, upstreamListener);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Alias for "on"
+     * @method addListener
+     */
+    EventHandler.prototype.addListener = EventHandler.prototype.on;
+
+    /**
+     * Listen for events from an upstream event handler.
+     *
+     * @method subscribe
+     *
+     * @param {EventEmitter} source source emitter object
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.subscribe = function subscribe(source) {
+        var index = this.upstream.indexOf(source);
+        if (index < 0) {
+            this.upstream.push(source);
+            for (var type in this.upstreamListeners) {
+                source.on(type, this.upstreamListeners[type]);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Stop listening to events from an upstream event handler.
+     *
+     * @method unsubscribe
+     *
+     * @param {EventEmitter} source source emitter object
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.unsubscribe = function unsubscribe(source) {
+        var index = this.upstream.indexOf(source);
+        if (index >= 0) {
+            this.upstream.splice(index, 1);
+            for (var type in this.upstreamListeners) {
+                source.removeListener(type, this.upstreamListeners[type]);
+            }
+        }
+        return this;
+    };
+
+    module.exports = EventHandler;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/ElementAllocator',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Internal helper object to Context that handles the process of
+     *   creating and allocating DOM elements within a managed div.
+     *   Private.
+     *
+     * @class ElementAllocator
+     * @constructor
+     * @private
+     * @param {Node} container document element in which Famo.us content will be inserted
+     */
+    function ElementAllocator(container) {
+        if (!container) container = document.createDocumentFragment();
+        this.container = container;
+        this.detachedNodes = {};
+        this.nodeCount = 0;
+    }
+
+    /**
+     * Move the document elements from their original container to a new one.
+     *
+     * @private
+     * @method migrate
+     *
+     * @param {Node} container document element to which Famo.us content will be migrated
+     */
+    ElementAllocator.prototype.migrate = function migrate(container) {
+        var oldContainer = this.container;
+        if (container === oldContainer) return;
+
+        if (oldContainer instanceof DocumentFragment) {
+            container.appendChild(oldContainer);
+        }
+        else {
+            while (oldContainer.hasChildNodes()) {
+                container.appendChild(oldContainer.removeChild(oldContainer.firstChild));
+            }
+        }
+
+        this.container = container;
+    };
+
+    /**
+     * Allocate an element of specified type from the pool.
+     *
+     * @private
+     * @method allocate
+     *
+     * @param {string} type type of element, e.g. 'div'
+     * @return {Node} allocated document element
+     */
+    ElementAllocator.prototype.allocate = function allocate(type) {
+        type = type.toLowerCase();
+        if (!(type in this.detachedNodes)) this.detachedNodes[type] = [];
+        var nodeStore = this.detachedNodes[type];
+        var result;
+        if (nodeStore.length > 0) {
+            result = nodeStore.pop();
+        }
+        else {
+            result = document.createElement(type);
+            this.container.appendChild(result);
+        }
+        this.nodeCount++;
+        return result;
+    };
+
+    /**
+     * De-allocate an element of specified type to the pool.
+     *
+     * @private
+     * @method deallocate
+     *
+     * @param {Node} element document element to deallocate
+     */
+    ElementAllocator.prototype.deallocate = function deallocate(element) {
+        var nodeType = element.nodeName.toLowerCase();
+        var nodeStore = this.detachedNodes[nodeType];
+        nodeStore.push(element);
+        this.nodeCount--;
+    };
+
+    /**
+     * Get count of total allocated nodes in the document.
+     *
+     * @private
+     * @method getNodeCount
+     *
+     * @return {Number} total node count
+     */
+    ElementAllocator.prototype.getNodeCount = function getNodeCount() {
+        return this.nodeCount;
+    };
+
+    module.exports = ElementAllocator;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/utilities/Utility',['require','exports','module'],function(require, exports, module) {
+    /**
+     * This namespace holds standalone functionality.
+     *  Currently includes name mapping for transition curves,
+     *  name mapping for origin pairs, and the after() function.
+     *
+     * @class Utility
+     * @static
+     */
+    var Utility = {};
+
+    /**
+     * Table of direction array positions
+     *
+     * @property {object} Direction
+     * @final
+     */
+    Utility.Direction = {
+        X: 0,
+        Y: 1,
+        Z: 2
+    };
+
+    /**
+     * Return wrapper around callback function. Once the wrapper is called N
+     *   times, invoke the callback function. Arguments and scope preserved.
+     *
+     * @method after
+     *
+     * @param {number} count number of calls before callback function invoked
+     * @param {Function} callback wrapped callback function
+     *
+     * @return {function} wrapped callback with coundown feature
+     */
+    Utility.after = function after(count, callback) {
+        var counter = count;
+        return function() {
+            counter--;
+            if (counter === 0) callback.apply(this, arguments);
+        };
+    };
+
+    /**
+     * Load a URL and return its contents in a callback
+     *
+     * @method loadURL
+     *
+     * @param {string} url URL of object
+     * @param {function} callback callback to dispatch with content
+     */
+    Utility.loadURL = function loadURL(url, callback) {
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function onreadystatechange() {
+            if (this.readyState === 4) {
+                if (callback) callback(this.responseText);
+            }
+        };
+        xhr.open('GET', url);
+        xhr.send();
+    };
+
+    /**
+     * Create a document fragment from a string of HTML
+     *
+     * @method createDocumentFragmentFromHTML
+     *
+     * @param {string} html HTML to convert to DocumentFragment
+     *
+     * @return {DocumentFragment} DocumentFragment representing input HTML
+     */
+    Utility.createDocumentFragmentFromHTML = function createDocumentFragmentFromHTML(html) {
+        var element = document.createElement('div');
+        element.innerHTML = html;
+        var result = document.createDocumentFragment();
+        while (element.hasChildNodes()) result.appendChild(element.firstChild);
+        return result;
+    };
+
+    module.exports = Utility;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/MultipleTransition',['require','exports','module','famous/utilities/Utility'],function(require, exports, module) {
+    var Utility = require('famous/utilities/Utility');
+
+    /**
+     * Transition meta-method to support transitioning multiple
+     *   values with scalar-only methods.
+     *
+     *
+     * @class MultipleTransition
+     * @constructor
+     *
+     * @param {Object} method Transionable class to multiplex
+     */
+    function MultipleTransition(method) {
+        this.method = method;
+        this._instances = [];
+        this.state = [];
+    }
+
+    MultipleTransition.SUPPORTS_MULTIPLE = true;
+
+    /**
+     * Get the state of each transition.
+     *
+     * @method get
+     *
+     * @return state {Number|Array} state array
+     */
+    MultipleTransition.prototype.get = function get() {
+        for (var i = 0; i < this._instances.length; i++) {
+            this.state[i] = this._instances[i].get();
+        }
+        return this.state;
+    };
+
+    /**
+     * Set the end states with a shared transition, with optional callback.
+     *
+     * @method set
+     *
+     * @param {Number|Array} endState Final State.  Use a multi-element argument for multiple transitions.
+     * @param {Object} transition Transition definition, shared among all instances
+     * @param {Function} callback called when all endStates have been reached.
+     */
+    MultipleTransition.prototype.set = function set(endState, transition, callback) {
+        var _allCallback = Utility.after(endState.length, callback);
+        for (var i = 0; i < endState.length; i++) {
+            if (!this._instances[i]) this._instances[i] = new (this.method)();
+            this._instances[i].set(endState[i], transition, _allCallback);
+        }
+    };
+
+    /**
+     * Reset all transitions to start state.
+     *
+     * @method reset
+     *
+     * @param  {Number|Array} startState Start state
+     */
+    MultipleTransition.prototype.reset = function reset(startState) {
+        for (var i = 0; i < startState.length; i++) {
+            if (!this._instances[i]) this._instances[i] = new (this.method)();
+            this._instances[i].reset(startState[i]);
+        }
+    };
+
+    module.exports = MultipleTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/TweenTransition',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     *
+     * A state maintainer for a smooth transition between
+     *    numerically-specified states.  Example numeric states include floats or
+     *    Transfornm objects.
+     *
+     *    An initial state is set with the constructor or set(startValue). A
+     *    corresponding end state and transition are set with set(endValue,
+     *    transition). Subsequent calls to set(endValue, transition) begin at
+     *    the last state. Calls to get(timestamp) provide the _interpolated state
+     *    along the way.
+     *
+     *   Note that there is no event loop here - calls to get() are the only way
+     *    to find out state projected to the current (or provided) time and are
+     *    the only way to trigger callbacks. Usually this kind of object would
+     *    be part of the render() path of a visible component.
+     *
+     * @class TweenTransition
+     * @constructor
+     *
+     * @param {Object} options TODO
+     *    beginning state
+     */
+    function TweenTransition(options) {
+        this.options = Object.create(TweenTransition.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._startTime = 0;
+        this._startValue = 0;
+        this._updateTime = 0;
+        this._endValue = 0;
+        this._curve = undefined;
+        this._duration = 0;
+        this._active = false;
+        this._callback = undefined;
+        this.state = 0;
+        this.velocity = undefined;
+    }
+
+    /**
+     * Transition curves mapping independent variable t from domain [0,1] to a
+     *    range within [0,1]. Includes functions 'linear', 'easeIn', 'easeOut',
+     *    'easeInOut', 'easeOutBounce', 'spring'.
+     *
+     * @property {object} Curve
+     * @final
+     */
+    TweenTransition.Curves = {
+        linear: function(t) {
+            return t;
+        },
+        easeIn: function(t) {
+            return t*t;
+        },
+        easeOut: function(t) {
+            return t*(2-t);
+        },
+        easeInOut: function(t) {
+            if (t <= 0.5) return 2*t*t;
+            else return -2*t*t + 4*t - 1;
+        },
+        easeOutBounce: function(t) {
+            return t*(3 - 2*t);
+        },
+        spring: function(t) {
+            return (1 - t) * Math.sin(6 * Math.PI * t) + t;
+        }
+    };
+
+    TweenTransition.SUPPORTS_MULTIPLE = true;
+    TweenTransition.DEFAULT_OPTIONS = {
+        curve: TweenTransition.Curves.linear,
+        duration: 500,
+        speed: 0 /* considered only if positive */
+    };
+
+    var registeredCurves = {};
+
+    /**
+     * Add "unit" curve to internal dictionary of registered curves.
+     *
+     * @method registerCurve
+     *
+     * @static
+     *
+     * @param {string} curveName dictionary key
+     * @param {unitCurve} curve function of one numeric variable mapping [0,1]
+     *    to range inside [0,1]
+     * @return {boolean} false if key is taken, else true
+     */
+    TweenTransition.registerCurve = function registerCurve(curveName, curve) {
+        if (!registeredCurves[curveName]) {
+            registeredCurves[curveName] = curve;
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+
+    /**
+     * Remove object with key "curveName" from internal dictionary of registered
+     *    curves.
+     *
+     * @method unregisterCurve
+     *
+     * @static
+     *
+     * @param {string} curveName dictionary key
+     * @return {boolean} false if key has no dictionary value
+     */
+    TweenTransition.unregisterCurve = function unregisterCurve(curveName) {
+        if (registeredCurves[curveName]) {
+            delete registeredCurves[curveName];
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+
+    /**
+     * Retrieve function with key "curveName" from internal dictionary of
+     *    registered curves. Default curves are defined in the
+     *    TweenTransition.Curves array, where the values represent
+     *    unitCurve functions.
+     *
+     * @method getCurve
+     *
+     * @static
+     *
+     * @param {string} curveName dictionary key
+     * @return {unitCurve} curve function of one numeric variable mapping [0,1]
+     *    to range inside [0,1]
+     */
+    TweenTransition.getCurve = function getCurve(curveName) {
+        var curve = registeredCurves[curveName];
+        if (curve !== undefined) return curve;
+        else throw new Error('curve not registered');
+    };
+
+    /**
+     * Retrieve all available curves.
+     *
+     * @method getCurves
+     *
+     * @static
+     *
+     * @return {object} curve functions of one numeric variable mapping [0,1]
+     *    to range inside [0,1]
+     */
+    TweenTransition.getCurves = function getCurves() {
+        return registeredCurves;
+    };
+
+     // Interpolate: If a linear function f(0) = a, f(1) = b, then return f(t)
+    function _interpolate(a, b, t) {
+        return ((1 - t) * a) + (t * b);
+    }
+
+    function _clone(obj) {
+        if (obj instanceof Object) {
+            if (obj instanceof Array) return obj.slice(0);
+            else return Object.create(obj);
+        }
+        else return obj;
+    }
+
+    // Fill in missing properties in "transition" with those in defaultTransition, and
+    //   convert internal named curve to function object, returning as new
+    //   object.
+    function _normalize(transition, defaultTransition) {
+        var result = {curve: defaultTransition.curve};
+        if (defaultTransition.duration) result.duration = defaultTransition.duration;
+        if (defaultTransition.speed) result.speed = defaultTransition.speed;
+        if (transition instanceof Object) {
+            if (transition.duration !== undefined) result.duration = transition.duration;
+            if (transition.curve) result.curve = transition.curve;
+            if (transition.speed) result.speed = transition.speed;
+        }
+        if (typeof result.curve === 'string') result.curve = TweenTransition.getCurve(result.curve);
+        return result;
+    }
+
+    /**
+     * Set internal options, overriding any default options.
+     *
+     * @method setOptions
+     *
+     *
+     * @param {Object} options options object
+     * @param {Object} [options.curve] function mapping [0,1] to [0,1] or identifier
+     * @param {Number} [options.duration] duration in ms
+     * @param {Number} [options.speed] speed in pixels per ms
+     */
+    TweenTransition.prototype.setOptions = function setOptions(options) {
+        if (options.curve !== undefined) this.options.curve = options.curve;
+        if (options.duration !== undefined) this.options.duration = options.duration;
+        if (options.speed !== undefined) this.options.speed = options.speed;
+    };
+
+    /**
+     * Add transition to end state to the queue of pending transitions. Special
+     *    Use: calling without a transition resets the object to that state with
+     *    no pending actions
+     *
+     * @method set
+     *
+     *
+     * @param {number|FamousMatrix|Array.Number|Object.<number, number>} endValue
+     *    end state to which we _interpolate
+     * @param {transition=} transition object of type {duration: number, curve:
+     *    f[0,1] -> [0,1] or name}. If transition is omitted, change will be
+     *    instantaneous.
+     * @param {function()=} callback Zero-argument function to call on observed
+     *    completion (t=1)
+     */
+    TweenTransition.prototype.set = function set(endValue, transition, callback) {
+        if (!transition) {
+            this.reset(endValue);
+            if (callback) callback();
+            return;
+        }
+
+        this._startValue = _clone(this.get());
+        transition = _normalize(transition, this.options);
+        if (transition.speed) {
+            var startValue = this._startValue;
+            if (startValue instanceof Object) {
+                var variance = 0;
+                for (var i in startValue) variance += (endValue[i] - startValue[i]) * (endValue[i] - startValue[i]);
+                transition.duration = Math.sqrt(variance) / transition.speed;
+            }
+            else {
+                transition.duration = Math.abs(endValue - startValue) / transition.speed;
+            }
+        }
+
+        this._startTime = Date.now();
+        this._endValue = _clone(endValue);
+        this._startVelocity = _clone(transition.velocity);
+        this._duration = transition.duration;
+        this._curve = transition.curve;
+        this._active = true;
+        this._callback = callback;
+    };
+
+    /**
+     * Cancel all transitions and reset to a stable state
+     *
+     * @method reset
+     *
+     * @param {number|Array.Number|Object.<number, number>} startValue
+     *    starting state
+     * @param {number} startVelocity
+     *    starting velocity
+     */
+    TweenTransition.prototype.reset = function reset(startValue, startVelocity) {
+        if (this._callback) {
+            var callback = this._callback;
+            this._callback = undefined;
+            callback();
+        }
+        this.state = _clone(startValue);
+        this.velocity = _clone(startVelocity);
+        this._startTime = 0;
+        this._duration = 0;
+        this._updateTime = 0;
+        this._startValue = this.state;
+        this._startVelocity = this.velocity;
+        this._endValue = this.state;
+        this._active = false;
+    };
+
+    /**
+     * Get current velocity
+     *
+     * @method getVelocity
+     *
+     * @returns {Number} velocity
+     */
+    TweenTransition.prototype.getVelocity = function getVelocity() {
+        return this.velocity;
+    };
+
+    /**
+     * Get interpolated state of current action at provided time. If the last
+     *    action has completed, invoke its callback.
+     *
+     * @method get
+     *
+     *
+     * @param {number=} timestamp Evaluate the curve at a normalized version of this
+     *    time. If omitted, use current time. (Unix epoch time)
+     * @return {number|Object.<number|string, number>} beginning state
+     *    _interpolated to this point in time.
+     */
+    TweenTransition.prototype.get = function get(timestamp) {
+        this.update(timestamp);
+        return this.state;
+    };
+
+    function _calculateVelocity(current, start, curve, duration, t) {
+        var velocity;
+        var eps = 1e-7;
+        var speed = (curve(t) - curve(t - eps)) / eps;
+        if (current instanceof Array) {
+            velocity = [];
+            for (var i = 0; i < current.length; i++){
+                if (typeof current[i] === 'number')
+                    velocity[i] = speed * (current[i] - start[i]) / duration;
+                else
+                    velocity[i] = 0;
+            }
+
+        }
+        else velocity = speed * (current - start) / duration;
+        return velocity;
+    }
+
+    function _calculateState(start, end, t) {
+        var state;
+        if (start instanceof Array) {
+            state = [];
+            for (var i = 0; i < start.length; i++) {
+                if (typeof start[i] === 'number')
+                    state[i] = _interpolate(start[i], end[i], t);
+                else
+                    state[i] = start[i];
+            }
+        }
+        else state = _interpolate(start, end, t);
+        return state;
+    }
+
+    /**
+     * Update internal state to the provided timestamp. This may invoke the last
+     *    callback and begin a new action.
+     *
+     * @method update
+     *
+     *
+     * @param {number=} timestamp Evaluate the curve at a normalized version of this
+     *    time. If omitted, use current time. (Unix epoch time)
+     */
+    TweenTransition.prototype.update = function update(timestamp) {
+        if (!this._active) {
+            if (this._callback) {
+                var callback = this._callback;
+                this._callback = undefined;
+                callback();
+            }
+            return;
+        }
+
+        if (!timestamp) timestamp = Date.now();
+        if (this._updateTime >= timestamp) return;
+        this._updateTime = timestamp;
+
+        var timeSinceStart = timestamp - this._startTime;
+        if (timeSinceStart >= this._duration) {
+            this.state = this._endValue;
+            this.velocity = _calculateVelocity(this.state, this._startValue, this._curve, this._duration, 1);
+            this._active = false;
+        }
+        else if (timeSinceStart < 0) {
+            this.state = this._startValue;
+            this.velocity = this._startVelocity;
+        }
+        else {
+            var t = timeSinceStart / this._duration;
+            this.state = _calculateState(this._startValue, this._endValue, this._curve(t));
+            this.velocity = _calculateVelocity(this.state, this._startValue, this._curve, this._duration, t);
+        }
+    };
+
+    /**
+     * Is there at least one action pending completion?
+     *
+     * @method isActive
+     *
+     *
+     * @return {boolean}
+     */
+    TweenTransition.prototype.isActive = function isActive() {
+        return this._active;
+    };
+
+    /**
+     * Halt transition at current state and erase all pending actions.
+     *
+     * @method halt
+     *
+     */
+    TweenTransition.prototype.halt = function halt() {
+        this.reset(this.get());
+    };
+
+    // Register all the default curves
+    TweenTransition.registerCurve('linear', TweenTransition.Curves.linear);
+    TweenTransition.registerCurve('easeIn', TweenTransition.Curves.easeIn);
+    TweenTransition.registerCurve('easeOut', TweenTransition.Curves.easeOut);
+    TweenTransition.registerCurve('easeInOut', TweenTransition.Curves.easeInOut);
+    TweenTransition.registerCurve('easeOutBounce', TweenTransition.Curves.easeOutBounce);
+    TweenTransition.registerCurve('spring', TweenTransition.Curves.spring);
+
+    TweenTransition.customCurve = function customCurve(v1, v2) {
+        v1 = v1 || 0; v2 = v2 || 0;
+        return function(t) {
+            return v1*t + (-2*v1 - v2 + 3)*t*t + (v1 + v2 - 2)*t*t*t;
+        };
+    };
+
+    module.exports = TweenTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/Transitionable',['require','exports','module','./MultipleTransition','./TweenTransition'],function(require, exports, module) {
+    var MultipleTransition = require('./MultipleTransition');
+    var TweenTransition = require('./TweenTransition');
+
+    /**
+     * A state maintainer for a smooth transition between
+     *    numerically-specified states. Example numeric states include floats or
+     *    Transform objects.
+     *
+     * An initial state is set with the constructor or set(startState). A
+     *    corresponding end state and transition are set with set(endState,
+     *    transition). Subsequent calls to set(endState, transition) begin at
+     *    the last state. Calls to get(timestamp) provide the interpolated state
+     *    along the way.
+     *
+     * Note that there is no event loop here - calls to get() are the only way
+     *    to find state projected to the current (or provided) time and are
+     *    the only way to trigger callbacks. Usually this kind of object would
+     *    be part of the render() path of a visible component.
+     *
+     * @class Transitionable
+     * @constructor
+     * @param {number|Array.Number|Object.<number|string, number>} start
+     *    beginning state
+     */
+    function Transitionable(start) {
+        this.currentAction = null;
+        this.actionQueue = [];
+        this.callbackQueue = [];
+
+        this.state = 0;
+        this.velocity = undefined;
+        this._callback = undefined;
+        this._engineInstance = null;
+        this._currentMethod = null;
+
+        this.set(start);
+    }
+
+    var transitionMethods = {};
+
+    Transitionable.registerMethod = function registerMethod(name, engineClass) {
+        if (!(name in transitionMethods)) {
+            transitionMethods[name] = engineClass;
+            return true;
+        }
+        else return false;
+    };
+
+    Transitionable.unregisterMethod = function unregisterMethod(name) {
+        if (name in transitionMethods) {
+            delete transitionMethods[name];
+            return true;
+        }
+        else return false;
+    };
+
+    function _loadNext() {
+        if (this._callback) {
+            var callback = this._callback;
+            this._callback = undefined;
+            callback();
+        }
+        if (this.actionQueue.length <= 0) {
+            this.set(this.get()); // no update required
+            return;
+        }
+        this.currentAction = this.actionQueue.shift();
+        this._callback = this.callbackQueue.shift();
+
+        var method = null;
+        var endValue = this.currentAction[0];
+        var transition = this.currentAction[1];
+        if (transition instanceof Object && transition.method) {
+            method = transition.method;
+            if (typeof method === 'string') method = transitionMethods[method];
+        }
+        else {
+            method = TweenTransition;
+        }
+
+        if (this._currentMethod !== method) {
+            if (!(endValue instanceof Object) || method.SUPPORTS_MULTIPLE === true || endValue.length <= method.SUPPORTS_MULTIPLE) {
+                this._engineInstance = new method();
+            }
+            else {
+                this._engineInstance = new MultipleTransition(method);
+            }
+            this._currentMethod = method;
+        }
+
+        this._engineInstance.reset(this.state, this.velocity);
+        if (this.velocity !== undefined) transition.velocity = this.velocity;
+        this._engineInstance.set(endValue, transition, _loadNext.bind(this));
+    }
+
+    /**
+     * Add transition to end state to the queue of pending transitions. Special
+     *    Use: calling without a transition resets the object to that state with
+     *    no pending actions
+     *
+     * @method set
+     *
+     * @param {number|FamousMatrix|Array.Number|Object.<number, number>} endState
+     *    end state to which we interpolate
+     * @param {transition=} transition object of type {duration: number, curve:
+     *    f[0,1] -> [0,1] or name}. If transition is omitted, change will be
+     *    instantaneous.
+     * @param {function()=} callback Zero-argument function to call on observed
+     *    completion (t=1)
+     */
+    Transitionable.prototype.set = function set(endState, transition, callback) {
+        if (!transition) {
+            this.reset(endState);
+            if (callback) callback();
+            return this;
+        }
+
+        var action = [endState, transition];
+        this.actionQueue.push(action);
+        this.callbackQueue.push(callback);
+        if (!this.currentAction) _loadNext.call(this);
+        return this;
+    };
+
+    /**
+     * Cancel all transitions and reset to a stable state
+     *
+     * @method reset
+     *
+     * @param {number|Array.Number|Object.<number, number>} startState
+     *    stable state to set to
+     */
+    Transitionable.prototype.reset = function reset(startState, startVelocity) {
+        this._currentMethod = null;
+        this._engineInstance = null;
+        this._callback = undefined;
+        this.state = startState;
+        this.velocity = startVelocity;
+        this.currentAction = null;
+        this.actionQueue = [];
+        this.callbackQueue = [];
+    };
+
+    /**
+     * Add delay action to the pending action queue queue.
+     *
+     * @method delay
+     *
+     * @param {number} duration delay time (ms)
+     * @param {function} callback Zero-argument function to call on observed
+     *    completion (t=1)
+     */
+    Transitionable.prototype.delay = function delay(duration, callback) {
+        this.set(this.get(), {duration: duration,
+            curve: function() {
+                return 0;
+            }},
+            callback
+        );
+    };
+
+    /**
+     * Get interpolated state of current action at provided time. If the last
+     *    action has completed, invoke its callback.
+     *
+     * @method get
+     *
+     * @param {number=} timestamp Evaluate the curve at a normalized version of this
+     *    time. If omitted, use current time. (Unix epoch time)
+     * @return {number|Object.<number|string, number>} beginning state
+     *    interpolated to this point in time.
+     */
+    Transitionable.prototype.get = function get(timestamp) {
+        if (this._engineInstance) {
+            if (this._engineInstance.getVelocity)
+                this.velocity = this._engineInstance.getVelocity();
+            this.state = this._engineInstance.get(timestamp);
+        }
+        return this.state;
+    };
+
+    /**
+     * Is there at least one action pending completion?
+     *
+     * @method isActive
+     *
+     * @return {boolean}
+     */
+    Transitionable.prototype.isActive = function isActive() {
+        return !!this.currentAction;
+    };
+
+    /**
+     * Halt transition at current state and erase all pending actions.
+     *
+     * @method halt
+     */
+    Transitionable.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    module.exports = Transitionable;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Context',['require','exports','module','./RenderNode','./EventHandler','./ElementAllocator','./Transform','famous/transitions/Transitionable'],function(require, exports, module) {
+    var RenderNode = require('./RenderNode');
+    var EventHandler = require('./EventHandler');
+    var ElementAllocator = require('./ElementAllocator');
+    var Transform = require('./Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+
+    var _originZeroZero = [0, 0];
+
+    function _getElementSize(element) {
+        return [element.clientWidth, element.clientHeight];
+    }
+
+    /**
+     * The top-level container for a Famous-renderable piece of the document.
+     *   It is directly updated by the process-wide Engine object, and manages one
+     *   render tree root, which can contain other renderables.
+     *
+     * @class Context
+     * @constructor
+     * @private
+     * @param {Node} container Element in which content will be inserted
+     */
+    function Context(container) {
+        this.container = container;
+        this._allocator = new ElementAllocator(container);
+
+        this._node = new RenderNode();
+        this._eventOutput = new EventHandler();
+        this._size = _getElementSize(this.container);
+
+        this._perspectiveState = new Transitionable(0);
+        this._perspective = undefined;
+
+        this._nodeContext = {
+            allocator: this._allocator,
+            transform: Transform.identity,
+            opacity: 1,
+            origin: _originZeroZero,
+            align: null,
+            size: this._size
+        };
+
+        this._eventOutput.on('resize', function() {
+            this.setSize(_getElementSize(this.container));
+        }.bind(this));
+
+    }
+
+    // Note: Unused
+    Context.prototype.getAllocator = function getAllocator() {
+        return this._allocator;
+    };
+
+    /**
+     * Add renderables to this Context's render tree.
+     *
+     * @method add
+     *
+     * @param {Object} obj renderable object
+     * @return {RenderNode} RenderNode wrapping this object, if not already a RenderNode
+     */
+    Context.prototype.add = function add(obj) {
+        return this._node.add(obj);
+    };
+
+    /**
+     * Move this Context to another containing document element.
+     *
+     * @method migrate
+     *
+     * @param {Node} container Element to which content will be migrated
+     */
+    Context.prototype.migrate = function migrate(container) {
+        if (container === this.container) return;
+        this.container = container;
+        this._allocator.migrate(container);
+    };
+
+    /**
+     * Gets viewport size for Context.
+     *
+     * @method getSize
+     *
+     * @return {Array.Number} viewport size as [width, height]
+     */
+    Context.prototype.getSize = function getSize() {
+        return this._size;
+    };
+
+    /**
+     * Sets viewport size for Context.
+     *
+     * @method setSize
+     *
+     * @param {Array.Number} size [width, height].  If unspecified, use size of root document element.
+     */
+    Context.prototype.setSize = function setSize(size) {
+        if (!size) size = _getElementSize(this.container);
+        this._size[0] = size[0];
+        this._size[1] = size[1];
+    };
+
+    /**
+     * Commit this Context's content changes to the document.
+     *
+     * @private
+     * @method update
+     * @param {Object} contextParameters engine commit specification
+     */
+    Context.prototype.update = function update(contextParameters) {
+        if (contextParameters) {
+            if (contextParameters.transform) this._nodeContext.transform = contextParameters.transform;
+            if (contextParameters.opacity) this._nodeContext.opacity = contextParameters.opacity;
+            if (contextParameters.origin) this._nodeContext.origin = contextParameters.origin;
+            if (contextParameters.align) this._nodeContext.align = contextParameters.align;
+            if (contextParameters.size) this._nodeContext.size = contextParameters.size;
+        }
+        var perspective = this._perspectiveState.get();
+        if (perspective !== this._perspective) {
+            this.container.style.perspective = perspective ? perspective.toFixed() + 'px' : '';
+            this.container.style.webkitPerspective = perspective ? perspective.toFixed() : '';
+            this._perspective = perspective;
+        }
+
+        this._node.commit(this._nodeContext);
+    };
+
+    /**
+     * Get current perspective of this context in pixels.
+     *
+     * @method getPerspective
+     * @return {Number} depth perspective in pixels
+     */
+    Context.prototype.getPerspective = function getPerspective() {
+        return this._perspectiveState.get();
+    };
+
+    /**
+     * Set current perspective of this context in pixels.
+     *
+     * @method setPerspective
+     * @param {Number} perspective in pixels
+     * @param {Object} [transition] Transitionable object for applying the change
+     * @param {function(Object)} callback function called on completion of transition
+     */
+    Context.prototype.setPerspective = function setPerspective(perspective, transition, callback) {
+        return this._perspectiveState.set(perspective, transition, callback);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    Context.prototype.emit = function emit(type, event) {
+        return this._eventOutput.emit(type, event);
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    Context.prototype.on = function on(type, handler) {
+        return this._eventOutput.on(type, handler);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function} handler function object to remove
+     * @return {EventHandler} internal event handler object (for chaining)
+     */
+    Context.prototype.removeListener = function removeListener(type, handler) {
+        return this._eventOutput.removeListener(type, handler);
+    };
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    Context.prototype.pipe = function pipe(target) {
+        return this._eventOutput.pipe(target);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe".
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    Context.prototype.unpipe = function unpipe(target) {
+        return this._eventOutput.unpipe(target);
+    };
+
+    module.exports = Context;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/OptionsManager',['require','exports','module','./EventHandler'],function(require, exports, module) {
+    var EventHandler = require('./EventHandler');
+
+    /**
+     *  A collection of methods for setting options which can be extended
+     *  onto other classes.
+     *
+     *
+     *  **** WARNING ****
+     *  You can only pass through objects that will compile into valid JSON.
+     *
+     *  Valid options:
+     *      Strings,
+     *      Arrays,
+     *      Objects,
+     *      Numbers,
+     *      Nested Objects,
+     *      Nested Arrays.
+     *
+     *    This excludes:
+     *        Document Fragments,
+     *        Functions
+     * @class OptionsManager
+     * @constructor
+     * @param {Object} value options dictionary
+     */
+    function OptionsManager(value) {
+        this._value = value;
+        this.eventOutput = null;
+    }
+
+    /**
+     * Create options manager from source dictionary with arguments overriden by patch dictionary.
+     *
+     * @static
+     * @method OptionsManager.patch
+     *
+     * @param {Object} source source arguments
+     * @param {...Object} data argument additions and overwrites
+     * @return {Object} source object
+     */
+    OptionsManager.patch = function patchObject(source, data) {
+        var manager = new OptionsManager(source);
+        for (var i = 1; i < arguments.length; i++) manager.patch(arguments[i]);
+        return source;
+    };
+
+    function _createEventOutput() {
+        this.eventOutput = new EventHandler();
+        this.eventOutput.bindThis(this);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+    }
+
+    /**
+     * Create OptionsManager from source with arguments overriden by patches.
+     *   Triggers 'change' event on this object's event handler if the state of
+     *   the OptionsManager changes as a result.
+     *
+     * @method patch
+     *
+     * @param {...Object} arguments list of patch objects
+     * @return {OptionsManager} this
+     */
+    OptionsManager.prototype.patch = function patch() {
+        var myState = this._value;
+        for (var i = 0; i < arguments.length; i++) {
+            var data = arguments[i];
+            for (var k in data) {
+                if ((k in myState) && (data[k] && data[k].constructor === Object) && (myState[k] && myState[k].constructor === Object)) {
+                    if (!myState.hasOwnProperty(k)) myState[k] = Object.create(myState[k]);
+                    this.key(k).patch(data[k]);
+                    if (this.eventOutput) this.eventOutput.emit('change', {id: k, value: this.key(k).value()});
+                }
+                else this.set(k, data[k]);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Alias for patch
+     *
+     * @method setOptions
+     *
+     */
+    OptionsManager.prototype.setOptions = OptionsManager.prototype.patch;
+
+    /**
+     * Return OptionsManager based on sub-object retrieved by key
+     *
+     * @method key
+     *
+     * @param {string} identifier key
+     * @return {OptionsManager} new options manager with the value
+     */
+    OptionsManager.prototype.key = function key(identifier) {
+        var result = new OptionsManager(this._value[identifier]);
+        if (!(result._value instanceof Object) || result._value instanceof Array) result._value = {};
+        return result;
+    };
+
+    /**
+     * Look up value by key
+     * @method get
+     *
+     * @param {string} key key
+     * @return {Object} associated object
+     */
+    OptionsManager.prototype.get = function get(key) {
+        return this._value[key];
+    };
+
+    /**
+     * Alias for get
+     * @method getOptions
+     */
+    OptionsManager.prototype.getOptions = OptionsManager.prototype.get;
+
+    /**
+     * Set key to value.  Outputs 'change' event if a value is overwritten.
+     *
+     * @method set
+     *
+     * @param {string} key key string
+     * @param {Object} value value object
+     * @return {OptionsManager} new options manager based on the value object
+     */
+    OptionsManager.prototype.set = function set(key, value) {
+        var originalValue = this.get(key);
+        this._value[key] = value;
+        if (this.eventOutput && value !== originalValue) this.eventOutput.emit('change', {id: key, value: value});
+        return this;
+    };
+
+    /**
+     * Return entire object contents of this OptionsManager.
+     *
+     * @method value
+     *
+     * @return {Object} current state of options
+     */
+    OptionsManager.prototype.value = function value() {
+        return this._value;
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'change')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    OptionsManager.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'change')
+     * @param {function} handler function object to remove
+     * @return {EventHandler} internal event handler object (for chaining)
+     */
+    OptionsManager.prototype.removeListener = function removeListener() {
+        _createEventOutput.call(this);
+        return this.removeListener.apply(this, arguments);
+    };
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    OptionsManager.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     * Undoes work of "pipe"
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    OptionsManager.prototype.unpipe = function unpipe() {
+        _createEventOutput.call(this);
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = OptionsManager;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Engine',['require','exports','module','./Context','./EventHandler','./OptionsManager'],function(require, exports, module) {
+
+    /**
+     * The singleton object initiated upon process
+     *   startup which manages all active Context instances, runs
+     *   the render dispatch loop, and acts as a listener and dispatcher
+     *   for events.  All methods are therefore static.
+     *
+     *   On static initialization, window.requestAnimationFrame is called with
+     *     the event loop function.
+     *
+     *   Note: Any window in which Engine runs will prevent default
+     *     scrolling behavior on the 'touchmove' event.
+     *
+     * @static
+     * @class Engine
+     */
+    var Context = require('./Context');
+    var EventHandler = require('./EventHandler');
+    var OptionsManager = require('./OptionsManager');
+
+    var Engine = {};
+
+    var contexts = [];
+    var nextTickQueue = [];
+    var deferQueue = [];
+
+    var lastTime = Date.now();
+    var frameTime;
+    var frameTimeLimit;
+    var loopEnabled = true;
+    var eventForwarders = {};
+    var eventHandler = new EventHandler();
+
+    var options = {
+        containerType: 'div',
+        containerClass: 'famous-container',
+        fpsCap: undefined,
+        runLoop: true
+    };
+    var optionsManager = new OptionsManager(options);
+
+    /** @const */
+    var MAX_DEFER_FRAME_TIME = 10;
+
+    /**
+     * Inside requestAnimationFrame loop, step() is called, which:
+     *   calculates current FPS (throttling loop if it is over limit set in setFPSCap),
+     *   emits dataless 'prerender' event on start of loop,
+     *   calls in order any one-shot functions registered by nextTick on last loop,
+     *   calls Context.update on all Context objects registered,
+     *   and emits dataless 'postrender' event on end of loop.
+     *
+     * @static
+     * @private
+     * @method step
+     */
+    Engine.step = function step() {
+        var currentTime = Date.now();
+
+        // skip frame if we're over our framerate cap
+        if (frameTimeLimit && currentTime - lastTime < frameTimeLimit) return;
+
+        var i = 0;
+
+        frameTime = currentTime - lastTime;
+        lastTime = currentTime;
+
+        eventHandler.emit('prerender');
+
+        // empty the queue
+        for (i = 0; i < nextTickQueue.length; i++) nextTickQueue[i].call(this);
+        nextTickQueue.splice(0);
+
+        // limit total execution time for deferrable functions
+        while (deferQueue.length && (Date.now() - currentTime) < MAX_DEFER_FRAME_TIME) {
+            deferQueue.shift().call(this);
+        }
+
+        for (i = 0; i < contexts.length; i++) contexts[i].update();
+
+        eventHandler.emit('postrender');
+    };
+
+    // engage requestAnimationFrame
+    function loop() {
+        if (options.runLoop) {
+            Engine.step();
+            requestAnimationFrame(loop);
+        }
+        else loopEnabled = false;
+    }
+    requestAnimationFrame(loop);
+
+    //
+    // Upon main document window resize (unless on an "input" HTML element):
+    //   scroll to the top left corner of the window,
+    //   and for each managed Context: emit the 'resize' event and update its size.
+    // @param {Object=} event document event
+    //
+    function handleResize(event) {
+        for (var i = 0; i < contexts.length; i++) {
+            contexts[i].emit('resize');
+        }
+        eventHandler.emit('resize');
+    }
+    window.addEventListener('resize', handleResize, false);
+    handleResize();
+
+    // prevent scrolling via browser
+    window.addEventListener('touchmove', function(event) {
+        event.preventDefault();
+    }, true);
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    Engine.pipe = function pipe(target) {
+        if (target.subscribe instanceof Function) return target.subscribe(Engine);
+        else return eventHandler.pipe(target);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe".
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    Engine.unpipe = function unpipe(target) {
+        if (target.unsubscribe instanceof Function) return target.unsubscribe(Engine);
+        else return eventHandler.unpipe(target);
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @static
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    Engine.on = function on(type, handler) {
+        if (!(type in eventForwarders)) {
+            eventForwarders[type] = eventHandler.emit.bind(eventHandler, type);
+            if (document.body) {
+                document.body.addEventListener(type, eventForwarders[type]);
+            }
+            else {
+                Engine.nextTick(function(type, forwarder) {
+                    document.body.addEventListener(type, forwarder);
+                }.bind(this, type, eventForwarders[type]));
+            }
+        }
+        return eventHandler.on(type, handler);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    Engine.emit = function emit(type, event) {
+        return eventHandler.emit(type, event);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @static
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function} handler function object to remove
+     * @return {EventHandler} internal event handler object (for chaining)
+     */
+    Engine.removeListener = function removeListener(type, handler) {
+        return eventHandler.removeListener(type, handler);
+    };
+
+    /**
+     * Return the current calculated frames per second of the Engine.
+     *
+     * @static
+     * @method getFPS
+     *
+     * @return {Number} calculated fps
+     */
+    Engine.getFPS = function getFPS() {
+        return 1000 / frameTime;
+    };
+
+    /**
+     * Set the maximum fps at which the system should run. If internal render
+     *    loop is called at a greater frequency than this FPSCap, Engine will
+     *    throttle render and update until this rate is achieved.
+     *
+     * @static
+     * @method setFPSCap
+     *
+     * @param {Number} fps maximum frames per second
+     */
+    Engine.setFPSCap = function setFPSCap(fps) {
+        frameTimeLimit = Math.floor(1000 / fps);
+    };
+
+    /**
+     * Return engine options.
+     *
+     * @static
+     * @method getOptions
+     * @param {string} key
+     * @return {Object} engine options
+     */
+    Engine.getOptions = function getOptions() {
+        return optionsManager.getOptions.apply(optionsManager, arguments);
+    };
+
+    /**
+     * Set engine options
+     *
+     * @static
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.fpsCap]  maximum fps at which the system should run
+     * @param {boolean} [options.runLoop=true] whether the run loop should continue
+     * @param {string} [options.containerType="div"] type of container element.  Defaults to 'div'.
+     * @param {string} [options.containerClass="famous-container"] type of container element.  Defaults to 'famous-container'.
+     */
+    Engine.setOptions = function setOptions(options) {
+        return optionsManager.setOptions.apply(optionsManager, arguments);
+    };
+
+    /**
+     * Creates a new Context for rendering and event handling with
+     *    provided document element as top of each tree. This will be tracked by the
+     *    process-wide Engine.
+     *
+     * @static
+     * @method createContext
+     *
+     * @param {Node} el will be top of Famo.us document element tree
+     * @return {Context} new Context within el
+     */
+    Engine.createContext = function createContext(el) {
+        var needMountContainer = false;
+        if (!el) {
+            el = document.createElement(options.containerType);
+            el.classList.add(options.containerClass);
+            needMountContainer = true;
+        }
+        var context = new Context(el);
+        Engine.registerContext(context);
+        if (needMountContainer) {
+            Engine.nextTick(function(context, el) {
+                document.body.appendChild(el);
+                context.emit('resize');
+            }.bind(this, context, el));
+        }
+        return context;
+    };
+
+    /**
+     * Registers an existing context to be updated within the run loop.
+     *
+     * @static
+     * @method registerContext
+     *
+     * @param {Context} context Context to register
+     * @return {FamousContext} provided context
+     */
+    Engine.registerContext = function registerContext(context) {
+        contexts.push(context);
+        return context;
+    };
+
+    /**
+     * Queue a function to be executed on the next tick of the
+     *    Engine.
+     *
+     * @static
+     * @method nextTick
+     *
+     * @param {function(Object)} fn function accepting window object
+     */
+    Engine.nextTick = function nextTick(fn) {
+        nextTickQueue.push(fn);
+    };
+
+    /**
+     * Queue a function to be executed sometime soon, at a time that is
+     *    unlikely to affect frame rate.
+     *
+     * @static
+     * @method defer
+     *
+     * @param {Function} fn
+     */
+    Engine.defer = function defer(fn) {
+        deferQueue.push(fn);
+    };
+
+    optionsManager.on('change', function(data) {
+        if (data.id === 'fpsCap') Engine.setFPSCap(data.value);
+        else if (data.id === 'runLoop') {
+            // kick off the loop only if it was stopped
+            if (!loopEnabled && data.value) {
+                loopEnabled = true;
+                requestAnimationFrame(loop);
+            }
+        }
+    });
+
+    module.exports = Engine;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Surface',['require','exports','module','./Entity','./EventHandler','./Transform'],function(require, exports, module) {
+    var Entity = require('./Entity');
+    var EventHandler = require('./EventHandler');
+    var Transform = require('./Transform');
+
+    var devicePixelRatio = window.devicePixelRatio || 1;
+    var usePrefix = document.createElement('div').style.webkitTransform !== undefined;
+
+    /**
+     * A base class for viewable content and event
+     *   targets inside a Famo.us application, containing a renderable document
+     *   fragment. Like an HTML div, it can accept internal markup,
+     *   properties, classes, and handle events.
+     *
+     * @class Surface
+     * @constructor
+     *
+     * @param {Object} [options] default option overrides
+     * @param {Array.Number} [options.size] [width, height] in pixels
+     * @param {Array.string} [options.classes] CSS classes to set on inner content
+     * @param {Array} [options.properties] string dictionary of HTML attributes to set on target div
+     * @param {string} [options.content] inner (HTML) content of surface
+     */
+    function Surface(options) {
+        this.options = {};
+
+        this.properties = {};
+        this.content = '';
+        this.classList = [];
+        this.size = null;
+
+        this._classesDirty = true;
+        this._stylesDirty = true;
+        this._sizeDirty = true;
+        this._contentDirty = true;
+
+        this._dirtyClasses = [];
+
+        this._matrix = null;
+        this._opacity = 1;
+        this._origin = null;
+        this._size = null;
+
+        /** @ignore */
+        this.eventForwarder = function eventForwarder(event) {
+            this.emit(event.type, event);
+        }.bind(this);
+        this.eventHandler = new EventHandler();
+        this.eventHandler.bindThis(this);
+
+        this.id = Entity.register(this);
+
+        if (options) this.setOptions(options);
+
+        this._currTarget = null;
+    }
+    Surface.prototype.elementType = 'div';
+    Surface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} fn handler callback
+     * @return {EventHandler} this
+     */
+    Surface.prototype.on = function on(type, fn) {
+        if (this._currTarget) this._currTarget.addEventListener(type, this.eventForwarder);
+        this.eventHandler.on(type, fn);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on"
+     *
+     * @method removeListener
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} fn handler
+     */
+    Surface.prototype.removeListener = function removeListener(type, fn) {
+        this.eventHandler.removeListener(type, fn);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} [event] event data
+     * @return {EventHandler} this
+     */
+    Surface.prototype.emit = function emit(type, event) {
+        if (event && !event.origin) event.origin = this;
+        var handled = this.eventHandler.emit(type, event);
+        if (handled && event && event.stopPropagation) event.stopPropagation();
+        return handled;
+    };
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    Surface.prototype.pipe = function pipe(target) {
+        return this.eventHandler.pipe(target);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe"
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    Surface.prototype.unpipe = function unpipe(target) {
+        return this.eventHandler.unpipe(target);
+    };
+
+    /**
+     * Return spec for this surface. Note that for a base surface, this is
+     *    simply an id.
+     *
+     * @method render
+     * @private
+     * @return {Object} render spec for this surface (spec id)
+     */
+    Surface.prototype.render = function render() {
+        return this.id;
+    };
+
+    /**
+     * Set CSS-style properties on this Surface. Note that this will cause
+     *    dirtying and thus re-rendering, even if values do not change.
+     *
+     * @method setProperties
+     * @param {Object} properties property dictionary of "key" => "value"
+     */
+    Surface.prototype.setProperties = function setProperties(properties) {
+        for (var n in properties) {
+            this.properties[n] = properties[n];
+        }
+        this._stylesDirty = true;
+    };
+
+    /**
+     * Get CSS-style properties on this Surface.
+     *
+     * @method getProperties
+     *
+     * @return {Object} Dictionary of this Surface's properties.
+     */
+    Surface.prototype.getProperties = function getProperties() {
+        return this.properties;
+    };
+
+    /**
+     * Add CSS-style class to the list of classes on this Surface. Note
+     *   this will map directly to the HTML property of the actual
+     *   corresponding rendered <div>.
+     *
+     * @method addClass
+     * @param {string} className name of class to add
+     */
+    Surface.prototype.addClass = function addClass(className) {
+        if (this.classList.indexOf(className) < 0) {
+            this.classList.push(className);
+            this._classesDirty = true;
+        }
+    };
+
+    /**
+     * Remove CSS-style class from the list of classes on this Surface.
+     *   Note this will map directly to the HTML property of the actual
+     *   corresponding rendered <div>.
+     *
+     * @method removeClass
+     * @param {string} className name of class to remove
+     */
+    Surface.prototype.removeClass = function removeClass(className) {
+        var i = this.classList.indexOf(className);
+        if (i >= 0) {
+            this._dirtyClasses.push(this.classList.splice(i, 1)[0]);
+            this._classesDirty = true;
+        }
+    };
+
+    /**
+     * Reset class list to provided dictionary.
+     * @method setClasses
+     * @param {Array.string} classList
+     */
+    Surface.prototype.setClasses = function setClasses(classList) {
+        var i = 0;
+        var removal = [];
+        for (i = 0; i < this.classList.length; i++) {
+            if (classList.indexOf(this.classList[i]) < 0) removal.push(this.classList[i]);
+        }
+        for (i = 0; i < removal.length; i++) this.removeClass(removal[i]);
+        // duplicates are already checked by addClass()
+        for (i = 0; i < classList.length; i++) this.addClass(classList[i]);
+    };
+
+    /**
+     * Get array of CSS-style classes attached to this div.
+     *
+     * @method getClasslist
+     * @return {Array.string} array of class names
+     */
+    Surface.prototype.getClassList = function getClassList() {
+        return this.classList;
+    };
+
+    /**
+     * Set or overwrite inner (HTML) content of this surface. Note that this
+     *    causes a re-rendering if the content has changed.
+     *
+     * @method setContent
+     * @param {string|Document Fragment} content HTML content
+     */
+    Surface.prototype.setContent = function setContent(content) {
+        if (this.content !== content) {
+            this.content = content;
+            this._contentDirty = true;
+        }
+    };
+
+    /**
+     * Return inner (HTML) content of this surface.
+     *
+     * @method getContent
+     *
+     * @return {string} inner (HTML) content
+     */
+    Surface.prototype.getContent = function getContent() {
+        return this.content;
+    };
+
+    /**
+     * Set options for this surface
+     *
+     * @method setOptions
+     * @param {Object} [options] overrides for default options.  See constructor.
+     */
+    Surface.prototype.setOptions = function setOptions(options) {
+        if (options.size) this.setSize(options.size);
+        if (options.classes) this.setClasses(options.classes);
+        if (options.properties) this.setProperties(options.properties);
+        if (options.content) this.setContent(options.content);
+    };
+
+    //  Attach Famous event handling to document events emanating from target
+    //    document element.  This occurs just after deployment to the document.
+    //    Calling this enables methods like #on and #pipe.
+    function _addEventListeners(target) {
+        for (var i in this.eventHandler.listeners) {
+            target.addEventListener(i, this.eventForwarder);
+        }
+    }
+
+    //  Detach Famous event handling from document events emanating from target
+    //  document element.  This occurs just before recall from the document.
+    function _removeEventListeners(target) {
+        for (var i in this.eventHandler.listeners) {
+            target.removeEventListener(i, this.eventForwarder);
+        }
+    }
+
+     //  Apply to document all changes from removeClass() since last setup().
+    function _cleanupClasses(target) {
+        for (var i = 0; i < this._dirtyClasses.length; i++) target.classList.remove(this._dirtyClasses[i]);
+        this._dirtyClasses = [];
+    }
+
+    // Apply values of all Famous-managed styles to the document element.
+    //  These will be deployed to the document on call to #setup().
+    function _applyStyles(target) {
+        for (var n in this.properties) {
+            target.style[n] = this.properties[n];
+        }
+    }
+
+    // Clear all Famous-managed styles from the document element.
+    // These will be deployed to the document on call to #setup().
+    function _cleanupStyles(target) {
+        for (var n in this.properties) {
+            target.style[n] = '';
+        }
+    }
+
+    /**
+     * Return a Matrix's webkit css representation to be used with the
+     *    CSS3 -webkit-transform style.
+     *    Example: -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,716,243,0,1)
+     *
+     * @method _formatCSSTransform
+     * @private
+     * @param {FamousMatrix} m matrix
+     * @return {string} matrix3d CSS style representation of the transform
+     */
+    function _formatCSSTransform(m) {
+        m[12] = Math.round(m[12] * devicePixelRatio) / devicePixelRatio;
+        m[13] = Math.round(m[13] * devicePixelRatio) / devicePixelRatio;
+
+        var result = 'matrix3d(';
+        for (var i = 0; i < 15; i++) {
+            result += (m[i] < 0.000001 && m[i] > -0.000001) ? '0,' : m[i] + ',';
+        }
+        result += m[15] + ')';
+        return result;
+    }
+
+    /**
+     * Directly apply given FamousMatrix to the document element as the
+     *   appropriate webkit CSS style.
+     *
+     * @method setMatrix
+     *
+     * @static
+     * @private
+     * @param {Element} element document element
+     * @param {FamousMatrix} matrix
+     */
+
+    var _setMatrix;
+    if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
+        _setMatrix = function(element, matrix) {
+            element.style.zIndex = (matrix[14] * 1000000) | 0;    // fix for Firefox z-buffer issues
+            element.style.transform = _formatCSSTransform(matrix);
+        };
+    }
+    else if (usePrefix) {
+        _setMatrix = function(element, matrix) {
+            element.style.webkitTransform = _formatCSSTransform(matrix);
+        };
+    }
+    else {
+        _setMatrix = function(element, matrix) {
+            element.style.transform = _formatCSSTransform(matrix);
+        };
+    }
+
+    // format origin as CSS percentage string
+    function _formatCSSOrigin(origin) {
+        return (100 * origin[0]) + '% ' + (100 * origin[1]) + '%';
+    }
+
+     // Directly apply given origin coordinates to the document element as the
+     // appropriate webkit CSS style.
+    var _setOrigin = usePrefix ? function(element, origin) {
+        element.style.webkitTransformOrigin = _formatCSSOrigin(origin);
+    } : function(element, origin) {
+        element.style.transformOrigin = _formatCSSOrigin(origin);
+    };
+
+     // Shrink given document element until it is effectively invisible.
+    var _setInvisible = usePrefix ? function(element) {
+        element.style.webkitTransform = 'scale3d(0.0001,0.0001,1)';
+        element.style.opacity = 0;
+    } : function(element) {
+        element.style.transform = 'scale3d(0.0001,0.0001,1)';
+        element.style.opacity = 0;
+    };
+
+    function _xyNotEquals(a, b) {
+        return (a && b) ? (a[0] !== b[0] || a[1] !== b[1]) : a !== b;
+    }
+
+    /**
+     * One-time setup for an element to be ready for commits to document.
+     *
+     * @private
+     * @method setup
+     *
+     * @param {ElementAllocator} allocator document element pool for this context
+     */
+    Surface.prototype.setup = function setup(allocator) {
+        var target = allocator.allocate(this.elementType);
+        if (this.elementClass) {
+            if (this.elementClass instanceof Array) {
+                for (var i = 0; i < this.elementClass.length; i++) {
+                    target.classList.add(this.elementClass[i]);
+                }
+            }
+            else {
+                target.classList.add(this.elementClass);
+            }
+        }
+        target.style.display = '';
+        _addEventListeners.call(this, target);
+        this._currTarget = target;
+        this._stylesDirty = true;
+        this._classesDirty = true;
+        this._sizeDirty = true;
+        this._contentDirty = true;
+        this._matrix = null;
+        this._opacity = undefined;
+        this._origin = null;
+        this._size = null;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    Surface.prototype.commit = function commit(context) {
+        if (!this._currTarget) this.setup(context.allocator);
+        var target = this._currTarget;
+
+        var matrix = context.transform;
+        var opacity = context.opacity;
+        var origin = context.origin;
+        var size = context.size;
+
+        if (this._classesDirty) {
+            _cleanupClasses.call(this, target);
+            var classList = this.getClassList();
+            for (var i = 0; i < classList.length; i++) target.classList.add(classList[i]);
+            this._classesDirty = false;
+        }
+
+        if (this._stylesDirty) {
+            _applyStyles.call(this, target);
+            this._stylesDirty = false;
+        }
+
+        if (this._contentDirty) {
+            this.deploy(target);
+            this.eventHandler.emit('deploy');
+            this._contentDirty = false;
+        }
+
+        if (this.size) {
+            var origSize = size;
+            size = [this.size[0], this.size[1]];
+            if (size[0] === undefined && origSize[0]) size[0] = origSize[0];
+            if (size[1] === undefined && origSize[1]) size[1] = origSize[1];
+        }
+
+        if (size[0] === true) size[0] = target.clientWidth;
+        if (size[1] === true) size[1] = target.clientHeight;
+
+        if (_xyNotEquals(this._size, size)) {
+            if (!this._size) this._size = [0, 0];
+            this._size[0] = size[0];
+            this._size[1] = size[1];
+            this._sizeDirty = true;
+        }
+
+        if (!matrix && this._matrix) {
+            this._matrix = null;
+            this._opacity = 0;
+            _setInvisible(target);
+            return;
+        }
+
+        if (this._opacity !== opacity) {
+            this._opacity = opacity;
+            target.style.opacity = (opacity >= 1) ? '0.999999' : opacity;
+        }
+
+        if (_xyNotEquals(this._origin, origin) || Transform.notEquals(this._matrix, matrix) || this._sizeDirty) {
+            if (!matrix) matrix = Transform.identity;
+            this._matrix = matrix;
+            var aaMatrix = matrix;
+            if (origin) {
+                if (!this._origin) this._origin = [0, 0];
+                this._origin[0] = origin[0];
+                this._origin[1] = origin[1];
+                aaMatrix = Transform.thenMove(matrix, [-this._size[0] * origin[0], -this._size[1] * origin[1], 0]);
+                _setOrigin(target, origin);
+            }
+            _setMatrix(target, aaMatrix);
+        }
+
+        if (this._sizeDirty) {
+            if (this._size) {
+                target.style.width = (this.size && this.size[0] === true) ? '' : this._size[0] + 'px';
+                target.style.height = (this.size && this.size[1] === true) ?  '' : this._size[1] + 'px';
+            }
+            this._sizeDirty = false;
+        }
+    };
+
+    /**
+     *  Remove all Famous-relevant attributes from a document element.
+     *    This is called by SurfaceManager's detach().
+     *    This is in some sense the reverse of .deploy().
+     *
+     * @private
+     * @method cleanup
+     * @param {ElementAllocator} allocator
+     */
+    Surface.prototype.cleanup = function cleanup(allocator) {
+        var i = 0;
+        var target = this._currTarget;
+        this.eventHandler.emit('recall');
+        this.recall(target);
+        target.style.display = 'none';
+        target.style.width = '';
+        target.style.height = '';
+        this._size = null;
+        _cleanupStyles.call(this, target);
+        var classList = this.getClassList();
+        _cleanupClasses.call(this, target);
+        for (i = 0; i < classList.length; i++) target.classList.remove(classList[i]);
+        if (this.elementClass) {
+            if (this.elementClass instanceof Array) {
+                for (i = 0; i < this.elementClass.length; i++) {
+                    target.classList.remove(this.elementClass[i]);
+                }
+            }
+            else {
+                target.classList.remove(this.elementClass);
+            }
+        }
+        _removeEventListeners.call(this, target);
+        this._currTarget = null;
+        allocator.deallocate(target);
+        _setInvisible(target);
+    };
+
+    /**
+     * Place the document element that this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    Surface.prototype.deploy = function deploy(target) {
+        var content = this.getContent();
+        if (content instanceof Node) {
+            while (target.hasChildNodes()) target.removeChild(target.firstChild);
+            target.appendChild(content);
+        }
+        else target.innerHTML = content;
+    };
+
+    /**
+     * Remove any contained document content associated with this surface
+     *   from the actual document.
+     *
+     * @private
+     * @method recall
+     */
+    Surface.prototype.recall = function recall(target) {
+        var df = document.createDocumentFragment();
+        while (target.hasChildNodes()) df.appendChild(target.firstChild);
+        this.setContent(df);
+    };
+
+    /**
+     *  Get the x and y dimensions of the surface.
+     *
+     * @method getSize
+     * @param {boolean} actual return computed size rather than provided
+     * @return {Array.Number} [x,y] size of surface
+     */
+    Surface.prototype.getSize = function getSize(actual) {
+        return actual ? this._size : (this.size || this._size);
+    };
+
+    /**
+     * Set x and y dimensions of the surface.
+     *
+     * @method setSize
+     * @param {Array.Number} size as [width, height]
+     */
+    Surface.prototype.setSize = function setSize(size) {
+        this.size = size ? [size[0], size[1]] : null;
+        this._sizeDirty = true;
+    };
+
+    module.exports = Surface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Group',['require','exports','module','./Context','./Transform','./Surface'],function(require, exports, module) {
+    var Context = require('./Context');
+    var Transform = require('./Transform');
+    var Surface = require('./Surface');
+
+    /**
+     * A Context designed to contain surfaces and set properties
+     *   to be applied to all of them at once.
+     *   This is primarily used for specific performance improvements in the rendering engine.
+     *   Private.
+     *
+     * @private
+     * @class Group
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] Surface options array (see Surface})
+     */
+    function Group(options) {
+        Surface.call(this, options);
+        this._shouldRecalculateSize = false;
+        this._container = document.createDocumentFragment();
+        this.context = new Context(this._container);
+        this.setContent(this._container);
+        this._groupSize = [undefined, undefined];
+    }
+
+    /** @const */
+    Group.SIZE_ZERO = [0, 0];
+
+    Group.prototype = Object.create(Surface.prototype);
+    Group.prototype.elementType = 'div';
+    Group.prototype.elementClass = 'famous-group';
+
+    /**
+     * Add renderables to this component's render tree.
+     *
+     * @method add
+     * @private
+     * @param {Object} obj renderable object
+     * @return {RenderNode} Render wrapping provided object, if not already a RenderNode
+     */
+    Group.prototype.add = function add() {
+        return this.context.add.apply(this.context, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Number} Render spec for this component
+     */
+    Group.prototype.render = function render() {
+        return Surface.prototype.render.call(this);
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    Group.prototype.deploy = function deploy(target) {
+        this.context.migrate(target);
+    };
+
+    /**
+     * Remove this component and contained content from the document
+     *
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    Group.prototype.recall = function recall(target) {
+        this._container = document.createDocumentFragment();
+        this.context.migrate(this._container);
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     *
+     * @private
+     * @method commit
+     *
+     * @param {Object} context update spec passed in from above in the render tree.
+     */
+    Group.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var origin = context.origin;
+        var opacity = context.opacity;
+        var size = context.size;
+        var result = Surface.prototype.commit.call(this, {
+            allocator: context.allocator,
+            transform: Transform.thenMove(transform, [-origin[0] * size[0], -origin[1] * size[1], 0]),
+            opacity: opacity,
+            origin: origin,
+            size: Group.SIZE_ZERO
+        });
+        if (size[0] !== this._groupSize[0] || size[1] !== this._groupSize[1]) {
+            this._groupSize[0] = size[0];
+            this._groupSize[1] = size[1];
+            this.context.setSize(size);
+        }
+        this.context.update({
+            transform: Transform.translate(-origin[0] * size[0], -origin[1] * size[1], 0),
+            origin: origin,
+            size: size
+        });
+        return result;
+    };
+
+    module.exports = Group;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/TransitionableTransform',['require','exports','module','./Transitionable','famous/core/Transform','famous/utilities/Utility'],function(require, exports, module) {
+    var Transitionable = require('./Transitionable');
+    var Transform = require('famous/core/Transform');
+    var Utility = require('famous/utilities/Utility');
+
+    /**
+     * A class for transitioning the state of a Transform by transitioning
+     * its translate, scale, skew and rotate components independently.
+     *
+     * @class TransitionableTransform
+     * @constructor
+     *
+     * @param [transform=Transform.identity] {Transform} The initial transform state
+     */
+    function TransitionableTransform(transform) {
+        this._final = Transform.identity.slice();
+        this.translate = new Transitionable([0, 0, 0]);
+        this.rotate = new Transitionable([0, 0, 0]);
+        this.skew = new Transitionable([0, 0, 0]);
+        this.scale = new Transitionable([1, 1, 1]);
+
+        if (transform) this.set(transform);
+    }
+
+    function _build() {
+        return Transform.build({
+            translate: this.translate.get(),
+            rotate: this.rotate.get(),
+            skew: this.skew.get(),
+            scale: this.scale.get()
+        });
+    }
+
+    /**
+     * An optimized way of setting only the translation component of a Transform
+     *
+     * @method setTranslate
+     * @chainable
+     *
+     * @param translate {Array}     New translation state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setTranslate = function setTranslate(translate, transition, callback) {
+        this.translate.set(translate, transition, callback);
+        this._final = this._final.slice();
+        this._final[12] = translate[0];
+        this._final[13] = translate[1];
+        if (translate[2] !== undefined) this._final[14] = translate[2];
+        return this;
+    };
+
+    /**
+     * An optimized way of setting only the scale component of a Transform
+     *
+     * @method setScale
+     * @chainable
+     *
+     * @param scale {Array}         New scale state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setScale = function setScale(scale, transition, callback) {
+        this.scale.set(scale, transition, callback);
+        this._final = this._final.slice();
+        this._final[0] = scale[0];
+        this._final[5] = scale[1];
+        if (scale[2] !== undefined) this._final[10] = scale[2];
+        return this;
+    };
+
+    /**
+     * An optimized way of setting only the rotational component of a Transform
+     *
+     * @method setRotate
+     * @chainable
+     *
+     * @param eulerAngles {Array}   Euler angles for new rotation state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setRotate = function setRotate(eulerAngles, transition, callback) {
+        this.rotate.set(eulerAngles, transition, callback);
+        this._final = _build.call(this);
+        this._final = Transform.build({
+            translate: this.translate.get(),
+            rotate: eulerAngles,
+            scale: this.scale.get(),
+            skew: this.skew.get()
+        });
+        return this;
+    };
+
+    /**
+     * An optimized way of setting only the skew component of a Transform
+     *
+     * @method setSkew
+     * @chainable
+     *
+     * @param skewAngles {Array}    New skew state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setSkew = function setSkew(skewAngles, transition, callback) {
+        this.skew.set(skewAngles, transition, callback);
+        this._final = Transform.build({
+            translate: this.translate.get(),
+            rotate: this.rotate.get(),
+            scale: this.scale.get(),
+            skew: skewAngles
+        });
+        return this;
+    };
+
+    /**
+     * Setter for a TransitionableTransform with optional parameters to transition
+     * between Transforms
+     *
+     * @method set
+     * @chainable
+     *
+     * @param transform {Array}     New transform state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.set = function set(transform, transition, callback) {
+        this._final = transform;
+        var components = Transform.interpret(transform);
+
+        var _callback = callback ? Utility.after(4, callback) : null;
+        this.translate.set(components.translate, transition, _callback);
+        this.rotate.set(components.rotate, transition, _callback);
+        this.skew.set(components.skew, transition, _callback);
+        this.scale.set(components.scale, transition, _callback);
+        return this;
+    };
+
+    /**
+     * Sets the default transition to use for transitioning betwen Transform states
+     *
+     * @method setDefaultTransition
+     *
+     * @param transition {Object} Transition definition
+     */
+    TransitionableTransform.prototype.setDefaultTransition = function setDefaultTransition(transition) {
+        this.translate.setDefault(transition);
+        this.rotate.setDefault(transition);
+        this.skew.setDefault(transition);
+        this.scale.setDefault(transition);
+    };
+
+    /**
+     * Getter. Returns the current state of the Transform
+     *
+     * @method get
+     *
+     * @return {Transform}
+     */
+    TransitionableTransform.prototype.get = function get() {
+        if (this.isActive()) {
+            return _build.call(this);
+        }
+        else return this._final;
+    };
+
+    /**
+     * Get the destination state of the Transform
+     *
+     * @method getFinal
+     *
+     * @return Transform {Transform}
+     */
+    TransitionableTransform.prototype.getFinal = function getFinal() {
+        return this._final;
+    };
+
+    /**
+     * Determine if the TransitionalTransform is currently transitioning
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    TransitionableTransform.prototype.isActive = function isActive() {
+        return this.translate.isActive() || this.rotate.isActive() || this.scale.isActive() || this.skew.isActive();
+    };
+
+    /**
+     * Halts the transition
+     *
+     * @method halt
+     */
+    TransitionableTransform.prototype.halt = function halt() {
+        this._final = this.get();
+        this.translate.halt();
+        this.rotate.halt();
+        this.skew.halt();
+        this.scale.halt();
+    };
+
+    module.exports = TransitionableTransform;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Modifier',['require','exports','module','./Transform','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Transform = require('./Transform');
+
+    /* TODO: remove these dependencies when deprecation complete */
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     *
+     *  A collection of visual changes to be
+     *    applied to another renderable component. This collection includes a
+     *    transform matrix, an opacity constant, a size, an origin specifier.
+     *    Modifier objects can be added to any RenderNode or object
+     *    capable of displaying renderables.  The Modifier's children and descendants
+     *    are transformed by the amounts specified in the Modifier's properties.
+     *
+     * @class Modifier
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Transform} [options.transform] affine transformation matrix
+     * @param {Number} [options.opacity]
+     * @param {Array.Number} [options.origin] origin adjustment
+     * @param {Array.Number} [options.size] size to apply to descendants
+     */
+    function Modifier(options) {
+        this._transformGetter = null;
+        this._opacityGetter = null;
+        this._originGetter = null;
+        this._alignGetter = null;
+        this._sizeGetter = null;
+
+        /* TODO: remove this when deprecation complete */
+        this._legacyStates = {};
+
+        this._output = {
+            transform: Transform.identity,
+            opacity: 1,
+            origin: null,
+            align: null,
+            size: null,
+            target: null
+        };
+
+        if (options) {
+            if (options.transform) this.transformFrom(options.transform);
+            if (options.opacity !== undefined) this.opacityFrom(options.opacity);
+            if (options.origin) this.originFrom(options.origin);
+            if (options.align) this.alignFrom(options.align);
+            if (options.size) this.sizeFrom(options.size);
+        }
+    }
+
+    /**
+     * Function, object, or static transform matrix which provides the transform.
+     *   This is evaluated on every tick of the engine.
+     *
+     * @method transformFrom
+     *
+     * @param {Object} transform transform provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.transformFrom = function transformFrom(transform) {
+        if (transform instanceof Function) this._transformGetter = transform;
+        else if (transform instanceof Object && transform.get) this._transformGetter = transform.get.bind(transform);
+        else {
+            this._transformGetter = null;
+            this._output.transform = transform;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or number to provide opacity, in range [0,1].
+     *
+     * @method opacityFrom
+     *
+     * @param {Object} opacity provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.opacityFrom = function opacityFrom(opacity) {
+        if (opacity instanceof Function) this._opacityGetter = opacity;
+        else if (opacity instanceof Object && opacity.get) this._opacityGetter = opacity.get.bind(opacity);
+        else {
+            this._opacityGetter = null;
+            this._output.opacity = opacity;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or numerical array to provide origin, as [x,y],
+     *   where x and y are in the range [0,1].
+     *
+     * @method originFrom
+     *
+     * @param {Object} origin provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.originFrom = function originFrom(origin) {
+        if (origin instanceof Function) this._originGetter = origin;
+        else if (origin instanceof Object && origin.get) this._originGetter = origin.get.bind(origin);
+        else {
+            this._originGetter = null;
+            this._output.origin = origin;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or numerical array to provide align, as [x,y],
+     *   where x and y are in the range [0,1].
+     *
+     * @method alignFrom
+     *
+     * @param {Object} align provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.alignFrom = function alignFrom(align) {
+        if (align instanceof Function) this._alignGetter = align;
+        else if (align instanceof Object && align.get) this._alignGetter = align.get.bind(align);
+        else {
+            this._alignGetter = null;
+            this._output.align = align;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or numerical array to provide size, as [width, height].
+     *
+     * @method sizeFrom
+     *
+     * @param {Object} size provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.sizeFrom = function sizeFrom(size) {
+        if (size instanceof Function) this._sizeGetter = size;
+        else if (size instanceof Object && size.get) this._sizeGetter = size.get.bind(size);
+        else {
+            this._sizeGetter = null;
+            this._output.size = size;
+        }
+        return this;
+    };
+
+     /**
+     * Deprecated: Prefer transformFrom with static Transform, or use a TransitionableTransform.
+     * @deprecated
+     * @method setTransform
+     *
+     * @param {Transform} transform Transform to transition to
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setTransform = function setTransform(transform, transition, callback) {
+        if (transition || this._legacyStates.transform) {
+            if (!this._legacyStates.transform) {
+                this._legacyStates.transform = new TransitionableTransform(this._output.transform);
+            }
+            if (!this._transformGetter) this.transformFrom(this._legacyStates.transform);
+
+            this._legacyStates.transform.set(transform, transition, callback);
+            return this;
+        }
+        else return this.transformFrom(transform);
+    };
+
+    /**
+     * Deprecated: Prefer opacityFrom with static opacity array, or use a Transitionable with that opacity.
+     * @deprecated
+     * @method setOpacity
+     *
+     * @param {Number} opacity Opacity value to transition to.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setOpacity = function setOpacity(opacity, transition, callback) {
+        if (transition || this._legacyStates.opacity) {
+            if (!this._legacyStates.opacity) {
+                this._legacyStates.opacity = new Transitionable(this._output.opacity);
+            }
+            if (!this._opacityGetter) this.opacityFrom(this._legacyStates.opacity);
+
+            return this._legacyStates.opacity.set(opacity, transition, callback);
+        }
+        else return this.opacityFrom(opacity);
+    };
+
+    /**
+     * Deprecated: Prefer originFrom with static origin array, or use a Transitionable with that origin.
+     * @deprecated
+     * @method setOrigin
+     *
+     * @param {Array.Number} origin two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setOrigin = function setOrigin(origin, transition, callback) {
+        /* TODO: remove this if statement when deprecation complete */
+        if (transition || this._legacyStates.origin) {
+
+            if (!this._legacyStates.origin) {
+                this._legacyStates.origin = new Transitionable(this._output.origin || [0, 0]);
+            }
+            if (!this._originGetter) this.originFrom(this._legacyStates.origin);
+
+            this._legacyStates.origin.set(origin, transition, callback);
+            return this;
+        }
+        else return this.originFrom(origin);
+    };
+
+    /**
+     * Deprecated: Prefer alignFrom with static align array, or use a Transitionable with that align.
+     * @deprecated
+     * @method setAlign
+     *
+     * @param {Array.Number} align two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setAlign = function setAlign(align, transition, callback) {
+        /* TODO: remove this if statement when deprecation complete */
+        if (transition || this._legacyStates.align) {
+
+            if (!this._legacyStates.align) {
+                this._legacyStates.align = new Transitionable(this._output.align || [0, 0]);
+            }
+            if (!this._alignGetter) this.alignFrom(this._legacyStates.align);
+
+            this._legacyStates.align.set(align, transition, callback);
+            return this;
+        }
+        else return this.alignFrom(align);
+    };
+
+    /**
+     * Deprecated: Prefer sizeFrom with static origin array, or use a Transitionable with that size.
+     * @deprecated
+     * @method setSize
+     * @param {Array.Number} size two element array of [width, height]
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setSize = function setSize(size, transition, callback) {
+        if (size && (transition || this._legacyStates.size)) {
+            if (!this._legacyStates.size) {
+                this._legacyStates.size = new Transitionable(this._output.size || [0, 0]);
+            }
+            if (!this._sizeGetter) this.sizeFrom(this._legacyStates.size);
+
+            this._legacyStates.size.set(size, transition, callback);
+            return this;
+        }
+        else return this.sizeFrom(size);
+    };
+
+    /**
+     * Deprecated: Prefer to stop transform in your provider object.
+     * @deprecated
+     * @method halt
+     */
+    Modifier.prototype.halt = function halt() {
+        if (this._legacyStates.transform) this._legacyStates.transform.halt();
+        if (this._legacyStates.opacity) this._legacyStates.opacity.halt();
+        if (this._legacyStates.origin) this._legacyStates.origin.halt();
+        if (this._legacyStates.align) this._legacyStates.align.halt();
+        if (this._legacyStates.size) this._legacyStates.size.halt();
+        this._transformGetter = null;
+        this._opacityGetter = null;
+        this._originGetter = null;
+        this._alignGetter = null;
+        this._sizeGetter = null;
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided transform or output of your transform provider.
+     * @deprecated
+     * @method getTransform
+     * @return {Object} transform provider object
+     */
+    Modifier.prototype.getTransform = function getTransform() {
+        return this._transformGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to determine the end state of your transform from your transform provider
+     * @deprecated
+     * @method getFinalTransform
+     * @return {Transform} transform matrix
+     */
+    Modifier.prototype.getFinalTransform = function getFinalTransform() {
+        return this._legacyStates.transform ? this._legacyStates.transform.getFinal() : this._output.transform;
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided opacity or output of your opacity provider.
+     * @deprecated
+     * @method getOpacity
+     * @return {Object} opacity provider object
+     */
+    Modifier.prototype.getOpacity = function getOpacity() {
+        return this._opacityGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided origin or output of your origin provider.
+     * @deprecated
+     * @method getOrigin
+     * @return {Object} origin provider object
+     */
+    Modifier.prototype.getOrigin = function getOrigin() {
+        return this._originGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided align or output of your align provider.
+     * @deprecated
+     * @method getAlign
+     * @return {Object} align provider object
+     */
+    Modifier.prototype.getAlign = function getAlign() {
+        return this._alignGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided size or output of your size provider.
+     * @deprecated
+     * @method getSize
+     * @return {Object} size provider object
+     */
+    Modifier.prototype.getSize = function getSize() {
+        return this._sizeGetter ? this._sizeGetter() : this._output.size;
+    };
+
+    // call providers on tick to receive render spec elements to apply
+    function _update() {
+        if (this._transformGetter) this._output.transform = this._transformGetter();
+        if (this._opacityGetter) this._output.opacity = this._opacityGetter();
+        if (this._originGetter) this._output.origin = this._originGetter();
+        if (this._alignGetter) this._output.align = this._alignGetter();
+        if (this._sizeGetter) this._output.size = this._sizeGetter();
+    }
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    Modifier.prototype.modify = function modify(target) {
+        _update.call(this);
+        this._output.target = target;
+        return this._output;
+    };
+
+    module.exports = Modifier;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Scene',['require','exports','module','./Transform','./Modifier','./RenderNode'],function(require, exports, module) {
+    var Transform = require('./Transform');
+    var Modifier = require('./Modifier');
+    var RenderNode = require('./RenderNode');
+
+    /**
+     * Builds and renders a scene graph based on a declarative structure definition.
+     * See the Scene examples in the examples distribution (http://github.com/Famous/examples.git).
+     *
+     * @class Scene
+     * @constructor
+     * @param {Object} definition in the format of a render spec.
+     */
+    function Scene(definition) {
+        this.id = null;
+        this._objects = null;
+
+        this.node = new RenderNode();
+        this._definition = null;
+
+        if (definition) this.load(definition);
+    }
+
+    var _MATRIX_GENERATORS = {
+        'translate': Transform.translate,
+        'rotate': Transform.rotate,
+        'rotateX': Transform.rotateX,
+        'rotateY': Transform.rotateY,
+        'rotateZ': Transform.rotateZ,
+        'rotateAxis': Transform.rotateAxis,
+        'scale': Transform.scale,
+        'skew': Transform.skew,
+        'matrix3d': function() {
+            return arguments;
+        }
+    };
+
+    /**
+     * Clone this scene
+     *
+     * @method create
+     * @return {Scene} deep copy of this scene
+     */
+    Scene.prototype.create = function create() {
+        return new Scene(this._definition);
+    };
+
+    function _resolveTransformMatrix(matrixDefinition) {
+        for (var type in _MATRIX_GENERATORS) {
+            if (type in matrixDefinition) {
+                var args = matrixDefinition[type];
+                if (!(args instanceof Array)) args = [args];
+                return _MATRIX_GENERATORS[type].apply(this, args);
+            }
+        }
+    }
+
+    // parse transform into tree of render nodes, doing matrix multiplication
+    // when available
+    function _parseTransform(definition) {
+        var transformDefinition = definition.transform;
+        var opacity = definition.opacity;
+        var origin = definition.origin;
+        var size = definition.size;
+        var transform = Transform.identity;
+        if (transformDefinition instanceof Array) {
+            if (transformDefinition.length === 16 && typeof transformDefinition[0] === 'number') {
+                transform = transformDefinition;
+            }
+            else {
+                for (var i = 0; i < transformDefinition.length; i++) {
+                    transform = Transform.multiply(transform, _resolveTransformMatrix(transformDefinition[i]));
+                }
+            }
+        }
+        else if (transformDefinition instanceof Object) {
+            transform = _resolveTransformMatrix(transformDefinition);
+        }
+
+        var result = new Modifier({
+            transform: transform,
+            opacity: opacity,
+            origin: origin,
+            size: size
+        });
+        return result;
+    }
+
+    function _parseArray(definition) {
+        var result = new RenderNode();
+        for (var i = 0; i < definition.length; i++) {
+            var obj = _parse.call(this, definition[i]);
+            if (obj) result.add(obj);
+        }
+        return result;
+    }
+
+    // parse object directly into tree of RenderNodes
+    function _parse(definition) {
+        var result;
+        var id;
+        if (definition instanceof Array) {
+            result = _parseArray.call(this, definition);
+        }
+        else {
+            id = this._objects.length;
+            if (definition.render && (definition.render instanceof Function)) {
+                result = definition;
+            }
+            else if (definition.target) {
+                var targetObj = _parse.call(this, definition.target);
+                var obj = _parseTransform.call(this, definition);
+
+                result = new RenderNode(obj);
+                result.add(targetObj);
+                if (definition.id) this.id[definition.id] = obj;
+            }
+            else if (definition.id) {
+                result = new RenderNode();
+                this.id[definition.id] = result;
+            }
+        }
+        this._objects[id] = result;
+        return result;
+    }
+
+    /**
+     * Builds and renders a scene graph based on a canonical declarative scene definition.
+     * See examples/Scene/example.js.
+     *
+     * @method load
+     * @param {Object} definition definition in the format of a render spec.
+     */
+    Scene.prototype.load = function load(definition) {
+        this._definition = definition;
+        this.id = {};
+        this._objects = [];
+        this.node.set(_parse.call(this, definition));
+    };
+
+    /**
+     * Add renderables to this component's render tree
+     *
+     * @method add
+     *
+     * @param {Object} obj renderable object
+     * @return {RenderNode} Render wrapping provided object, if not already a RenderNode
+     */
+    Scene.prototype.add = function add() {
+        return this.node.add.apply(this.node, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Scene.prototype.render = function render() {
+        return this.node.render.apply(this.node, arguments);
+    };
+
+    module.exports = Scene;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/View',['require','exports','module','./EventHandler','./OptionsManager','./RenderNode'],function(require, exports, module) {
+    var EventHandler = require('./EventHandler');
+    var OptionsManager = require('./OptionsManager');
+    var RenderNode = require('./RenderNode');
+
+    /**
+     * Useful for quickly creating elements within applications
+     *   with large event systems.  Consists of a RenderNode paired with
+     *   an input EventHandler and an output EventHandler.
+     *   Meant to be extended by the developer.
+     *
+     * @class View
+     * @uses EventHandler
+     * @uses OptionsManager
+     * @uses RenderNode
+     * @constructor
+     */
+    function View(options) {
+        this._node = new RenderNode();
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS || View.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+    }
+
+    View.DEFAULT_OPTIONS = {}; // no defaults
+
+    /**
+     * Look up options value by key
+     * @method getOptions
+     *
+     * @param {string} key key
+     * @return {Object} associated object
+     */
+    View.prototype.getOptions = function getOptions() {
+        return this._optionsManager.value();
+    };
+
+    /*
+     *  Set internal options.
+     *  No defaults options are set in View.
+     *
+     *  @method setOptions
+     *  @param {Object} options
+     */
+    View.prototype.setOptions = function setOptions(options) {
+        this._optionsManager.patch(options);
+    };
+
+    /**
+     * Add a child renderable to the view.
+     *   Note: This is meant to be used by an inheriting class
+     *   rather than from outside the prototype chain.
+     *
+     * @method add
+     * @return {RenderNode}
+     * @protected
+     */
+    View.prototype.add = function add() {
+        return this._node.add.apply(this._node, arguments);
+    };
+
+    /**
+     * Alias for add
+     * @method _add
+     */
+    View.prototype._add = View.prototype.add;
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    View.prototype.render = function render() {
+        return this._node.render();
+    };
+
+    /**
+     * Return size of contained element.
+     *
+     * @method getSize
+     * @return {Array.Number} [width, height]
+     */
+    View.prototype.getSize = function getSize() {
+        if (this._node && this._node.getSize) {
+            return this._node.getSize.apply(this._node, arguments) || this.options.size;
+        }
+        else return this.options.size;
+    };
+
+    module.exports = View;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/ViewSequence',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Helper object used to iterate through items sequentially. Used in
+     *   views that deal with layout.  A ViewSequence object conceptually points
+     *   to a node in a linked list.
+     *
+     * @class ViewSequence
+     *
+     * @constructor
+     * @param {Object|Array} options Options object, or content array.
+     * @param {Number} [options.index] starting index.
+     * @param {Number} [options.array] Array of elements to populate the ViewSequence
+     * @param {Object} [options._] Optional backing store (internal
+     * @param {Boolean} [options.loop] Whether to wrap when accessing elements just past the end
+     *   (or beginning) of the sequence.
+     */
+    function ViewSequence(options) {
+        if (!options) options = [];
+        if (options instanceof Array) options = {array: options};
+
+        this._ = null;
+        this.index = options.index || 0;
+
+        if (options.array) this._ = new (this.constructor.Backing)(options.array);
+        else if (options._) this._ = options._;
+
+        if (this.index === this._.firstIndex) this._.firstNode = this;
+        if (this.index === this._.firstIndex + this._.array.length - 1) this._.lastNode = this;
+
+        if (options.loop !== undefined) this._.loop = options.loop;
+
+        this._previousNode = null;
+        this._nextNode = null;
+    }
+
+    // constructor for internal storage
+    ViewSequence.Backing = function Backing(array) {
+        this.array = array;
+        this.firstIndex = 0;
+        this.loop = false;
+        this.firstNode = null;
+        this.lastNode = null;
+    };
+
+    // Get value "i" slots away from the first index.
+    ViewSequence.Backing.prototype.getValue = function getValue(i) {
+        var _i = i - this.firstIndex;
+        if (_i < 0 || _i >= this.array.length) return null;
+        return this.array[_i];
+    };
+
+    // Set value "i" slots away from the first index.
+    ViewSequence.Backing.prototype.setValue = function setValue(i, value) {
+        this.array[i - this.firstIndex] = value;
+    };
+
+    // After splicing into the backing store, restore the indexes of each node correctly.
+    ViewSequence.Backing.prototype.reindex = function reindex(start, removeCount, insertCount) {
+        if (!this.array[0]) return;
+
+        var i = 0;
+        var index = this.firstIndex;
+        var indexShiftAmount = insertCount - removeCount;
+        var node = this.firstNode;
+
+        // find node to begin
+        while (index < start - 1) {
+            node = node.getNext();
+            index++;
+        }
+        // skip removed nodes
+        var spliceStartNode = node;
+        for (i = 0; i < removeCount; i++) {
+            node = node.getNext();
+            if (node) node._previousNode = spliceStartNode;
+        }
+        var spliceResumeNode = node ? node.getNext() : null;
+        // generate nodes for inserted items
+        spliceStartNode._nextNode = null;
+        node = spliceStartNode;
+        for (i = 0; i < insertCount; i++) node = node.getNext();
+        index += insertCount;
+        // resume the chain
+        if (node !== spliceResumeNode) {
+            node._nextNode = spliceResumeNode;
+            if (spliceResumeNode) spliceResumeNode._previousNode = node;
+        }
+        if (spliceResumeNode) {
+            node = spliceResumeNode;
+            index++;
+            while (node && index < this.array.length + this.firstIndex) {
+                if (node._nextNode) node.index += indexShiftAmount;
+                else node.index = index;
+                node = node.getNext();
+                index++;
+            }
+        }
+    };
+
+    /**
+     * Return ViewSequence node previous to this node in the list, respecting looping if applied.
+     *
+     * @method getPrevious
+     * @return {ViewSequence} previous node.
+     */
+    ViewSequence.prototype.getPrevious = function getPrevious() {
+        if (this.index === this._.firstIndex) {
+            if (this._.loop) {
+                this._previousNode = this._.lastNode || new (this.constructor)({_: this._, index: this._.firstIndex + this._.array.length - 1});
+                this._previousNode._nextNode = this;
+            }
+            else {
+                this._previousNode = null;
+            }
+        }
+        else if (!this._previousNode) {
+            this._previousNode = new (this.constructor)({_: this._, index: this.index - 1});
+            this._previousNode._nextNode = this;
+        }
+        return this._previousNode;
+    };
+
+    /**
+     * Return ViewSequence node next after this node in the list, respecting looping if applied.
+     *
+     * @method getNext
+     * @return {ViewSequence} previous node.
+     */
+    ViewSequence.prototype.getNext = function getNext() {
+        if (this.index === this._.firstIndex + this._.array.length - 1) {
+            if (this._.loop) {
+                this._nextNode = this._.firstNode || new (this.constructor)({_: this._, index: this._.firstIndex});
+                this._nextNode._previousNode = this;
+            }
+            else {
+                this._nextNode = null;
+            }
+        }
+        else if (!this._nextNode) {
+            this._nextNode = new (this.constructor)({_: this._, index: this.index + 1});
+            this._nextNode._previousNode = this;
+        }
+        return this._nextNode;
+    };
+
+    /**
+     * Return index of this ViewSequence node.
+     *
+     * @method getIndex
+     * @return {Number} index
+     */
+    ViewSequence.prototype.getIndex = function getIndex() {
+        return this.index;
+    };
+
+    /**
+     * Return printable version of this ViewSequence node.
+     *
+     * @method toString
+     * @return {string} this index as a string
+     */
+    ViewSequence.prototype.toString = function toString() {
+        return '' + this.index;
+    };
+
+    /**
+     * Add one or more objects to the beginning of the sequence.
+     *
+     * @method unshift
+     * @param {...Object} value arguments array of objects
+     */
+    ViewSequence.prototype.unshift = function unshift(value) {
+        this._.array.unshift.apply(this._.array, arguments);
+        this._.firstIndex -= arguments.length;
+    };
+
+    /**
+     * Add one or more objects to the end of the sequence.
+     *
+     * @method push
+     * @param {...Object} value arguments array of objects
+     */
+    ViewSequence.prototype.push = function push(value) {
+        this._.array.push.apply(this._.array, arguments);
+    };
+
+    /**
+     * Remove objects from the sequence
+     *
+     * @method splice
+     * @param {Number} index starting index for removal
+     * @param {Number} howMany how many elements to remove
+     * @param {...Object} value arguments array of objects
+     */
+    ViewSequence.prototype.splice = function splice(index, howMany) {
+        var values = Array.prototype.slice.call(arguments, 2);
+        this._.array.splice.apply(this._.array, [index - this._.firstIndex, howMany].concat(values));
+        this._.reindex(index, howMany, values.length);
+    };
+
+    /**
+     * Exchange this element's sequence position with another's.
+     *
+     * @method swap
+     * @param {ViewSequence} other element to swap with.
+     */
+    ViewSequence.prototype.swap = function swap(other) {
+        var otherValue = other.get();
+        var myValue = this.get();
+        this._.setValue(this.index, otherValue);
+        this._.setValue(other.index, myValue);
+
+        var myPrevious = this._previousNode;
+        var myNext = this._nextNode;
+        var myIndex = this.index;
+        var otherPrevious = other._previousNode;
+        var otherNext = other._nextNode;
+        var otherIndex = other.index;
+
+        this.index = otherIndex;
+        this._previousNode = (otherPrevious === this) ? other : otherPrevious;
+        if (this._previousNode) this._previousNode._nextNode = this;
+        this._nextNode = (otherNext === this) ? other : otherNext;
+        if (this._nextNode) this._nextNode._previousNode = this;
+
+        other.index = myIndex;
+        other._previousNode = (myPrevious === other) ? this : myPrevious;
+        if (other._previousNode) other._previousNode._nextNode = other;
+        other._nextNode = (myNext === other) ? this : myNext;
+        if (other._nextNode) other._nextNode._previousNode = other;
+
+        if (this.index === this._.firstIndex) this._.firstNode = this;
+        else if (this.index === this._.firstIndex + this._.array.length - 1) this._.lastNode = this;
+        if (other.index === this._.firstIndex) this._.firstNode = other;
+        else if (other.index === this._.firstIndex + this._.array.length - 1) this._.lastNode = other;
+    };
+
+   /**
+     * Return value of this ViewSequence node.
+     *
+     * @method get
+     * @return {Object} value of thiss
+     */
+    ViewSequence.prototype.get = function get() {
+        return this._.getValue(this.index);
+    };
+
+   /**
+     * Call getSize() on the contained View.
+     *
+     * @method getSize
+     * @return {Array.Number} [width, height]
+     */
+    ViewSequence.prototype.getSize = function getSize() {
+        var target = this.get();
+        return target ? target.getSize() : null;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     * Specifically, this will render the value at the current index.
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    ViewSequence.prototype.render = function render() {
+        var target = this.get();
+        return target ? target.render.apply(target, arguments) : null;
+    };
+
+    module.exports = ViewSequence;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Utilities',['require','exports','module'],function(require, exports, module) {
+    /**
+     * A few static methods.
+     *
+     * @class Utilities
+     * @static
+     */
+    var Utilities = {};
+
+    /**
+     * Constrain input to range.
+     *
+     * @method clamp
+     * @param {Number} value input
+     * @param {Array.Number} range [min, max]
+     * @static
+     */
+    Utilities.clamp = function clamp(value, range) {
+        return Math.max(Math.min(value, range[1]), range[0]);
+    };
+
+    /**
+     * Euclidean length of numerical array.
+     *
+     * @method length
+     * @param {Array.Number} array array of numbers
+     * @static
+     */
+    Utilities.length = function length(array) {
+        var distanceSquared = 0;
+        for (var i = 0; i < array.length; i++) {
+            distanceSquared += array[i] * array[i];
+        }
+        return Math.sqrt(distanceSquared);
+    };
+
+    module.exports = Utilities;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/GenericSync',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Combines multiple types of sync classes (e.g. mouse, touch,
+     *  scrolling) into one standardized interface for inclusion in widgets.
+     *
+     *  Sync classes are first registered with a key, and then can be accessed
+     *  globally by key.
+     *
+     *  Emits 'start', 'update' and 'end' events as a union of the sync class
+     *  providers.
+     *
+     * @class GenericSync
+     * @constructor
+     * @param syncs {Object|Array} object with fields {sync key : sync options}
+     *    or an array of registered sync keys
+     * @param [options] {Object|Array} options object to set on all syncs
+     */
+    function GenericSync(syncs, options) {
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._syncs = {};
+        if (syncs) this.addSync(syncs);
+        if (options) this.setOptions(options);
+    }
+
+    GenericSync.DIRECTION_X = 0;
+    GenericSync.DIRECTION_Y = 1;
+    GenericSync.DIRECTION_Z = 2;
+
+    // Global registry of sync classes. Append only.
+    var registry = {};
+
+    /**
+     * Register a global sync class with an identifying key
+     *
+     * @static
+     * @method register
+     *
+     * @param syncObject {Object} an object of {sync key : sync options} fields
+     */
+    GenericSync.register = function register(syncObject) {
+        for (var key in syncObject){
+            if (registry[key]){
+                if (registry[key] === syncObject[key]) return; // redundant registration
+                else throw new Error('this key is registered to a different sync class');
+            }
+            else registry[key] = syncObject[key];
+        }
+    };
+
+    /**
+     * Helper to set options on all sync instances
+     *
+     * @method setOptions
+     * @param options {Object} options object
+     */
+    GenericSync.prototype.setOptions = function(options) {
+        for (var key in this._syncs){
+            this._syncs[key].setOptions(options);
+        }
+    };
+
+    /**
+     * Pipe events to a sync class
+     *
+     * @method pipeSync
+     * @param key {String} identifier for sync class
+     */
+    GenericSync.prototype.pipeSync = function pipeToSync(key) {
+        var sync = this._syncs[key];
+        this._eventInput.pipe(sync);
+        sync.pipe(this._eventOutput);
+    };
+
+    /**
+     * Unpipe events from a sync class
+     *
+     * @method unpipeSync
+     * @param key {String} identifier for sync class
+     */
+    GenericSync.prototype.unpipeSync = function unpipeFromSync(key) {
+        var sync = this._syncs[key];
+        this._eventInput.unpipe(sync);
+        sync.unpipe(this._eventOutput);
+    };
+
+    function _addSingleSync(key, options) {
+        if (!registry[key]) return;
+        this._syncs[key] = new (registry[key])(options);
+        this.pipeSync(key);
+    }
+
+    /**
+     * Add a sync class to from the registered classes
+     *
+     * @method addSync
+     * @param syncs {Object|Array.String} an array of registered sync keys
+     *    or an object with fields {sync key : sync options}
+     */
+    GenericSync.prototype.addSync = function addSync(syncs) {
+        if (syncs instanceof Array)
+            for (var i = 0; i < syncs.length; i++)
+                _addSingleSync.call(this, syncs[i]);
+        else if (syncs instanceof Object)
+            for (var key in syncs)
+                _addSingleSync.call(this, key, syncs[key]);
+    };
+
+    module.exports = GenericSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/MouseSync',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Handles piped in mouse drag events. Outputs an object with two
+     *   properties, position and velocity.
+     *   Emits 'start', 'update' and 'end' events with DOM event passthroughs,
+     *   with position, velocity, and a delta key.
+     *
+     * @class MouseSync
+     * @constructor
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.propogate] {Boolean}  add listened to document on mouseleave
+     */
+    function MouseSync(options) {
+        this.options =  Object.create(MouseSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._eventInput.on('mousedown', _handleStart.bind(this));
+        this._eventInput.on('mousemove', _handleMove.bind(this));
+        this._eventInput.on('mouseup', _handleEnd.bind(this));
+
+        if (this.options.propogate) this._eventInput.on('mouseleave', _handleLeave.bind(this));
+        else this._eventInput.on('mouseleave', _handleEnd.bind(this));
+
+        this._payload = {
+            delta    : null,
+            position : null,
+            velocity : null,
+            clientX  : 0,
+            clientY  : 0,
+            offsetX  : 0,
+            offsetY  : 0
+        };
+
+        this._position = null;      // to be deprecated
+        this._prevCoord = undefined;
+        this._prevTime = undefined;
+        this._down = false;
+        this._moved = false;
+    }
+
+    MouseSync.DEFAULT_OPTIONS = {
+        direction: undefined,
+        rails: false,
+        scale: 1,
+        propogate: true  // events piped to document on mouseleave
+    };
+
+    MouseSync.DIRECTION_X = 0;
+    MouseSync.DIRECTION_Y = 1;
+
+    var MINIMUM_TICK_TIME = 8;
+
+    var _now = Date.now;
+
+    function _handleStart(event) {
+        var delta;
+        var velocity;
+        event.preventDefault(); // prevent drag
+
+        var x = event.clientX;
+        var y = event.clientY;
+
+        this._prevCoord = [x, y];
+        this._prevTime = _now();
+        this._down = true;
+        this._move = false;
+
+        if (this.options.direction !== undefined){
+            this._position = 0;
+            delta = 0;
+            velocity = 0;
+        }
+        else {
+            this._position = [0, 0];
+            delta = [0, 0];
+            velocity = [0, 0];
+        }
+
+        var payload = this._payload;
+        payload.delta = delta;
+        payload.position = this._position;
+        payload.velocity = velocity;
+        payload.clientX = x;
+        payload.clientY = y;
+        payload.offsetX = event.offsetX;
+        payload.offsetY = event.offsetY;
+
+        this._eventOutput.emit('start', payload);
+    }
+
+    function _handleMove(event) {
+        if (!this._prevCoord) return;
+
+        var prevCoord = this._prevCoord;
+        var prevTime = this._prevTime;
+
+        var x = event.clientX;
+        var y = event.clientY;
+
+        var currTime = _now();
+
+        var diffX = x - prevCoord[0];
+        var diffY = y - prevCoord[1];
+
+        if (this.options.rails) {
+            if (Math.abs(diffX) > Math.abs(diffY)) diffY = 0;
+            else diffX = 0;
+        }
+
+        var diffTime = Math.max(currTime - prevTime, MINIMUM_TICK_TIME); // minimum tick time
+
+        var velX = diffX / diffTime;
+        var velY = diffY / diffTime;
+
+        var scale = this.options.scale;
+        var nextVel;
+        var nextDelta;
+
+        if (this.options.direction === MouseSync.DIRECTION_X) {
+            nextDelta = scale * diffX;
+            nextVel = scale * velX;
+            this._position += nextDelta;
+        }
+        else if (this.options.direction === MouseSync.DIRECTION_Y) {
+            nextDelta = scale * diffY;
+            nextVel = scale * velY;
+            this._position += nextDelta;
+        }
+        else {
+            nextDelta = [scale * diffX, scale * diffY];
+            nextVel = [scale * velX, scale * velY];
+            this._position[0] += nextDelta[0];
+            this._position[1] += nextDelta[1];
+        }
+
+        var payload = this._payload;
+        payload.delta    = nextDelta;
+        payload.position = this._position;
+        payload.velocity = nextVel;
+        payload.clientX  = x;
+        payload.clientY  = y;
+        payload.offsetX  = event.offsetX;
+        payload.offsetY  = event.offsetY;
+
+        this._eventOutput.emit('update', payload);
+
+        this._prevCoord = [x, y];
+        this._prevTime = currTime;
+        this._move = true;
+    }
+
+    function _handleEnd(event) {
+        if (!this._down) return;
+
+        this._eventOutput.emit('end', this._payload);
+        this._prevCoord = undefined;
+        this._prevTime = undefined;
+        this._down = false;
+        this._move = false;
+    }
+
+    function _handleLeave(event) {
+        if (!this._down || !this._move) return;
+
+        var boundMove = _handleMove.bind(this);
+        var boundEnd = function(event) {
+            _handleEnd.call(this, event);
+            document.removeEventListener('mousemove', boundMove);
+            document.removeEventListener('mouseup', boundEnd);
+        }.bind(this, event);
+
+        document.addEventListener('mousemove', boundMove);
+        document.addEventListener('mouseup', boundEnd);
+    }
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    MouseSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.propogate] {Boolean}  add listened to document on mouseleave
+     */
+    MouseSync.prototype.setOptions = function setOptions(options) {
+        if (options.direction !== undefined) this.options.direction = options.direction;
+        if (options.rails !== undefined) this.options.rails = options.rails;
+        if (options.scale !== undefined) this.options.scale = options.scale;
+        if (options.propogate !== undefined) this.options.propogate = options.propogate;
+    };
+
+    module.exports = MouseSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/TouchTracker',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    var _now = Date.now;
+
+    function _timestampTouch(touch, event, history) {
+        return {
+            x: touch.clientX,
+            y: touch.clientY,
+            identifier : touch.identifier,
+            origin: event.origin,
+            timestamp: _now(),
+            count: event.touches.length,
+            history: history
+        };
+    }
+
+    function _handleStart(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var data = _timestampTouch(touch, event, null);
+            this.eventOutput.emit('trackstart', data);
+            if (!this.selective && !this.touchHistory[touch.identifier]) this.track(data);
+        }
+    }
+
+    function _handleMove(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var history = this.touchHistory[touch.identifier];
+            if (history) {
+                var data = _timestampTouch(touch, event, history);
+                this.touchHistory[touch.identifier].push(data);
+                this.eventOutput.emit('trackmove', data);
+            }
+        }
+    }
+
+    function _handleEnd(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var history = this.touchHistory[touch.identifier];
+            if (history) {
+                var data = _timestampTouch(touch, event, history);
+                this.eventOutput.emit('trackend', data);
+                delete this.touchHistory[touch.identifier];
+            }
+        }
+    }
+
+    function _handleUnpipe() {
+        for (var i in this.touchHistory) {
+            var history = this.touchHistory[i];
+            this.eventOutput.emit('trackend', {
+                touch: history[history.length - 1].touch,
+                timestamp: Date.now(),
+                count: 0,
+                history: history
+            });
+            delete this.touchHistory[i];
+        }
+    }
+
+    /**
+     * Helper to TouchSync – tracks piped in touch events, organizes touch
+     *   events by ID, and emits track events back to TouchSync.
+     *   Emits 'trackstart', 'trackmove', and 'trackend' events upstream.
+     *
+     * @class TouchTracker
+     * @constructor
+     * @param {Boolean} selective if false, save state for each touch.
+     */
+    function TouchTracker(selective) {
+        this.selective = selective;
+        this.touchHistory = {};
+
+        this.eventInput = new EventHandler();
+        this.eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this.eventInput);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+
+        this.eventInput.on('touchstart', _handleStart.bind(this));
+        this.eventInput.on('touchmove', _handleMove.bind(this));
+        this.eventInput.on('touchend', _handleEnd.bind(this));
+        this.eventInput.on('touchcancel', _handleEnd.bind(this));
+        this.eventInput.on('unpipe', _handleUnpipe.bind(this));
+    }
+
+    /**
+     * Record touch data, if selective is false.
+     * @private
+     * @method track
+     * @param {Object} data touch data
+     */
+    TouchTracker.prototype.track = function track(data) {
+        this.touchHistory[data.identifier] = [data];
+    };
+
+    module.exports = TouchTracker;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/TouchSync',['require','exports','module','./TouchTracker','famous/core/EventHandler'],function(require, exports, module) {
+    var TouchTracker = require('./TouchTracker');
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Handles piped in touch events. Emits 'start', 'update', and 'events'
+     *   events with position, velocity, acceleration, and touch id.
+     *   Useful for dealing with inputs on touch devices.
+     *
+     *
+     * @class TouchSync
+     * @constructor
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.scale] {Number}       constant factor to scale velocity output
+     */
+    function TouchSync(options) {
+        this.options =  Object.create(TouchSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._eventOutput = new EventHandler();
+        this._touchTracker = new TouchTracker();
+
+        EventHandler.setOutputHandler(this, this._eventOutput);
+        EventHandler.setInputHandler(this, this._touchTracker);
+
+        this._touchTracker.on('trackstart', _handleStart.bind(this));
+        this._touchTracker.on('trackmove', _handleMove.bind(this));
+        this._touchTracker.on('trackend', _handleEnd.bind(this));
+
+        this._payload = {
+            delta    : null,
+            position : null,
+            velocity : null,
+            clientX  : undefined,
+            clientY  : undefined,
+            count    : 0,
+            touch    : undefined
+        };
+
+        this._position = null; // to be deprecated
+    }
+
+    TouchSync.DEFAULT_OPTIONS = {
+        direction: undefined,
+        rails: false,
+        scale: 1
+    };
+
+    TouchSync.DIRECTION_X = 0;
+    TouchSync.DIRECTION_Y = 1;
+
+    var MINIMUM_TICK_TIME = 8;
+
+    // handle 'trackstart'
+    function _handleStart(data) {
+        var velocity;
+        var delta;
+        if (this.options.direction !== undefined){
+            this._position = 0;
+            velocity = 0;
+            delta = 0;
+        }
+        else {
+            this._position = [0, 0];
+            velocity = [0, 0];
+            delta = [0, 0];
+        }
+
+        var payload = this._payload;
+        payload.delta = delta;
+        payload.position = this._position;
+        payload.velocity = velocity;
+        payload.clientX = data.x;
+        payload.clientY = data.y;
+        payload.count = data.count;
+        payload.touch = data.identifier;
+
+        this._eventOutput.emit('start', payload);
+    }
+
+    // handle 'trackmove'
+    function _handleMove(data) {
+        var history = data.history;
+
+        var currHistory = history[history.length - 1];
+        var prevHistory = history[history.length - 2];
+
+        var prevTime = prevHistory.timestamp;
+        var currTime = currHistory.timestamp;
+
+        var diffX = currHistory.x - prevHistory.x;
+        var diffY = currHistory.y - prevHistory.y;
+
+        if (this.options.rails) {
+            if (Math.abs(diffX) > Math.abs(diffY)) diffY = 0;
+            else diffX = 0;
+        }
+
+        var diffTime = Math.max(currTime - prevTime, MINIMUM_TICK_TIME);
+
+        var velX = diffX / diffTime;
+        var velY = diffY / diffTime;
+
+        var scale = this.options.scale;
+        var nextVel;
+        var nextDelta;
+
+        if (this.options.direction === TouchSync.DIRECTION_X) {
+            nextDelta = scale * diffX;
+            nextVel = scale * velX;
+            this._position += nextDelta;
+        }
+        else if (this.options.direction === TouchSync.DIRECTION_Y) {
+            nextDelta = scale * diffY;
+            nextVel = scale * velY;
+            this._position += nextDelta;
+        }
+        else {
+            nextDelta = [scale * diffX, scale * diffY];
+            nextVel = [scale * velX, scale * velY];
+            this._position[0] += nextDelta[0];
+            this._position[1] += nextDelta[1];
+        }
+
+        var payload = this._payload;
+        payload.delta    = nextDelta;
+        payload.velocity = nextVel;
+        payload.position = this._position;
+        payload.clientX  = data.x;
+        payload.clientY  = data.y;
+        payload.count    = data.count;
+        payload.touch    = data.identifier;
+
+        this._eventOutput.emit('update', payload);
+    }
+
+    // handle 'trackend'
+    function _handleEnd(data) {
+        this._payload.count = data.count;
+        this._eventOutput.emit('end', this._payload);
+    }
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.scale] {Number}       constant factor to scale velocity output
+     */
+    TouchSync.prototype.setOptions = function setOptions(options) {
+        if (options.direction !== undefined) this.options.direction = options.direction;
+        if (options.rails !== undefined) this.options.rails = options.rails;
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    TouchSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    module.exports = TouchSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/modifiers/Draggable',['require','exports','module','famous/core/Transform','famous/transitions/Transitionable','famous/core/EventHandler','famous/math/Utilities','famous/inputs/GenericSync','famous/inputs/MouseSync','famous/inputs/TouchSync'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var EventHandler = require('famous/core/EventHandler');
+    var Utilities = require('famous/math/Utilities');
+
+    var GenericSync = require('famous/inputs/GenericSync');
+    var MouseSync = require('famous/inputs/MouseSync');
+    var TouchSync = require('famous/inputs/TouchSync');
+    GenericSync.register({'mouse': MouseSync, 'touch': TouchSync});
+
+    /**
+     * Makes added render nodes responsive to drag beahvior.
+     *   Emits events 'start', 'update', 'end'.
+     * @class Draggable
+     * @constructor
+     * @param {Object} [options] options configuration object.
+     * @param {Number} [options.snapX] grid width for snapping during drag
+     * @param {Number} [options.snapY] grid height for snapping during drag
+     * @param {Array.Number} [options.xRange] maxmimum [negative, positive] x displacement from start of drag
+     * @param {Array.Number} [options.yRange] maxmimum [negative, positive] y displacement from start of drag
+     * @param {Number} [options.scale] one pixel of input motion translates to this many pixels of output drag motion
+     * @param {Number} [options.projection] User should set to Draggable._direction.x or
+     *    Draggable._direction.y to constrain to one axis.
+     *
+     */
+    function Draggable(options) {
+        this.options = Object.create(Draggable.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._positionState = new Transitionable([0,0]);
+        this._differential  = [0,0];
+        this._active = true;
+
+        this.sync = new GenericSync(['mouse', 'touch'], {scale : this.options.scale});
+        this.eventOutput = new EventHandler();
+        EventHandler.setInputHandler(this,  this.sync);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+
+        _bindEvents.call(this);
+    }
+
+    //binary representation of directions for bitwise operations
+    var _direction = {
+        x : 0x01,         //001
+        y : 0x02          //010
+    };
+
+    Draggable.DIRECTION_X = _direction.x;
+    Draggable.DIRECTION_Y = _direction.y;
+
+    var _clamp = Utilities.clamp;
+
+    Draggable.DEFAULT_OPTIONS = {
+        projection  : _direction.x | _direction.y,
+        scale       : 1,
+        xRange      : null,
+        yRange      : null,
+        snapX       : 0,
+        snapY       : 0,
+        transition  : {duration : 0}
+    };
+
+    function _mapDifferential(differential) {
+        var opts        = this.options;
+        var projection  = opts.projection;
+        var snapX       = opts.snapX;
+        var snapY       = opts.snapY;
+
+        //axes
+        var tx = (projection & _direction.x) ? differential[0] : 0;
+        var ty = (projection & _direction.y) ? differential[1] : 0;
+
+        //snapping
+        if (snapX > 0) tx -= tx % snapX;
+        if (snapY > 0) ty -= ty % snapY;
+
+        return [tx, ty];
+    }
+
+    function _handleStart() {
+        if (!this._active) return;
+        if (this._positionState.isActive()) this._positionState.halt();
+        this.eventOutput.emit('start', {position : this.getPosition()});
+    }
+
+    function _handleMove(event) {
+        if (!this._active) return;
+
+        var options = this.options;
+        this._differential = event.position;
+        var newDifferential = _mapDifferential.call(this, this._differential);
+
+        //buffer the differential if snapping is set
+        this._differential[0] -= newDifferential[0];
+        this._differential[1] -= newDifferential[1];
+
+        var pos = this.getPosition();
+
+        //modify position, retain reference
+        pos[0] += newDifferential[0];
+        pos[1] += newDifferential[1];
+
+        //handle bounding box
+        if (options.xRange){
+            var xRange = [options.xRange[0] + 0.5 * options.snapX, options.xRange[1] - 0.5 * options.snapX];
+            pos[0] = _clamp(pos[0], xRange);
+        }
+
+        if (options.yRange){
+            var yRange = [options.yRange[0] + 0.5 * options.snapY, options.yRange[1] - 0.5 * options.snapY];
+            pos[1] = _clamp(pos[1], yRange);
+        }
+
+        this.eventOutput.emit('update', {position : pos});
+    }
+
+    function _handleEnd() {
+        if (!this._active) return;
+        this.eventOutput.emit('end', {position : this.getPosition()});
+    }
+
+    function _bindEvents() {
+        this.sync.on('start', _handleStart.bind(this));
+        this.sync.on('update', _handleMove.bind(this));
+        this.sync.on('end', _handleEnd.bind(this));
+    }
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options.  See constructor.
+     */
+    Draggable.prototype.setOptions = function setOptions(options) {
+        var currentOptions = this.options;
+        if (options.projection !== undefined) {
+            var proj = options.projection;
+            this.options.projection = 0;
+            ['x', 'y'].forEach(function(val) {
+                if (proj.indexOf(val) !== -1) currentOptions.projection |= _direction[val];
+            });
+        }
+        if (options.scale  !== undefined) {
+            currentOptions.scale  = options.scale;
+            this.sync.setOptions({
+                scale: options.scale
+            });
+        }
+        if (options.xRange !== undefined) currentOptions.xRange = options.xRange;
+        if (options.yRange !== undefined) currentOptions.yRange = options.yRange;
+        if (options.snapX  !== undefined) currentOptions.snapX  = options.snapX;
+        if (options.snapY  !== undefined) currentOptions.snapY  = options.snapY;
+    };
+
+    /**
+     * Get current delta in position from where this draggable started.
+     *
+     * @method getPosition
+     *
+     * @return {array<number>} [x, y] position delta from start.
+     */
+    Draggable.prototype.getPosition = function getPosition() {
+        return this._positionState.get();
+    };
+
+    /**
+     * Transition the element to the desired relative position via provided transition.
+     *  For example, calling this with [0,0] will not change the position.
+     *  Callback will be executed on completion.
+     *
+     * @method setRelativePosition
+     *
+     * @param {array<number>} position end state to which we interpolate
+     * @param {transition} transition transition object specifying how object moves to new position
+     * @param {function} callback zero-argument function to call on observed completion
+     */
+    Draggable.prototype.setRelativePosition = function setRelativePosition(position, transition, callback) {
+        var currPos = this.getPosition();
+        var relativePosition = [currPos[0] + position[0], currPos[1] + position[1]];
+        this.setPosition(relativePosition, transition, callback);
+    };
+
+    /**
+     * Transition the element to the desired absolute position via provided transition.
+     *  Callback will be executed on completion.
+     *
+     * @method setPosition
+     *
+     * @param {array<number>} position end state to which we interpolate
+     * @param {transition} transition transition object specifying how object moves to new position
+     * @param {function} callback zero-argument function to call on observed completion
+     */
+    Draggable.prototype.setPosition = function setPosition(position, transition, callback) {
+        if (this._positionState.isActive()) this._positionState.halt();
+        this._positionState.set(position, transition, callback);
+    };
+
+    /**
+     * Set this draggable to respond to user input.
+     *
+     * @method activate
+     *
+     */
+    Draggable.prototype.activate = function activate() {
+        this._active = true;
+    };
+
+    /**
+     * Set this draggable to ignore user input.
+     *
+     * @method deactivate
+     *
+     */
+    Draggable.prototype.deactivate = function deactivate() {
+        this._active = false;
+    };
+
+    /**
+     * Switch the input response stage between active and inactive.
+     *
+     * @method toggle
+     *
+     */
+    Draggable.prototype.toggle = function toggle() {
+        this._active = !this._active;
+    };
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    Draggable.prototype.modify = function modify(target) {
+        var pos = this.getPosition();
+        return {
+            transform: Transform.translate(pos[0], pos[1]),
+            target: target
+        };
+    };
+
+    module.exports = Draggable;
+});
+
+define('famous/modifiers/Fader',['require','exports','module','famous/transitions/Transitionable','famous/core/OptionsManager'],function(require, exports, module) {
+    var Transitionable = require('famous/transitions/Transitionable');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * Modifier that allows you to fade the opacity of affected renderables in and out.
+     * @class Fader
+     * @constructor
+     * @param {Object} [options] options configuration object.
+     * @param {Boolean} [options.cull=false] Stops returning affected renderables up the tree when they're fully faded when true.
+     * @param {Transition} [options.transition=true] The main transition for showing and hiding.
+     * @param {Transition} [options.pulseInTransition=true] Controls the transition to a pulsed state when the Fader instance's pulse
+     * method is called.
+     * @param {Transition} [options.pulseOutTransition=true]Controls the transition back from a pulsed state when the Fader instance's pulse
+     * method is called.
+     *
+     */
+    function Fader(options, startState) {
+        this.options = Object.create(Fader.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+
+        if (!startState) startState = 0;
+        this.transitionHelper = new Transitionable(startState);
+    }
+
+    Fader.DEFAULT_OPTIONS = {
+        cull: false,
+        transition: true,
+        pulseInTransition: true,
+        pulseOutTransition: true
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options.  See constructor.
+     */
+    Fader.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Fully displays the Fader instance's associated renderables.
+     *
+     * @method show
+     * @param {Transition} [transition] The transition that coordinates setting to the new state.
+     * @param {Function} [callback] A callback that executes once you've transitioned to the fully shown state.
+     */
+    Fader.prototype.show = function show(transition, callback) {
+        transition = transition || this.options.transition;
+        this.set(1, transition, callback);
+    };
+
+    /**
+     * Fully fades the Fader instance's associated renderables.
+     *
+     * @method hide
+     * @param {Transition} [transition] The transition that coordinates setting to the new state.
+     * @param {Function} [callback] A callback that executes once you've transitioned to the fully faded state.
+     */
+    Fader.prototype.hide = function hide(transition, callback) {
+        transition = transition || this.options.transition;
+        this.set(0, transition, callback);
+    };
+
+    /**
+     * Manually sets the opacity state of the fader to the passed-in one. Executes with an optional
+     * transition and callback.
+     *
+     * @method set
+     * @param {Number} state A number from zero to one: the amount of opacity you want to set to.
+     * @param {Transition} [transition] The transition that coordinates setting to the new state.
+     * @param {Function} [callback] A callback that executes once you've finished executing the pulse.
+     */
+    Fader.prototype.set = function set(state, transition, callback) {
+        this.halt();
+        this.transitionHelper.set(state, transition, callback);
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    Fader.prototype.halt = function halt() {
+        this.transitionHelper.halt();
+    };
+
+    /**
+     * Tells you if your Fader instance is above its visibility threshold.
+     *
+     * @method isVisible
+     * @return {Boolean} Whether or not your Fader instance is visible.
+     */
+    Fader.prototype.isVisible = function isVisible() {
+        return (this.transitionHelper.get() > 0);
+    };
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    Fader.prototype.modify = function modify(target) {
+        var currOpacity = this.transitionHelper.get();
+        if (this.options.cull && !currOpacity) return undefined;
+        else return {opacity: currOpacity, target: target};
+    };
+
+    module.exports = Fader;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/modifiers/ModifierChain',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * A class to add and remove a chain of modifiers
+     *   at a single point in the render tree
+     *
+     * @class ModifierChain
+     * @constructor
+     */
+    function ModifierChain() {
+        this._chain = [];
+        if (arguments.length) this.addModifier.apply(this, arguments);
+    }
+
+    /**
+     * Add a modifier, or comma separated modifiers, to the modifier chain.
+     *
+     * @method addModifier
+     *
+     * @param {...Modifier*} varargs args list of Modifiers
+     */
+    ModifierChain.prototype.addModifier = function addModifier(varargs) {
+        Array.prototype.push.apply(this._chain, arguments);
+    };
+
+    /**
+     * Remove a modifier from the modifier chain.
+     *
+     * @method removeModifier
+     *
+     * @param {Modifier} modifier
+     */
+    ModifierChain.prototype.removeModifier = function removeModifier(modifier) {
+        var index = this._chain.indexOf(modifier);
+        if (index < 0) return;
+        this._chain.splice(index, 1);
+    };
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} input (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    ModifierChain.prototype.modify = function modify(input) {
+        var chain  = this._chain;
+        var result = input;
+        for (var i = 0; i < chain.length; i++) {
+            result = chain[i].modify(result);
+        }
+        return result;
+    };
+
+    module.exports = ModifierChain;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/modifiers/StateModifier',['require','exports','module','famous/core/Modifier','famous/core/Transform','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Modifier = require('famous/core/Modifier');
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     *  A collection of visual changes to be
+     *    applied to another renderable component, strongly coupled with the state that defines
+     *    those changes. This collection includes a
+     *    transform matrix, an opacity constant, a size, an origin specifier, and an alignment specifier.
+     *    StateModifier objects can be added to any RenderNode or object
+     *    capable of displaying renderables.  The StateModifier's children and descendants
+     *    are transformed by the amounts specified in the modifier's properties.
+     *
+     * @class StateModifier
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Transform} [options.transform] affine transformation matrix
+     * @param {Number} [options.opacity]
+     * @param {Array.Number} [options.origin] origin adjustment
+     * @param {Array.Number} [options.align] align adjustment
+     * @param {Array.Number} [options.size] size to apply to descendants
+     */
+    function StateModifier(options) {
+        this._transformState = new TransitionableTransform(Transform.identity);
+        this._opacityState = new Transitionable(1);
+        this._originState = new Transitionable([0, 0]);
+        this._alignState = new Transitionable([0, 0]);
+        this._sizeState = new Transitionable([0, 0]);
+
+        this._modifier = new Modifier({
+            transform: this._transformState,
+            opacity: this._opacityState,
+            origin: null,
+            align: null,
+            size: null
+        });
+
+        this._hasOrigin = false;
+        this._hasAlign = false;
+        this._hasSize = false;
+
+        if (options) {
+            if (options.transform) this.setTransform(options.transform);
+            if (options.opacity !== undefined) this.setOpacity(options.opacity);
+            if (options.origin) this.setOrigin(options.origin);
+            if (options.align) this.setAlign(options.align);
+            if (options.size) this.setSize(options.size);
+        }
+    }
+
+    /**
+     * Set the transform matrix of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setTransform
+     *
+     * @param {Transform} transform Transform to transition to.
+     * @param {Transitionable} [transition] Valid transitionable object
+     * @param {Function} [callback] callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setTransform = function setTransform(transform, transition, callback) {
+        this._transformState.set(transform, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the opacity of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setOpacity
+     *
+     * @param {Number} opacity Opacity value to transition to.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setOpacity = function setOpacity(opacity, transition, callback) {
+        this._opacityState.set(opacity, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the origin of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setOrigin
+     *
+     * @param {Array.Number} origin two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setOrigin = function setOrigin(origin, transition, callback) {
+        if (origin === null) {
+            if (this._hasOrigin) {
+                this._modifier.originFrom(null);
+                this._hasOrigin = false;
+            }
+            return this;
+        }
+        else if (!this._hasOrigin) {
+            this._hasOrigin = true;
+            this._modifier.originFrom(this._originState);
+        }
+        this._originState.set(origin, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the alignment of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setAlign
+     *
+     * @param {Array.Number} align two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setAlign = function setOrigin(align, transition, callback) {
+        if (align === null) {
+            if (this._hasAlign) {
+                this._modifier.alignFrom(null);
+                this._hasAlign = false;
+            }
+            return this;
+        }
+        else if (!this._hasAlign) {
+            this._hasAlign = true;
+            this._modifier.alignFrom(this._alignState);
+        }
+        this._alignState.set(align, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the size of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setSize
+     *
+     * @param {Array.Number} size two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setSize = function setSize(size, transition, callback) {
+        if (size === null) {
+            if (this._hasSize) {
+                this._modifier.sizeFrom(null);
+                this._hasSize = false;
+            }
+            return this;
+        }
+        else if (!this._hasSize) {
+            this._hasSize = true;
+            this._modifier.sizeFrom(this._sizeState);
+        }
+        this._sizeState.set(size, transition, callback);
+        return this;
+    };
+
+    /**
+     * Stop the transition.
+     *
+     * @method halt
+     */
+    StateModifier.prototype.halt = function halt() {
+        this._transformState.halt();
+        this._opacityState.halt();
+        this._originState.halt();
+        this._alignState.halt();
+        this._sizeState.halt();
+    };
+
+    /**
+     * Get the current state of the transform matrix component.
+     *
+     * @method getTransform
+     * @return {Object} transform provider object
+     */
+    StateModifier.prototype.getTransform = function getTransform() {
+        return this._transformState.get();
+    };
+
+    /**
+     * Get the destination state of the transform component.
+     *
+     * @method getFinalTransform
+     * @return {Transform} transform matrix
+     */
+    StateModifier.prototype.getFinalTransform = function getFinalTransform() {
+        return this._transformState.getFinal();
+    };
+
+    /**
+     * Get the current state of the opacity component.
+     *
+     * @method getOpacity
+     * @return {Object} opacity provider object
+     */
+    StateModifier.prototype.getOpacity = function getOpacity() {
+        return this._opacityState.get();
+    };
+
+    /**
+     * Get the current state of the origin component.
+     *
+     * @method getOrigin
+     * @return {Object} origin provider object
+     */
+    StateModifier.prototype.getOrigin = function getOrigin() {
+        return this._hasOrigin ? this._originState.get() : null;
+    };
+
+    /**
+     * Get the current state of the align component.
+     *
+     * @method getAlign
+     * @return {Object} align provider object
+     */
+    StateModifier.prototype.getAlign = function getAlign() {
+        return this._hasAlign ? this._alignState.get() : null;
+    };
+
+    /**
+     * Get the current state of the size component.
+     *
+     * @method getSize
+     * @return {Object} size provider object
+     */
+    StateModifier.prototype.getSize = function getSize() {
+        return this._hasSize ? this._sizeState.get() : null;
+    };
+
+    /**
+     * Return render spec for this StateModifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this StateModifier, including the
+     *    provided target
+     */
+    StateModifier.prototype.modify = function modify(target) {
+        return this._modifier.modify(target);
+    };
+
+    module.exports = StateModifier;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Vector',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Three-element floating point vector.
+     *
+     * @class Vector
+     * @constructor
+     *
+     * @param {number} x x element value
+     * @param {number} y y element value
+     * @param {number} z z element value
+     */
+    function Vector(x,y,z) {
+        if (arguments.length === 1) this.set(x);
+        else {
+            this.x = x || 0;
+            this.y = y || 0;
+            this.z = z || 0;
+        }
+        return this;
+    }
+
+    var _register = new Vector(0,0,0);
+
+    /**
+     * Add this element-wise to another Vector, element-wise.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method add
+     * @param {Vector} v addend
+     * @return {Vector} vector sum
+     */
+    Vector.prototype.add = function add(v) {
+        return _setXYZ.call(_register,
+            this.x + v.x,
+            this.y + v.y,
+            this.z + v.z
+        );
+    };
+
+    /**
+     * Subtract another vector from this vector, element-wise.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method sub
+     * @param {Vector} v subtrahend
+     * @return {Vector} vector difference
+     */
+    Vector.prototype.sub = function sub(v) {
+        return _setXYZ.call(_register,
+            this.x - v.x,
+            this.y - v.y,
+            this.z - v.z
+        );
+    };
+
+    /**
+     * Scale Vector by floating point r.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method mult
+     *
+     * @param {number} r scalar
+     * @return {Vector} vector result
+     */
+    Vector.prototype.mult = function mult(r) {
+        return _setXYZ.call(_register,
+            r * this.x,
+            r * this.y,
+            r * this.z
+        );
+    };
+
+    /**
+     * Scale Vector by floating point 1/r.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method div
+     *
+     * @param {number} r scalar
+     * @return {Vector} vector result
+     */
+    Vector.prototype.div = function div(r) {
+        return this.mult(1 / r);
+    };
+
+    /**
+     * Given another vector v, return cross product (v)x(this).
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method cross
+     * @param {Vector} v Left Hand Vector
+     * @return {Vector} vector result
+     */
+    Vector.prototype.cross = function cross(v) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+        var vx = v.x;
+        var vy = v.y;
+        var vz = v.z;
+
+        return _setXYZ.call(_register,
+            z * vy - y * vz,
+            x * vz - z * vx,
+            y * vx - x * vy
+        );
+    };
+
+    /**
+     * Component-wise equality test between this and Vector v.
+     * @method equals
+     * @param {Vector} v vector to compare
+     * @return {boolean}
+     */
+    Vector.prototype.equals = function equals(v) {
+        return (v.x === this.x && v.y === this.y && v.z === this.z);
+    };
+
+    /**
+     * Rotate clockwise around x-axis by theta radians.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method rotateX
+     * @param {number} theta radians
+     * @return {Vector} rotated vector
+     */
+    Vector.prototype.rotateX = function rotateX(theta) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+
+        return _setXYZ.call(_register,
+            x,
+            y * cosTheta - z * sinTheta,
+            y * sinTheta + z * cosTheta
+        );
+    };
+
+    /**
+     * Rotate clockwise around y-axis by theta radians.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method rotateY
+     * @param {number} theta radians
+     * @return {Vector} rotated vector
+     */
+    Vector.prototype.rotateY = function rotateY(theta) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+
+        return _setXYZ.call(_register,
+            z * sinTheta + x * cosTheta,
+            y,
+            z * cosTheta - x * sinTheta
+        );
+    };
+
+    /**
+     * Rotate clockwise around z-axis by theta radians.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method rotateZ
+     * @param {number} theta radians
+     * @return {Vector} rotated vector
+     */
+    Vector.prototype.rotateZ = function rotateZ(theta) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+
+        return _setXYZ.call(_register,
+            x * cosTheta - y * sinTheta,
+            x * sinTheta + y * cosTheta,
+            z
+        );
+    };
+
+    /**
+     * Return dot product of this with a second Vector
+     * @method dot
+     * @param {Vector} v second vector
+     * @return {number} dot product
+     */
+    Vector.prototype.dot = function dot(v) {
+        return this.x * v.x + this.y * v.y + this.z * v.z;
+    };
+
+    /**
+     * Return squared length of this vector
+     * @method normSquared
+     * @return {number} squared length
+     */
+    Vector.prototype.normSquared = function normSquared() {
+        return this.dot(this);
+    };
+
+    /**
+     * Return length of this vector
+     * @method norm
+     * @return {number} length
+     */
+    Vector.prototype.norm = function norm() {
+        return Math.sqrt(this.normSquared());
+    };
+
+    /**
+     * Scale Vector to specified length.
+     *   If length is less than internal tolerance, set vector to [length, 0, 0].
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method normalize
+     *
+     * @param {number} length target length, default 1.0
+     * @return {Vector}
+     */
+    Vector.prototype.normalize = function normalize(length) {
+        if (arguments.length === 0) length = 1;
+        var norm = this.norm();
+
+        if (norm > 1e-7) return _setFromVector.call(_register, this.mult(length / norm));
+        else return _setXYZ.call(_register, length, 0, 0);
+    };
+
+    /**
+     * Make a separate copy of the Vector.
+     *
+     * @method clone
+     *
+     * @return {Vector}
+     */
+    Vector.prototype.clone = function clone() {
+        return new Vector(this);
+    };
+
+    /**
+     * True if and only if every value is 0 (or falsy)
+     *
+     * @method isZero
+     *
+     * @return {boolean}
+     */
+    Vector.prototype.isZero = function isZero() {
+        return !(this.x || this.y || this.z);
+    };
+
+    function _setXYZ(x,y,z) {
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        return this;
+    }
+
+    function _setFromArray(v) {
+        return _setXYZ.call(this,v[0],v[1],v[2] || 0);
+    }
+
+    function _setFromVector(v) {
+        return _setXYZ.call(this, v.x, v.y, v.z);
+    }
+
+    function _setFromNumber(x) {
+        return _setXYZ.call(this,x,0,0);
+    }
+
+    /**
+     * Set this Vector to the values in the provided Array or Vector.
+     *
+     * @method set
+     * @param {object} v array, Vector, or number
+     * @return {Vector} this
+     */
+    Vector.prototype.set = function set(v) {
+        if (v instanceof Array)    return _setFromArray.call(this, v);
+        if (v instanceof Vector)   return _setFromVector.call(this, v);
+        if (typeof v === 'number') return _setFromNumber.call(this, v);
+    };
+
+    Vector.prototype.setXYZ = function(x,y,z) {
+        return _setXYZ.apply(this, arguments);
+    };
+
+    Vector.prototype.set1D = function(x) {
+        return _setFromNumber.call(this, x);
+    };
+
+    /**
+     * Put result of last internal register calculation in specified output vector.
+     *
+     * @method put
+     * @param {Vector} v destination vector
+     * @return {Vector} destination vector
+     */
+
+    Vector.prototype.put = function put(v) {
+        _setFromVector.call(v, _register);
+    };
+
+    /**
+     * Set this vector to [0,0,0]
+     *
+     * @method clear
+     */
+    Vector.prototype.clear = function clear() {
+        return _setXYZ.call(this,0,0,0);
+    };
+
+    /**
+     * Scale this Vector down to specified "cap" length.
+     *   If Vector shorter than cap, or cap is Infinity, do nothing.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method cap
+     * @return {Vector} capped vector
+     */
+    Vector.prototype.cap = function cap(cap) {
+        if (cap === Infinity) return _setFromVector.call(_register, this);
+        var norm = this.norm();
+        if (norm > cap) return _setFromVector.call(_register, this.mult(cap / norm));
+        else return _setFromVector.call(_register, this);
+    };
+
+    /**
+     * Return projection of this Vector onto another.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method project
+     * @param {Vector} n vector to project upon
+     * @return {Vector} projected vector
+     */
+    Vector.prototype.project = function project(n) {
+        return n.mult(this.dot(n));
+    };
+
+    /**
+     * Reflect this Vector across provided vector.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method reflectAcross
+     * @param {Vector} n vector to reflect across
+     * @return {Vector} reflected vector
+     */
+    Vector.prototype.reflectAcross = function reflectAcross(n) {
+        n.normalize().put(n);
+        return _setFromVector(_register, this.sub(this.project(n).mult(2)));
+    };
+
+    /**
+     * Convert Vector to three-element array.
+     *
+     * @method get
+     * @return {array<number>} three-element array
+     */
+    Vector.prototype.get = function get() {
+        return [this.x, this.y, this.z];
+    };
+
+    Vector.prototype.get1D = function() {
+        return this.x;
+    };
+
+    module.exports = Vector;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Matrix',['require','exports','module','./Vector'],function(require, exports, module) {
+    var Vector = require('./Vector');
+
+    /**
+     * A library for using a 3x3 numerical matrix, represented as a two-level array.
+     *
+     * @class Matrix
+     * @constructor
+     *
+     * @param {Array.Array} values array of rows
+     */
+    function Matrix(values) {
+        this.values = values ||
+            [
+                [1,0,0],
+                [0,1,0],
+                [0,0,1]
+            ];
+
+        return this;
+    }
+
+    var _register = new Matrix();
+    var _vectorRegister = new Vector();
+
+    /**
+     * Return the values in the matrix as an array of numerical row arrays
+     *
+     * @method get
+     *
+     * @return {Array.array} matrix values as array of rows.
+     */
+    Matrix.prototype.get = function get() {
+        return this.values;
+    };
+
+    /**
+     * Set the nested array of rows in the matrix.
+     *
+     * @method set
+     *
+     * @param {Array.array} values matrix values as array of rows.
+     */
+    Matrix.prototype.set = function set(values) {
+        this.values = values;
+    };
+
+    /**
+     * Take this matrix as A, input vector V as a column vector, and return matrix product (A)(V).
+     *   Note: This sets the internal vector register.  Current handles to the vector register
+     *   will see values changed.
+     *
+     * @method vectorMultiply
+     *
+     * @param {Vector} v input vector V
+     * @return {Vector} result of multiplication, as a handle to the internal vector register
+     */
+    Matrix.prototype.vectorMultiply = function vectorMultiply(v) {
+        var M = this.get();
+        var v0 = v.x;
+        var v1 = v.y;
+        var v2 = v.z;
+
+        var M0 = M[0];
+        var M1 = M[1];
+        var M2 = M[2];
+
+        var M00 = M0[0];
+        var M01 = M0[1];
+        var M02 = M0[2];
+        var M10 = M1[0];
+        var M11 = M1[1];
+        var M12 = M1[2];
+        var M20 = M2[0];
+        var M21 = M2[1];
+        var M22 = M2[2];
+
+        return _vectorRegister.setXYZ(
+            M00*v0 + M01*v1 + M02*v2,
+            M10*v0 + M11*v1 + M12*v2,
+            M20*v0 + M21*v1 + M22*v2
+        );
+    };
+
+    /**
+     * Multiply the provided matrix M2 with this matrix.  Result is (this) * (M2).
+     *   Note: This sets the internal matrix register.  Current handles to the register
+     *   will see values changed.
+     *
+     * @method multiply
+     *
+     * @param {Matrix} M2 input matrix to multiply on the right
+     * @return {Matrix} result of multiplication, as a handle to the internal register
+     */
+    Matrix.prototype.multiply = function multiply(M2) {
+        var M1 = this.get();
+        var result = [[]];
+        for (var i = 0; i < 3; i++) {
+            result[i] = [];
+            for (var j = 0; j < 3; j++) {
+                var sum = 0;
+                for (var k = 0; k < 3; k++) {
+                    sum += M1[i][k] * M2[k][j];
+                }
+                result[i][j] = sum;
+            }
+        }
+        return _register.set(result);
+    };
+
+    /**
+     * Creates a Matrix which is the transpose of this matrix.
+     *   Note: This sets the internal matrix register.  Current handles to the register
+     *   will see values changed.
+     *
+     * @method transpose
+     *
+     * @return {Matrix} result of transpose, as a handle to the internal register
+     */
+    Matrix.prototype.transpose = function transpose() {
+        var result = [];
+        var M = this.get();
+        for (var row = 0; row < 3; row++) {
+            for (var col = 0; col < 3; col++) {
+                result[row][col] = M[col][row];
+            }
+        }
+        return _register.set(result);
+    };
+
+    /**
+     * Clones the matrix
+     *
+     * @method clone
+     * @return {Matrix} New copy of the original matrix
+     */
+    Matrix.prototype.clone = function clone() {
+        var values = this.get();
+        var M = [];
+        for (var row = 0; row < 3; row++)
+            M[row] = values[row].slice();
+        return new Matrix(M);
+    };
+
+    module.exports = Matrix;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Quaternion',['require','exports','module','./Matrix'],function(require, exports, module) {
+    var Matrix = require('./Matrix');
+
+    /**
+     * @class Quaternion
+     * @constructor
+     *
+     * @param {Number} w
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} z
+     */
+    function Quaternion(w,x,y,z) {
+        if (arguments.length === 1) this.set(w);
+        else {
+            this.w = (w !== undefined) ? w : 1;  //Angle
+            this.x = (x !== undefined) ? x : 0;  //Axis.x
+            this.y = (y !== undefined) ? y : 0;  //Axis.y
+            this.z = (z !== undefined) ? z : 0;  //Axis.z
+        }
+        return this;
+    }
+
+    var register = new Quaternion(1,0,0,0);
+
+    /**
+     * Doc: TODO
+     * @method add
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.add = function add(q) {
+        return register.setWXYZ(
+            this.w + q.w,
+            this.x + q.x,
+            this.y + q.y,
+            this.z + q.z
+        );
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method sub
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.sub = function sub(q) {
+        return register.setWXYZ(
+            this.w - q.w,
+            this.x - q.x,
+            this.y - q.y,
+            this.z - q.z
+        );
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method scalarDivide
+     * @param {Number} s
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.scalarDivide = function scalarDivide(s) {
+        return this.scalarMultiply(1/s);
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method scalarMultiply
+     * @param {Number} s
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.scalarMultiply = function scalarMultiply(s) {
+        return register.setWXYZ(
+            this.w * s,
+            this.x * s,
+            this.y * s,
+            this.z * s
+        );
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method multiply
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.multiply = function multiply(q) {
+        //left-handed coordinate system multiplication
+        var x1 = this.x;
+        var y1 = this.y;
+        var z1 = this.z;
+        var w1 = this.w;
+        var x2 = q.x;
+        var y2 = q.y;
+        var z2 = q.z;
+        var w2 = q.w || 0;
+
+        return register.setWXYZ(
+            w1*w2 - x1*x2 - y1*y2 - z1*z2,
+            x1*w2 + x2*w1 + y2*z1 - y1*z2,
+            y1*w2 + y2*w1 + x1*z2 - x2*z1,
+            z1*w2 + z2*w1 + x2*y1 - x1*y2
+        );
+    };
+
+    var conj = new Quaternion(1,0,0,0);
+
+    /*
+     * Docs: TODO
+     *
+     * @method rotateVector
+     * @param {Vector} v
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.rotateVector = function rotateVector(v) {
+        conj.set(this.conj());
+        return register.set(this.multiply(v).multiply(conj));
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method inverse
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.inverse = function inverse() {
+        return register.set(this.conj().scalarDivide(this.normSquared()));
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method negate
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.negate = function negate() {
+        return this.scalarMultiply(-1);
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method conj
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.conj = function conj() {
+        return register.setWXYZ(
+             this.w,
+            -this.x,
+            -this.y,
+            -this.z
+        );
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method normalize
+     * @param {Number} length
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.normalize = function normalize(length) {
+        length = (length === undefined) ? 1 : length;
+        return this.scalarDivide(length * this.norm());
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method makeFromAngleAndAxis
+     * @param {Number} angle
+     * @param {Vector} v
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.makeFromAngleAndAxis = function makeFromAngleAndAxis(angle, v) {
+        //left handed quaternion creation: theta -> -theta
+        var n  = v.normalize();
+        var ha = angle*0.5;
+        var s  = -Math.sin(ha);
+        this.x = s*n.x;
+        this.y = s*n.y;
+        this.z = s*n.z;
+        this.w = Math.cos(ha);
+        return this;
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method setWXYZ
+     * @param {Number} w
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} z
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.setWXYZ = function setWXYZ(w,x,y,z) {
+        register.clear();
+        this.w = w;
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        return this;
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method set
+     * @param {Array|Quaternion} v
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.set = function set(v) {
+        if (v instanceof Array) {
+            this.w = v[0];
+            this.x = v[1];
+            this.y = v[2];
+            this.z = v[3];
+        }
+        else {
+            this.w = v.w;
+            this.x = v.x;
+            this.y = v.y;
+            this.z = v.z;
+        }
+        if (this !== register) register.clear();
+        return this;
+    };
+
+    /**
+     * Docs: TODO
+     *
+     * @method put
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.put = function put(q) {
+        q.set(register);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method clone
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.clone = function clone() {
+        return new Quaternion(this);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method clear
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.clear = function clear() {
+        this.w = 1;
+        this.x = 0;
+        this.y = 0;
+        this.z = 0;
+        return this;
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method isEqual
+     * @param {Quaternion} q
+     * @return {Boolean}
+     */
+    Quaternion.prototype.isEqual = function isEqual(q) {
+        return q.w === this.w && q.x === this.x && q.y === this.y && q.z === this.z;
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method dot
+     * @param {Quaternion} q
+     * @return {Number}
+     */
+    Quaternion.prototype.dot = function dot(q) {
+        return this.w * q.w + this.x * q.x + this.y * q.y + this.z * q.z;
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method normSquared
+     * @return {Number}
+     */
+    Quaternion.prototype.normSquared = function normSquared() {
+        return this.dot(this);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method norm
+     * @return {Number}
+     */
+    Quaternion.prototype.norm = function norm() {
+        return Math.sqrt(this.normSquared());
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method isZero
+     * @return {Boolean}
+     */
+    Quaternion.prototype.isZero = function isZero() {
+        return !(this.x || this.y || this.z);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method getTransform
+     * @return {Transform}
+     */
+    Quaternion.prototype.getTransform = function getTransform() {
+        var temp = this.normalize(1);
+        var x = temp.x;
+        var y = temp.y;
+        var z = temp.z;
+        var w = temp.w;
+
+        //LHC system flattened to column major = RHC flattened to row major
+        return [
+            1 - 2*y*y - 2*z*z,
+                2*x*y - 2*z*w,
+                2*x*z + 2*y*w,
+            0,
+                2*x*y + 2*z*w,
+            1 - 2*x*x - 2*z*z,
+                2*y*z - 2*x*w,
+            0,
+                2*x*z - 2*y*w,
+                2*y*z + 2*x*w,
+            1 - 2*x*x - 2*y*y,
+            0,
+            0,
+            0,
+            0,
+            1
+        ];
+    };
+
+    var matrixRegister = new Matrix();
+
+    /**
+     * Doc: TODO
+     *
+     * @method getMatrix
+     * @return {Transform}
+     */
+    Quaternion.prototype.getMatrix = function getMatrix() {
+        var temp = this.normalize(1);
+        var x = temp.x;
+        var y = temp.y;
+        var z = temp.z;
+        var w = temp.w;
+
+        //LHC system flattened to row major
+        return matrixRegister.set([
+            [
+                1 - 2*y*y - 2*z*z,
+                    2*x*y + 2*z*w,
+                    2*x*z - 2*y*w
+            ],
+            [
+                    2*x*y - 2*z*w,
+                1 - 2*x*x - 2*z*z,
+                    2*y*z + 2*x*w
+            ],
+            [
+                    2*x*z + 2*y*w,
+                    2*y*z - 2*x*w,
+                1 - 2*x*x - 2*y*y
+            ]
+        ]);
+    };
+
+    var epsilon = 1e-5;
+
+    /**
+     * Doc: TODO
+     *
+     * @method slerp
+     * @param {Quaternion} q
+     * @param {Number} t
+     * @return {Transform}
+     */
+    Quaternion.prototype.slerp = function slerp(q, t) {
+        var omega;
+        var cosomega;
+        var sinomega;
+        var scaleFrom;
+        var scaleTo;
+
+        cosomega = this.dot(q);
+        if ((1.0 - cosomega) > epsilon) {
+            omega       = Math.acos(cosomega);
+            sinomega    = Math.sin(omega);
+            scaleFrom   = Math.sin((1.0 - t) * omega) / sinomega;
+            scaleTo     = Math.sin(t * omega) / sinomega;
+        }
+        else {
+            scaleFrom   = 1.0 - t;
+            scaleTo     = t;
+        }
+        return register.set(this.scalarMultiply(scaleFrom/scaleTo).add(q).multiply(scaleTo));
+    };
+
+    module.exports = Quaternion;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Random',['require','exports','module'],function(require, exports, module) {
+
+    var RAND = Math.random;
+
+    function _randomFloat(min,max) {
+        return min + RAND() * (max - min);
+    }
+
+    function _randomInteger(min,max) {
+        return (min + RAND() * (max - min + 1)) >> 0;
+    }
+
+    /**
+     * Very simple uniform random number generator library wrapping Math.random().
+     *
+     * @class Random
+     * @static
+     */
+    var Random = {};
+
+    /**
+     * Get single random integer between min and max (inclusive), or array
+     *   of size dim if specified.
+     *
+     * @method integer
+     *
+     * @param {Number} min lower bound, default 0
+     * @param {Number} max upper bound, default 1
+     * @param {Number} dim (optional) dimension of output array, if specified
+     * @return {number | array<number>} random integer, or optionally, an array of random integers
+     */
+    Random.integer = function integer(min,max,dim) {
+        min = (min !== undefined) ? min : 0;
+        max = (max !== undefined) ? max : 1;
+        if (dim !== undefined) {
+            var result = [];
+            for (var i = 0; i < dim; i++) result.push(_randomInteger(min,max));
+            return result;
+        }
+        else return _randomInteger(min,max);
+    };
+
+    /**
+     * Get single random float between min and max (inclusive), or array
+     *   of size dim if specified
+     *
+     * @method range
+     *
+     * @param {Number} min lower bound, default 0
+     * @param {Number} max upper bound, default 1
+     * @param {Number} [dim] dimension of output array, if specified
+     * @return {Number} random float, or optionally an array
+     */
+    Random.range = function range(min,max,dim) {
+        min = (min !== undefined) ? min : 0;
+        max = (max !== undefined) ? max : 1;
+        if (dim !== undefined) {
+            var result = [];
+            for (var i = 0; i < dim; i++) result.push(_randomFloat(min,max));
+            return result;
+        }
+        else return _randomFloat(min,max);
+    };
+
+    /**
+     * Return random number among the set {-1 ,1}
+     *
+     * @method sign
+     *
+     * @param {Number} prob probability of returning 1, default 0.5
+     * @return {Number} random sign (-1 or 1)
+     */
+    Random.sign = function sign(prob) {
+        prob = (prob !== undefined) ? prob : 0.5;
+        return (RAND() < prob) ? 1 : -1;
+    };
+
+    /**
+     * Return random boolean value, true or false.
+     *
+     * @method bool
+     *
+     * @param {Number} prob probability of returning true, default 0.5
+     * @return {Boolean} random boolean
+     */
+    Random.bool = function bool(prob) {
+        prob = (prob !== undefined) ? prob : 0.5;
+        return RAND() < prob;
+    };
+
+    module.exports = Random;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/events/EventArbiter',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * A switch which wraps several event destinations and
+     *  redirects received events to at most one of them.
+     *  Setting the 'mode' of the object dictates which one
+     *  of these destinations will receive events.
+     *
+     * @class EventArbiter
+     * @constructor
+     *
+     * @param {Number | string} startMode initial setting of switch,
+     */
+    function EventArbiter(startMode) {
+        this.dispatchers = {};
+        this.currMode = undefined;
+        this.setMode(startMode);
+    }
+
+    /**
+     * Set switch to this mode, passing events to the corresponding
+     *   EventHandler.  If mode has changed, emits 'change' event,
+     *   emits 'unpipe' event to the old mode's handler, and emits 'pipe'
+     *   event to the new mode's handler.
+     *
+     * @method setMode
+     *
+     * @param {string | number} mode indicating which event handler to send to.
+     */
+    EventArbiter.prototype.setMode = function setMode(mode) {
+        if (mode !== this.currMode) {
+            var startMode = this.currMode;
+
+            if (this.dispatchers[this.currMode]) this.dispatchers[this.currMode].trigger('unpipe');
+            this.currMode = mode;
+            if (this.dispatchers[mode]) this.dispatchers[mode].emit('pipe');
+            this.emit('change', {from: startMode, to: mode});
+        }
+    };
+
+    /**
+     * Return the existing EventHandler corresponding to this
+     *   mode, creating one if it doesn't exist.
+     *
+     * @method forMode
+     *
+     * @param {string | number} mode mode to which this eventHandler corresponds
+     *
+     * @return {EventHandler} eventHandler corresponding to this mode
+     */
+    EventArbiter.prototype.forMode = function forMode(mode) {
+        if (!this.dispatchers[mode]) this.dispatchers[mode] = new EventHandler();
+        return this.dispatchers[mode];
+    };
+
+    /**
+     * Trigger an event, sending to currently selected handler, if
+     *   it is listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} eventType event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    EventArbiter.prototype.emit = function emit(eventType, event) {
+        if (this.currMode === undefined) return false;
+        if (!event) event = {};
+        var dispatcher = this.dispatchers[this.currMode];
+        if (dispatcher) return dispatcher.trigger(eventType, event);
+    };
+
+    module.exports = EventArbiter;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/events/EventFilter',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * EventFilter regulates the broadcasting of events based on
+     *  a specified condition function of standard event type: function(type, data).
+     *
+     * @class EventFilter
+     * @constructor
+     *
+     * @param {function} condition function to determine whether or not
+     *    events are emitted.
+     */
+    function EventFilter(condition) {
+        EventHandler.call(this);
+        this._condition = condition;
+    }
+    EventFilter.prototype = Object.create(EventHandler.prototype);
+    EventFilter.prototype.constructor = EventFilter;
+
+    /**
+     * If filter condition is met, trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} data event data
+     * @return {EventHandler} this
+     */
+    EventFilter.prototype.emit = function emit(type, data) {
+        if (this._condition(type, data))
+            return EventHandler.prototype.emit.apply(this, arguments);
+    };
+
+    /**
+     * An alias of emit. Trigger determines whether to send
+     *  events based on the return value of it's condition function
+     *  when passed the event type and associated data.
+     *
+     * @method trigger
+     * @param {string} type name of the event
+     * @param {object} data associated data
+     */
+    EventFilter.prototype.trigger = EventFilter.prototype.emit;
+
+    module.exports = EventFilter;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/events/EventMapper',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * EventMapper routes events to various event destinations
+     *  based on custom logic.  The function signature is arbitrary.
+     *
+     * @class EventMapper
+     * @constructor
+     *
+     * @param {function} mappingFunction function to determine where
+     *  events are routed to.
+     */
+    function EventMapper(mappingFunction) {
+        EventHandler.call(this);
+        this._mappingFunction = mappingFunction;
+    }
+    EventMapper.prototype = Object.create(EventHandler.prototype);
+    EventMapper.prototype.constructor = EventMapper;
+
+    EventMapper.prototype.subscribe = null;
+    EventMapper.prototype.unsubscribe = null;
+
+    /**
+     * Trigger an event, sending to all mapped downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} data event data
+     * @return {EventHandler} this
+     */
+    EventMapper.prototype.emit = function emit(type, data) {
+        var target = this._mappingFunction.apply(this, arguments);
+        if (target && (target.emit instanceof Function)) target.emit(type, data);
+    };
+
+    /**
+     * Alias of emit.
+     * @method trigger
+     */
+    EventMapper.prototype.trigger = EventMapper.prototype.emit;
+
+    module.exports = EventMapper;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+define('famous/physics/PhysicsEngine',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * The Physics Engine is responsible for mediating Bodies and their
+     * interaction with forces and constraints. The Physics Engine handles the
+     * logic of adding and removing bodies, updating their state of the over
+     * time.
+     *
+     * @class PhysicsEngine
+     * @constructor
+     * @param options {Object} options
+     */
+    function PhysicsEngine(options) {
+        this.options = Object.create(PhysicsEngine.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._particles      = [];   //list of managed particles
+        this._bodies         = [];   //list of managed bodies
+        this._agents         = {};   //hash of managed agents
+        this._forces         = [];   //list of IDs of agents that are forces
+        this._constraints    = [];   //list of IDs of agents that are constraints
+
+        this._buffer         = 0.0;
+        this._prevTime       = now();
+        this._isSleeping     = false;
+        this._eventHandler   = null;
+        this._currAgentId    = 0;
+        this._hasBodies      = false;
+    }
+
+    var TIMESTEP = 17;
+    var MIN_TIME_STEP = 1000 / 120;
+    var MAX_TIME_STEP = 17;
+
+    /**
+     * @property PhysicsEngine.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    PhysicsEngine.DEFAULT_OPTIONS = {
+
+        /**
+         * The number of iterations the engine takes to resolve constraints
+         * @attribute constraintSteps
+         * @type Number
+         */
+        constraintSteps : 1,
+
+        /**
+         * The energy threshold before the Engine stops updating
+         * @attribute sleepTolerance
+         * @type Number
+         */
+        sleepTolerance  : 1e-7
+    };
+
+    var now = (function() {
+        return Date.now;
+    })();
+
+    /**
+     * Options setter
+     * @method setOptions
+     * @param options {Object}
+     */
+    PhysicsEngine.prototype.setOptions = function setOptions(opts) {
+        for (var key in opts) if (this.options[key]) this.options[key] = opts[key];
+    };
+
+    /**
+     * Method to add a physics body to the engine. Necessary to update the
+     * body over time.
+     *
+     * @method addBody
+     * @param body {Body}
+     * @return body {Body}
+     */
+    PhysicsEngine.prototype.addBody = function addBody(body) {
+        body._engine = this;
+        if (body.isBody) {
+            this._bodies.push(body);
+            this._hasBodies = true;
+        }
+        else this._particles.push(body);
+        return body;
+    };
+
+    /**
+     * Remove a body from the engine. Detaches body from all forces and
+     * constraints.
+     *
+     * @method removeBody
+     * @param body {Body}
+     */
+    PhysicsEngine.prototype.removeBody = function removeBody(body) {
+        var array = (body.isBody) ? this._bodies : this._particles;
+        var index = array.indexOf(body);
+        if (index > -1) {
+            for (var i = 0; i < Object.keys(this._agents).length; i++) this.detachFrom(i, body);
+            array.splice(index,1);
+        }
+        if (this.getBodies().length === 0) this._hasBodies = false;
+    };
+
+    function _mapAgentArray(agent) {
+        if (agent.applyForce)      return this._forces;
+        if (agent.applyConstraint) return this._constraints;
+    }
+
+    function _attachOne(agent, targets, source) {
+        if (targets === undefined) targets = this.getParticlesAndBodies();
+        if (!(targets instanceof Array)) targets = [targets];
+
+        this._agents[this._currAgentId] = {
+            agent   : agent,
+            targets : targets,
+            source  : source
+        };
+
+        _mapAgentArray.call(this, agent).push(this._currAgentId);
+        return this._currAgentId++;
+    }
+
+    /**
+     * Attaches a force or constraint to a Body. Returns an AgentId of the
+     * attached agent which can be used to detach the agent.
+     *
+     * @method attach
+     * @param agent {Agent|Array.Agent} A force, constraint, or array of them.
+     * @param [targets=All] {Body|Array.Body} The Body or Bodies affected by the agent
+     * @param [source] {Body} The source of the agent
+     * @return AgentId {Number}
+     */
+    PhysicsEngine.prototype.attach = function attach(agents, targets, source) {
+        if (agents instanceof Array) {
+            var agentIDs = [];
+            for (var i = 0; i < agents.length; i++)
+                agentIDs[i] = _attachOne.call(this, agents[i], targets, source);
+            return agentIDs;
+        }
+        else return _attachOne.call(this, agents, targets, source);
+    };
+
+    /**
+     * Append a body to the targets of a previously defined physics agent.
+     *
+     * @method attachTo
+     * @param agentID {AgentId} The agentId of a previously defined agent
+     * @param target {Body} The Body affected by the agent
+     */
+    PhysicsEngine.prototype.attachTo = function attachTo(agentID, target) {
+        _getBoundAgent.call(this, agentID).targets.push(target);
+    };
+
+    /**
+     * Undoes PhysicsEngine.attach. Removes an agent and its associated
+     * effect on its affected Bodies.
+     *
+     * @method detach
+     * @param agentID {AgentId} The agentId of a previously defined agent
+     */
+    PhysicsEngine.prototype.detach = function detach(id) {
+        // detach from forces/constraints array
+        var agent = this.getAgent(id);
+        var agentArray = _mapAgentArray.call(this, agent);
+        var index = agentArray.indexOf(id);
+        agentArray.splice(index,1);
+
+        // detach agents array
+        delete this._agents[id];
+    };
+
+    /**
+     * Remove a single Body from a previously defined agent.
+     *
+     * @method detach
+     * @param agentID {AgentId} The agentId of a previously defined agent
+     * @param target {Body} The body to remove from the agent
+     */
+    PhysicsEngine.prototype.detachFrom = function detachFrom(id, target) {
+        var boundAgent = _getBoundAgent.call(this, id);
+        if (boundAgent.source === target) this.detach(id);
+        else {
+            var targets = boundAgent.targets;
+            var index = targets.indexOf(target);
+            if (index > -1) targets.splice(index,1);
+        }
+    };
+
+    /**
+     * A convenience method to give the Physics Engine a clean slate of
+     * agents. Preserves all added Body objects.
+     *
+     * @method detachAll
+     */
+    PhysicsEngine.prototype.detachAll = function detachAll() {
+        this._agents        = {};
+        this._forces        = [];
+        this._constraints   = [];
+        this._currAgentId   = 0;
+    };
+
+    function _getBoundAgent(id) {
+        return this._agents[id];
+    }
+
+    /**
+     * Returns the corresponding agent given its agentId.
+     *
+     * @method getAgent
+     * @param id {AgentId}
+     */
+    PhysicsEngine.prototype.getAgent = function getAgent(id) {
+        return _getBoundAgent.call(this, id).agent;
+    };
+
+    /**
+     * Returns all particles that are currently managed by the Physics Engine.
+     *
+     * @method getParticles
+     * @return particles {Array.Particles}
+     */
+    PhysicsEngine.prototype.getParticles = function getParticles() {
+        return this._particles;
+    };
+
+    /**
+     * Returns all bodies, except particles, that are currently managed by the Physics Engine.
+     *
+     * @method getBodies
+     * @return bodies {Array.Bodies}
+     */
+    PhysicsEngine.prototype.getBodies = function getBodies() {
+        return this._bodies;
+    };
+
+    /**
+     * Returns all bodies that are currently managed by the Physics Engine.
+     *
+     * @method getBodies
+     * @return bodies {Array.Bodies}
+     */
+    PhysicsEngine.prototype.getParticlesAndBodies = function getParticlesAndBodies() {
+        return this.getParticles().concat(this.getBodies());
+    };
+
+    /**
+     * Iterates over every Particle and applies a function whose first
+     * argument is the Particle
+     *
+     * @method forEachParticle
+     * @param fn {Function} Function to iterate over
+     * @param [dt] {Number} Delta time
+     */
+    PhysicsEngine.prototype.forEachParticle = function forEachParticle(fn, dt) {
+        var particles = this.getParticles();
+        for (var index = 0, len = particles.length; index < len; index++)
+            fn.call(this, particles[index], dt);
+    };
+
+    /**
+     * Iterates over every Body that isn't a Particle and applies
+     * a function whose first argument is the Body
+     *
+     * @method forEachBody
+     * @param fn {Function} Function to iterate over
+     * @param [dt] {Number} Delta time
+     */
+    PhysicsEngine.prototype.forEachBody = function forEachBody(fn, dt) {
+        if (!this._hasBodies) return;
+        var bodies = this.getBodies();
+        for (var index = 0, len = bodies.length; index < len; index++)
+            fn.call(this, bodies[index], dt);
+    };
+
+    /**
+     * Iterates over every Body and applies a function whose first
+     * argument is the Body
+     *
+     * @method forEach
+     * @param fn {Function} Function to iterate over
+     * @param [dt] {Number} Delta time
+     */
+    PhysicsEngine.prototype.forEach = function forEach(fn, dt) {
+        this.forEachParticle(fn, dt);
+        this.forEachBody(fn, dt);
+    };
+
+    function _updateForce(index) {
+        var boundAgent = _getBoundAgent.call(this, this._forces[index]);
+        boundAgent.agent.applyForce(boundAgent.targets, boundAgent.source);
+    }
+
+    function _updateForces() {
+        for (var index = this._forces.length - 1; index > -1; index--)
+            _updateForce.call(this, index);
+    }
+
+    function _updateConstraint(index, dt) {
+        var boundAgent = this._agents[this._constraints[index]];
+        return boundAgent.agent.applyConstraint(boundAgent.targets, boundAgent.source, dt);
+    }
+
+    function _updateConstraints(dt) {
+        var iteration = 0;
+        while (iteration < this.options.constraintSteps) {
+            for (var index = this._constraints.length - 1; index > -1; index--)
+                _updateConstraint.call(this, index, dt);
+            iteration++;
+        }
+    }
+
+    function _updateVelocities(particle, dt) {
+        particle.integrateVelocity(dt);
+    }
+
+    function _updateAngularVelocities(body, dt) {
+        body.integrateAngularMomentum(dt);
+        body.updateAngularVelocity();
+    }
+
+    function _updateOrientations(body, dt) {
+        body.integrateOrientation(dt);
+    }
+
+    function _updatePositions(particle, dt) {
+        particle.integratePosition(dt);
+        particle.emit('update', particle);
+    }
+
+    function _integrate(dt) {
+        _updateForces.call(this, dt);
+        this.forEach(_updateVelocities, dt);
+        this.forEachBody(_updateAngularVelocities, dt);
+        _updateConstraints.call(this, dt);
+        this.forEachBody(_updateOrientations, dt);
+        this.forEach(_updatePositions, dt);
+    }
+
+    function _getEnergyParticles() {
+        var energy = 0.0;
+        var particleEnergy = 0.0;
+        this.forEach(function(particle) {
+            particleEnergy = particle.getEnergy();
+            energy += particleEnergy;
+            if (particleEnergy < particle.sleepTolerance) particle.sleep();
+        });
+        return energy;
+    }
+
+    function _getEnergyForces() {
+        var energy = 0;
+        for (var index = this._forces.length - 1; index > -1; index--)
+            energy += this._forces[index].getEnergy() || 0.0;
+        return energy;
+    }
+
+    function _getEnergyConstraints() {
+        var energy = 0;
+        for (var index = this._constraints.length - 1; index > -1; index--)
+            energy += this._constraints[index].getEnergy() || 0.0;
+        return energy;
+    }
+
+    /**
+     * Calculates the kinetic energy of all Body objects and potential energy
+     * of all attached agents.
+     *
+     * TODO: implement.
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    PhysicsEngine.prototype.getEnergy = function getEnergy() {
+        return _getEnergyParticles.call(this) + _getEnergyForces.call(this) + _getEnergyConstraints.call(this);
+    };
+
+    /**
+     * Updates all Body objects managed by the physics engine over the
+     * time duration since the last time step was called.
+     *
+     * @method step
+     */
+    PhysicsEngine.prototype.step = function step() {
+//        if (this.getEnergy() < this.options.sleepTolerance) {
+//            this.sleep();
+//            return;
+//        };
+
+        //set current frame's time
+        var currTime = now();
+
+        //milliseconds elapsed since last frame
+        var dtFrame = currTime - this._prevTime;
+
+        this._prevTime = currTime;
+
+        if (dtFrame < MIN_TIME_STEP) return;
+        if (dtFrame > MAX_TIME_STEP) dtFrame = MAX_TIME_STEP;
+
+        //robust integration
+//        this._buffer += dtFrame;
+//        while (this._buffer > this._timestep){
+//            _integrate.call(this, this._timestep);
+//            this._buffer -= this._timestep;
+//        };
+//        _integrate.call(this, this._buffer);
+//        this._buffer = 0.0;
+        _integrate.call(this, TIMESTEP);
+
+//        this.emit('update', this);
+    };
+
+    /**
+     * Tells whether the Physics Engine is sleeping or awake.
+     * @method isSleeping
+     * @return {Boolean}
+     */
+    PhysicsEngine.prototype.isSleeping = function isSleeping() {
+        return this._isSleeping;
+    };
+
+    /**
+     * Stops the Physics Engine from updating. Emits an 'end' event.
+     * @method sleep
+     */
+    PhysicsEngine.prototype.sleep = function sleep() {
+        this.emit('end', this);
+        this._isSleeping = true;
+    };
+
+    /**
+     * Starts the Physics Engine from updating. Emits an 'start' event.
+     * @method wake
+     */
+    PhysicsEngine.prototype.wake = function wake() {
+        this._prevTime = now();
+        this.emit('start', this);
+        this._isSleeping = false;
+    };
+
+    PhysicsEngine.prototype.emit = function emit(type, data) {
+        if (this._eventHandler === null) return;
+        this._eventHandler.emit(type, data);
+    };
+
+    PhysicsEngine.prototype.on = function on(event, fn) {
+        if (this._eventHandler === null) this._eventHandler = new EventHandler();
+        this._eventHandler.on(event, fn);
+    };
+
+    module.exports = PhysicsEngine;
+});
+
+define('famous/inputs/Accumulator',['require','exports','module','famous/core/EventHandler','famous/transitions/Transitionable'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+    var Transitionable = require('famous/transitions/Transitionable');
+
+    /**
+     * Accumulates differentials of event sources that emit a `delta`
+     *  attribute taking a Number or Array of Number types. The accumulated
+     *  value is stored in a getter/setter.
+     *
+     * @class Accumulator
+     * @constructor
+     * @param value {Number|Array|Transitionable}   Initializing value
+     * @param [eventName='update'] {String}         Name of update event
+     */
+    function Accumulator(value, eventName) {
+        if (eventName === undefined) eventName = 'update';
+
+        this._state = (value && value.get && value.set)
+            ? value
+            : new Transitionable(value || 0);
+
+        this._eventInput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+
+        this._eventInput.on(eventName, _handleUpdate.bind(this));
+    }
+
+    function _handleUpdate(data) {
+        var delta = data.delta;
+        var state = this.get();
+
+        if (delta.constructor === state.constructor){
+            var newState = (delta instanceof Array)
+                ? [state[0] + delta[0], state[1] + delta[1]]
+                : state + delta;
+            this.set(newState);
+        }
+    }
+
+    /**
+     * Basic getter
+     *
+     * @method get
+     * @return {Number|Array} current value
+     */
+    Accumulator.prototype.get = function get() {
+        return this._state.get();
+    };
+
+    /**
+     * Basic setter
+     *
+     * @method set
+     * @param value {Number|Array} new value
+     */
+    Accumulator.prototype.set = function set(value) {
+        this._state.set(value);
+    };
+
+    module.exports = Accumulator;
+});
+
+define('famous/inputs/DesktopEmulationMode',['require','exports','module'],function(require, exports, module) {
+    var hasTouch = 'ontouchstart' in window;
+
+    function kill(type) {
+        window.addEventListener(type, function(event) {
+            event.stopPropagation();
+            return false;
+        }, true);
+    }
+
+    if (hasTouch) {
+        kill('mousedown');
+        kill('mousemove');
+        kill('mouseup');
+        kill('mouseleave');
+    }
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/FastClick',['require','exports','module'],function(require, exports, module) {
+    /**
+     * FastClick is an override shim which maps event pairs of
+     *   'touchstart' and 'touchend' which differ by less than a certain
+     *   threshold to the 'click' event.
+     *   This is used to speed up clicks on some browsers.
+     */
+    if (!window.CustomEvent) return;
+    var clickThreshold = 300;
+    var clickWindow = 500;
+    var potentialClicks = {};
+    var recentlyDispatched = {};
+    var _now = Date.now;
+
+    window.addEventListener('touchstart', function(event) {
+        var timestamp = _now();
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            potentialClicks[touch.identifier] = timestamp;
+        }
+    });
+
+    window.addEventListener('touchmove', function(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            delete potentialClicks[touch.identifier];
+        }
+    });
+
+    window.addEventListener('touchend', function(event) {
+        var currTime = _now();
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var startTime = potentialClicks[touch.identifier];
+            if (startTime && currTime - startTime < clickThreshold) {
+                var clickEvt = new window.CustomEvent('click', {
+                    'bubbles': true,
+                    'details': touch
+                });
+                recentlyDispatched[currTime] = event;
+                event.target.dispatchEvent(clickEvt);
+            }
+            delete potentialClicks[touch.identifier];
+        }
+    });
+
+    window.addEventListener('click', function(event) {
+        var currTime = _now();
+        for (var i in recentlyDispatched) {
+            var previousEvent = recentlyDispatched[i];
+            if (currTime - i < clickWindow) {
+                if (event instanceof window.MouseEvent && event.target === previousEvent.target) event.stopPropagation();
+            }
+            else delete recentlyDispatched[i];
+        }
+    }, true);
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/TwoFingerSync',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Helper to PinchSync, RotateSync, and ScaleSync.  Generalized handling of
+     *   two-finger touch events.
+     *   This class is meant to be overridden and not used directly.
+     *
+     * @class TwoFingerSync
+     * @constructor
+     */
+    function TwoFingerSync() {
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this.touchAEnabled = false;
+        this.touchAId = 0;
+        this.posA = null;
+        this.timestampA = 0;
+        this.touchBEnabled = false;
+        this.touchBId = 0;
+        this.posB = null;
+        this.timestampB = 0;
+
+        this._eventInput.on('touchstart', this.handleStart.bind(this));
+        this._eventInput.on('touchmove', this.handleMove.bind(this));
+        this._eventInput.on('touchend', this.handleEnd.bind(this));
+        this._eventInput.on('touchcancel', this.handleEnd.bind(this));
+    }
+
+    TwoFingerSync.calculateAngle = function(posA, posB) {
+        var diffX = posB[0] - posA[0];
+        var diffY = posB[1] - posA[1];
+        return Math.atan2(diffY, diffX);
+    };
+
+    TwoFingerSync.calculateDistance = function(posA, posB) {
+        var diffX = posB[0] - posA[0];
+        var diffY = posB[1] - posA[1];
+        return Math.sqrt(diffX * diffX + diffY * diffY);
+    };
+
+    TwoFingerSync.calculateCenter = function(posA, posB) {
+        return [(posA[0] + posB[0]) / 2.0, (posA[1] + posB[1]) / 2.0];
+    };
+
+    var _now = Date.now;
+
+    // private
+    TwoFingerSync.prototype.handleStart = function handleStart(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            if (!this.touchAEnabled) {
+                this.touchAId = touch.identifier;
+                this.touchAEnabled = true;
+                this.posA = [touch.pageX, touch.pageY];
+                this.timestampA = _now();
+            }
+            else if (!this.touchBEnabled) {
+                this.touchBId = touch.identifier;
+                this.touchBEnabled = true;
+                this.posB = [touch.pageX, touch.pageY];
+                this.timestampB = _now();
+                this._startUpdate(event);
+            }
+        }
+    };
+
+    // private
+    TwoFingerSync.prototype.handleMove = function handleMove(event) {
+        if (!(this.touchAEnabled && this.touchBEnabled)) return;
+        var prevTimeA = this.timestampA;
+        var prevTimeB = this.timestampB;
+        var diffTime;
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            if (touch.identifier === this.touchAId) {
+                this.posA = [touch.pageX, touch.pageY];
+                this.timestampA = _now();
+                diffTime = this.timestampA - prevTimeA;
+            }
+            else if (touch.identifier === this.touchBId) {
+                this.posB = [touch.pageX, touch.pageY];
+                this.timestampB = _now();
+                diffTime = this.timestampB - prevTimeB;
+            }
+        }
+        if (diffTime) this._moveUpdate(diffTime);
+    };
+
+    // private
+    TwoFingerSync.prototype.handleEnd = function handleEnd(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            if (touch.identifier === this.touchAId || touch.identifier === this.touchBId) {
+                if (this.touchAEnabled && this.touchBEnabled) {
+                    this._eventOutput.emit('end', {
+                        touches : [this.touchAId, this.touchBId],
+                        angle   : this._angle
+                    });
+                }
+                this.touchAEnabled = false;
+                this.touchAId = 0;
+                this.touchBEnabled = false;
+                this.touchBId = 0;
+            }
+        }
+    };
+
+    module.exports = TwoFingerSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/PinchSync',['require','exports','module','./TwoFingerSync'],function(require, exports, module) {
+    var TwoFingerSync = require('./TwoFingerSync');
+
+    /**
+     * Handles piped in two-finger touch events to change position via pinching / expanding.
+     *   Emits 'start', 'update' and 'end' events with
+     *   position, velocity, touch ids, and distance between fingers.
+     *
+     * @class PinchSync
+     * @extends TwoFingerSync
+     * @constructor
+     * @param {Object} options default options overrides
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    function PinchSync(options) {
+        TwoFingerSync.call(this);
+
+        this.options = Object.create(PinchSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._displacement = 0;
+        this._previousDistance = 0;
+    }
+
+    PinchSync.prototype = Object.create(TwoFingerSync.prototype);
+    PinchSync.prototype.constructor = PinchSync;
+
+    PinchSync.DEFAULT_OPTIONS = {
+        scale : 1
+    };
+
+    PinchSync.prototype._startUpdate = function _startUpdate(event) {
+        this._previousDistance = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        this._displacement = 0;
+
+        this._eventOutput.emit('start', {
+            count: event.touches.length,
+            touches: [this.touchAId, this.touchBId],
+            distance: this._dist,
+            center: TwoFingerSync.calculateCenter(this.posA, this.posB)
+        });
+    };
+
+    PinchSync.prototype._moveUpdate = function _moveUpdate(diffTime) {
+        var currDist = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+
+        var scale = this.options.scale;
+        var delta = scale * (currDist - this._previousDistance);
+        var velocity = delta / diffTime;
+
+        this._previousDistance = currDist;
+        this._displacement += delta;
+
+        this._eventOutput.emit('update', {
+            delta : delta,
+            velocity: velocity,
+            distance: currDist,
+            displacement: this._displacement,
+            center: center,
+            touches: [this.touchAId, this.touchBId]
+        });
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    PinchSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    PinchSync.prototype.setOptions = function setOptions(options) {
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    module.exports = PinchSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/RotateSync',['require','exports','module','./TwoFingerSync'],function(require, exports, module) {
+    var TwoFingerSync = require('./TwoFingerSync');
+
+    /**
+     * Handles piped in two-finger touch events to increase or decrease scale via pinching / expanding.
+     *   Emits 'start', 'update' and 'end' events an object with position, velocity, touch ids, and angle.
+     *   Useful for determining a rotation factor from initial two-finger touch.
+     *
+     * @class RotateSync
+     * @extends TwoFingerSync
+     * @constructor
+     * @param {Object} options default options overrides
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    function RotateSync(options) {
+        TwoFingerSync.call(this);
+
+        this.options = Object.create(RotateSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._angle = 0;
+        this._previousAngle = 0;
+    }
+
+    RotateSync.prototype = Object.create(TwoFingerSync.prototype);
+    RotateSync.prototype.constructor = RotateSync;
+
+    RotateSync.DEFAULT_OPTIONS = {
+        scale : 1
+    };
+
+    RotateSync.prototype._startUpdate = function _startUpdate(event) {
+        this._angle = 0;
+        this._previousAngle = TwoFingerSync.calculateAngle(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+        this._eventOutput.emit('start', {
+            count: event.touches.length,
+            angle: this._angle,
+            center: center,
+            touches: [this.touchAId, this.touchBId]
+        });
+    };
+
+    RotateSync.prototype._moveUpdate = function _moveUpdate(diffTime) {
+        var scale = this.options.scale;
+
+        var currAngle = TwoFingerSync.calculateAngle(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+
+        var diffTheta = scale * (currAngle - this._previousAngle);
+        var velTheta = diffTheta / diffTime;
+
+        this._angle += diffTheta;
+
+        this._eventOutput.emit('update', {
+            delta : diffTheta,
+            velocity: velTheta,
+            angle: this._angle,
+            center: center,
+            touches: [this.touchAId, this.touchBId]
+        });
+
+        this._previousAngle = currAngle;
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    RotateSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    RotateSync.prototype.setOptions = function setOptions(options) {
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    module.exports = RotateSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/ScaleSync',['require','exports','module','./TwoFingerSync'],function(require, exports, module) {
+    var TwoFingerSync = require('./TwoFingerSync');
+
+    /**
+     * Handles piped in two-finger touch events to increase or decrease scale via pinching / expanding.
+     *   Emits 'start', 'update' and 'end' events an object with position, velocity, touch ids, distance, and scale factor.
+     *   Useful for determining a scaling factor from initial two-finger touch.
+     *
+     * @class ScaleSync
+     * @extends TwoFingerSync
+     * @constructor
+     * @param {Object} options default options overrides
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    function ScaleSync(options) {
+        TwoFingerSync.call(this);
+
+        this.options = Object.create(ScaleSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._scaleFactor = 1;
+        this._startDist = 0;
+        this._eventInput.on('pipe', _reset.bind(this));
+    }
+
+    ScaleSync.prototype = Object.create(TwoFingerSync.prototype);
+    ScaleSync.prototype.constructor = ScaleSync;
+
+    ScaleSync.DEFAULT_OPTIONS = {
+        scale : 1
+    };
+
+    function _reset() {
+        this.touchAId = undefined;
+        this.touchBId = undefined;
+    }
+
+    // handles initial touch of two fingers
+    ScaleSync.prototype._startUpdate = function _startUpdate(event) {
+        this._scaleFactor = 1;
+        this._startDist = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        this._eventOutput.emit('start', {
+            count: event.touches.length,
+            touches: [this.touchAId, this.touchBId],
+            distance: this._startDist,
+            center: TwoFingerSync.calculateCenter(this.posA, this.posB)
+        });
+    };
+
+    // handles movement of two fingers
+    ScaleSync.prototype._moveUpdate = function _moveUpdate(diffTime) {
+        var scale = this.options.scale;
+
+        var currDist = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+
+        var delta = (currDist - this._startDist) / this._startDist;
+        var newScaleFactor = Math.max(1 + scale * delta, 0);
+        var veloScale = (newScaleFactor - this._scaleFactor) / diffTime;
+
+        this._eventOutput.emit('update', {
+            delta : delta,
+            scale: newScaleFactor,
+            velocity: veloScale,
+            distance: currDist,
+            center : center,
+            touches: [this.touchAId, this.touchBId]
+        });
+
+        this._scaleFactor = newScaleFactor;
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    ScaleSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    ScaleSync.prototype.setOptions = function setOptions(options) {
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    module.exports = ScaleSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/ScrollSync',['require','exports','module','famous/core/EventHandler','famous/core/Engine'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+    var Engine = require('famous/core/Engine');
+
+    /**
+     * Handles piped in mousewheel events.
+     *   Emits 'start', 'update', and 'end' events with payloads including:
+     *   delta: change since last position,
+     *   position: accumulated deltas,
+     *   velocity: speed of change in pixels per ms,
+     *   slip: true (unused).
+     *
+     *   Can be used as delegate of GenericSync.
+     *
+     * @class ScrollSync
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.direction] Pay attention to x changes (ScrollSync.DIRECTION_X),
+     *   y changes (ScrollSync.DIRECTION_Y) or both (undefined)
+     * @param {Number} [options.minimumEndSpeed] End speed calculation floors at this number, in pixels per ms
+     * @param {boolean} [options.rails] whether to snap position calculations to nearest axis
+     * @param {Number | Array.Number} [options.scale] scale outputs in by scalar or pair of scalars
+     * @param {Number} [options.stallTime] reset time for velocity calculation in ms
+     */
+    function ScrollSync(options) {
+        this.options = Object.create(ScrollSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._payload = {
+            delta    : null,
+            position : null,
+            velocity : null,
+            slip     : true
+        };
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._position = (this.options.direction === undefined) ? [0,0] : 0;
+        this._prevTime = undefined;
+        this._prevVel = undefined;
+        this._eventInput.on('mousewheel', _handleMove.bind(this));
+        this._eventInput.on('wheel', _handleMove.bind(this));
+        this._inProgress = false;
+        this._loopBound = false;
+    }
+
+    ScrollSync.DEFAULT_OPTIONS = {
+        direction: undefined,
+        minimumEndSpeed: Infinity,
+        rails: false,
+        scale: 1,
+        stallTime: 50,
+        lineHeight: 40
+    };
+
+    ScrollSync.DIRECTION_X = 0;
+    ScrollSync.DIRECTION_Y = 1;
+
+    var MINIMUM_TICK_TIME = 8;
+
+    var _now = Date.now;
+
+    function _newFrame() {
+        if (this._inProgress && (_now() - this._prevTime) > this.options.stallTime) {
+            this._position = (this.options.direction === undefined) ? [0,0] : 0;
+            this._inProgress = false;
+
+            var finalVel = (Math.abs(this._prevVel) >= this.options.minimumEndSpeed)
+                ? this._prevVel
+                : 0;
+
+            var payload = this._payload;
+            payload.position = this._position;
+            payload.velocity = finalVel;
+            payload.slip = true;
+
+            this._eventOutput.emit('end', payload);
+        }
+    }
+
+    function _handleMove(event) {
+        event.preventDefault();
+
+        if (!this._inProgress) {
+            this._inProgress = true;
+
+            payload = this._payload;
+            payload.slip = true;
+            payload.position = this._position;
+            payload.clientX = event.clientX;
+            payload.clientY = event.clientY;
+            payload.offsetX = event.offsetX;
+            payload.offsetY = event.offsetY;
+            this._eventOutput.emit('start', payload);
+            if (!this._loopBound) {
+                Engine.on('prerender', _newFrame.bind(this));
+                this._loopBound = true;
+            }
+        }
+
+        var currTime = _now();
+        var prevTime = this._prevTime || currTime;
+
+        var diffX = (event.wheelDeltaX !== undefined) ? event.wheelDeltaX : -event.deltaX;
+        var diffY = (event.wheelDeltaY !== undefined) ? event.wheelDeltaY : -event.deltaY;
+
+        if (event.deltaMode === 1) { // units in lines, not pixels
+            diffX *= this.options.lineHeight;
+            diffY *= this.options.lineHeight;
+        }
+
+        if (this.options.rails) {
+            if (Math.abs(diffX) > Math.abs(diffY)) diffY = 0;
+            else diffX = 0;
+        }
+
+        var diffTime = Math.max(currTime - prevTime, MINIMUM_TICK_TIME); // minimum tick time
+
+        var velX = diffX / diffTime;
+        var velY = diffY / diffTime;
+
+        var scale = this.options.scale;
+        var nextVel;
+        var nextDelta;
+
+        if (this.options.direction === ScrollSync.DIRECTION_X) {
+            nextDelta = scale * diffX;
+            nextVel = scale * velX;
+            this._position += nextDelta;
+        }
+        else if (this.options.direction === ScrollSync.DIRECTION_Y) {
+            nextDelta = scale * diffY;
+            nextVel = scale * velY;
+            this._position += nextDelta;
+        }
+        else {
+            nextDelta = [scale * diffX, scale * diffY];
+            nextVel = [scale * velX, scale * velY];
+            this._position[0] += nextDelta[0];
+            this._position[1] += nextDelta[1];
+        }
+
+        var payload = this._payload;
+        payload.delta    = nextDelta;
+        payload.velocity = nextVel;
+        payload.position = this._position;
+        payload.slip     = true;
+
+        this._eventOutput.emit('update', payload);
+
+        this._prevTime = currTime;
+        this._prevVel = nextVel;
+    }
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    ScrollSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.minimimEndSpeed] If final velocity smaller than this, round down to 0.
+     * @param {Number} [options.stallTime] ms of non-motion before 'end' emitted
+     * @param {Number} [options.rails] whether to constrain to nearest axis.
+     * @param {Number} [options.direction] ScrollSync.DIRECTION_X, DIRECTION_Y -
+     *    pay attention to one specific direction.
+     * @param {Number} [options.scale] constant factor to scale velocity output
+     */
+    ScrollSync.prototype.setOptions = function setOptions(options) {
+        if (options.direction !== undefined) this.options.direction = options.direction;
+        if (options.minimumEndSpeed !== undefined) this.options.minimumEndSpeed = options.minimumEndSpeed;
+        if (options.rails !== undefined) this.options.rails = options.rails;
+        if (options.scale !== undefined) this.options.scale = options.scale;
+        if (options.stallTime !== undefined) this.options.stallTime = options.stallTime;
+    };
+
+    module.exports = ScrollSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/CachedMap',['require','exports','module'],function(require, exports, module) {
+    /**
+     * A simple in-memory object cache.  Used as a helper for Views with
+     * provider functions.
+     * @class CachedMap
+     * @constructor
+     */
+    function CachedMap(mappingFunction) {
+        this._map = mappingFunction || null;
+        this._cachedOutput = null;
+        this._cachedInput = Number.NaN; //never valid as input
+    }
+
+    /**
+     * Creates a mapping function with a cache.
+     * This is the main entrypoint for this object.
+     * @static
+     * @method create
+     * @param {function} mappingFunction mapping
+     * @return {function} memoized mapping function
+     */
+    CachedMap.create = function create(mappingFunction) {
+        var instance = new CachedMap(mappingFunction);
+        return instance.get.bind(instance);
+    };
+
+    /**
+     * Retrieve items from cache or from mapping functin.
+     *
+     * @method get
+     * @param {Object} input input key
+     */
+    CachedMap.prototype.get = function get(input) {
+        if (input !== this._cachedInput) {
+            this._cachedInput = input;
+            this._cachedOutput = this._map(input);
+        }
+        return this._cachedOutput;
+    };
+
+    module.exports = CachedMap;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/Easing',['require','exports','module'],function(require, exports, module) {
+
+    /*
+     * A library of curves which map an animation explicitly as a function of time.
+     *
+     * @class Easing
+     */
+    var Easing = {
+
+        /**
+         * @property inQuad
+         * @static
+         */
+        inQuad: function(t) {
+            return t*t;
+        },
+
+        /**
+         * @property outQuad
+         * @static
+         */
+        outQuad: function(t) {
+            return -(t-=1)*t+1;
+        },
+
+        /**
+         * @property inOutQuad
+         * @static
+         */
+        inOutQuad: function(t) {
+            if ((t/=.5) < 1) return .5*t*t;
+            return -.5*((--t)*(t-2) - 1);
+        },
+
+        /**
+         * @property inCubic
+         * @static
+         */
+        inCubic: function(t) {
+            return t*t*t;
+        },
+
+        /**
+         * @property outCubic
+         * @static
+         */
+        outCubic: function(t) {
+            return ((--t)*t*t + 1);
+        },
+
+        /**
+         * @property inOutCubic
+         * @static
+         */
+        inOutCubic: function(t) {
+            if ((t/=.5) < 1) return .5*t*t*t;
+            return .5*((t-=2)*t*t + 2);
+        },
+
+        /**
+         * @property inQuart
+         * @static
+         */
+        inQuart: function(t) {
+            return t*t*t*t;
+        },
+
+        /**
+         * @property outQuart
+         * @static
+         */
+        outQuart: function(t) {
+            return -((--t)*t*t*t - 1);
+        },
+
+        /**
+         * @property inOutQuart
+         * @static
+         */
+        inOutQuart: function(t) {
+            if ((t/=.5) < 1) return .5*t*t*t*t;
+            return -.5 * ((t-=2)*t*t*t - 2);
+        },
+
+        /**
+         * @property inQuint
+         * @static
+         */
+        inQuint: function(t) {
+            return t*t*t*t*t;
+        },
+
+        /**
+         * @property outQuint
+         * @static
+         */
+        outQuint: function(t) {
+            return ((--t)*t*t*t*t + 1);
+        },
+
+        /**
+         * @property inOutQuint
+         * @static
+         */
+        inOutQuint: function(t) {
+            if ((t/=.5) < 1) return .5*t*t*t*t*t;
+            return .5*((t-=2)*t*t*t*t + 2);
+        },
+
+        /**
+         * @property inSine
+         * @static
+         */
+        inSine: function(t) {
+            return -1.0*Math.cos(t * (Math.PI/2)) + 1.0;
+        },
+
+        /**
+         * @property outSine
+         * @static
+         */
+        outSine: function(t) {
+            return Math.sin(t * (Math.PI/2));
+        },
+
+        /**
+         * @property inOutSine
+         * @static
+         */
+        inOutSine: function(t) {
+            return -.5*(Math.cos(Math.PI*t) - 1);
+        },
+
+        /**
+         * @property inExpo
+         * @static
+         */
+        inExpo: function(t) {
+            return (t===0) ? 0.0 : Math.pow(2, 10 * (t - 1));
+        },
+
+        /**
+         * @property outExpo
+         * @static
+         */
+        outExpo: function(t) {
+            return (t===1.0) ? 1.0 : (-Math.pow(2, -10 * t) + 1);
+        },
+
+        /**
+         * @property inOutExpo
+         * @static
+         */
+        inOutExpo: function(t) {
+            if (t===0) return 0.0;
+            if (t===1.0) return 1.0;
+            if ((t/=.5) < 1) return .5 * Math.pow(2, 10 * (t - 1));
+            return .5 * (-Math.pow(2, -10 * --t) + 2);
+        },
+
+        /**
+         * @property inCirc
+         * @static
+         */
+        inCirc: function(t) {
+            return -(Math.sqrt(1 - t*t) - 1);
+        },
+
+        /**
+         * @property outCirc
+         * @static
+         */
+        outCirc: function(t) {
+            return Math.sqrt(1 - (--t)*t);
+        },
+
+        /**
+         * @property inOutCirc
+         * @static
+         */
+        inOutCirc: function(t) {
+            if ((t/=.5) < 1) return -.5 * (Math.sqrt(1 - t*t) - 1);
+            return .5 * (Math.sqrt(1 - (t-=2)*t) + 1);
+        },
+
+        /**
+         * @property inElastic
+         * @static
+         */
+        inElastic: function(t) {
+            var s=1.70158;var p=0;var a=1.0;
+            if (t===0) return 0.0;  if (t===1) return 1.0;  if (!p) p=.3;
+            s = p/(2*Math.PI) * Math.asin(1.0/a);
+            return -(a*Math.pow(2,10*(t-=1)) * Math.sin((t-s)*(2*Math.PI)/ p));
+        },
+
+        /**
+         * @property outElastic
+         * @static
+         */
+        outElastic: function(t) {
+            var s=1.70158;var p=0;var a=1.0;
+            if (t===0) return 0.0;  if (t===1) return 1.0;  if (!p) p=.3;
+            s = p/(2*Math.PI) * Math.asin(1.0/a);
+            return a*Math.pow(2,-10*t) * Math.sin((t-s)*(2*Math.PI)/p) + 1.0;
+        },
+
+        /**
+         * @property inOutElastic
+         * @static
+         */
+        inOutElastic: function(t) {
+            var s=1.70158;var p=0;var a=1.0;
+            if (t===0) return 0.0;  if ((t/=.5)===2) return 1.0;  if (!p) p=(.3*1.5);
+            s = p/(2*Math.PI) * Math.asin(1.0/a);
+            if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin((t-s)*(2*Math.PI)/p));
+            return a*Math.pow(2,-10*(t-=1)) * Math.sin((t-s)*(2*Math.PI)/p)*.5 + 1.0;
+        },
+
+        /**
+         * @property inBack
+         * @static
+         */
+        inBack: function(t, s) {
+            if (s === undefined) s = 1.70158;
+            return t*t*((s+1)*t - s);
+        },
+
+        /**
+         * @property outBack
+         * @static
+         */
+        outBack: function(t, s) {
+            if (s === undefined) s = 1.70158;
+            return ((--t)*t*((s+1)*t + s) + 1);
+        },
+
+        /**
+         * @property inOutBack
+         * @static
+         */
+        inOutBack: function(t, s) {
+            if (s === undefined) s = 1.70158;
+            if ((t/=.5) < 1) return .5*(t*t*(((s*=(1.525))+1)*t - s));
+            return .5*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2);
+        },
+
+        /**
+         * @property inBounce
+         * @static
+         */
+        inBounce: function(t) {
+            return 1.0 - Easing.outBounce(1.0-t);
+        },
+
+        /**
+         * @property outBounce
+         * @static
+         */
+        outBounce: function(t) {
+            if (t < (1/2.75)) {
+                return (7.5625*t*t);
+            } else if (t < (2/2.75)) {
+                return (7.5625*(t-=(1.5/2.75))*t + .75);
+            } else if (t < (2.5/2.75)) {
+                return (7.5625*(t-=(2.25/2.75))*t + .9375);
+            } else {
+                return (7.5625*(t-=(2.625/2.75))*t + .984375);
+            }
+        },
+
+        /**
+         * @property inOutBounce
+         * @static
+         */
+        inOutBounce: function(t) {
+            if (t < .5) return Easing.inBounce(t*2) * .5;
+            return Easing.outBounce(t*2-1.0) * .5 + .5;
+        }
+    };
+
+    module.exports = Easing;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/integrators/SymplecticEuler',['require','exports','module','famous/core/OptionsManager'],function(require, exports, module) {
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * Ordinary Differential Equation (ODE) Integrator.
+     * Manages updating a physics body's state over time.
+     *
+     *  p = position, v = velocity, m = mass, f = force, dt = change in time
+     *
+     *      v <- v + dt * f / m
+     *      p <- p + dt * v
+     *
+     *  q = orientation, w = angular velocity, L = angular momentum
+     *
+     *      L <- L + dt * t
+     *      q <- q + dt/2 * q * w
+     *
+     * @class SymplecticEuler
+     * @constructor
+     * @param {Object} options Options to set
+     */
+    function SymplecticEuler(options) {
+        this.options = Object.create(SymplecticEuler.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+    }
+
+    /**
+     * @property SymplecticEuler.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    SymplecticEuler.DEFAULT_OPTIONS = {
+
+        /**
+         * The maximum velocity of a physics body
+         *      Range : [0, Infinity]
+         * @attribute velocityCap
+         * @type Number
+         */
+
+        velocityCap : undefined,
+
+        /**
+         * The maximum angular velocity of a physics body
+         *      Range : [0, Infinity]
+         * @attribute angularVelocityCap
+         * @type Number
+         */
+        angularVelocityCap : undefined
+    };
+
+    /*
+     * Setter for options
+     *
+     * @method setOptions
+     * @param {Object} options
+     */
+    SymplecticEuler.prototype.setOptions = function setOptions(options) {
+        this._optionsManager.patch(options);
+    };
+
+    /*
+     * Getter for options
+     *
+     * @method getOptions
+     * @return {Object} options
+     */
+    SymplecticEuler.prototype.getOptions = function getOptions() {
+        return this._optionsManager.value();
+    };
+
+    /*
+     * Updates the velocity of a physics body from its accumulated force.
+     *      v <- v + dt * f / m
+     *
+     * @method integrateVelocity
+     * @param {Body} physics body
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integrateVelocity = function integrateVelocity(body, dt) {
+        var v = body.velocity;
+        var w = body.inverseMass;
+        var f = body.force;
+
+        if (f.isZero()) return;
+
+        v.add(f.mult(dt * w)).put(v);
+        f.clear();
+    };
+
+    /*
+     * Updates the position of a physics body from its velocity.
+     *      p <- p + dt * v
+     *
+     * @method integratePosition
+     * @param {Body} physics body
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integratePosition = function integratePosition(body, dt) {
+        var p = body.position;
+        var v = body.velocity;
+
+        if (this.options.velocityCap) v.cap(this.options.velocityCap).put(v);
+        p.add(v.mult(dt)).put(p);
+    };
+
+    /*
+     * Updates the angular momentum of a physics body from its accumuled torque.
+     *      L <- L + dt * t
+     *
+     * @method integrateAngularMomentum
+     * @param {Body} physics body (except a particle)
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integrateAngularMomentum = function integrateAngularMomentum(body, dt) {
+        var L = body.angularMomentum;
+        var t = body.torque;
+
+        if (t.isZero()) return;
+
+        if (this.options.angularVelocityCap) t.cap(this.options.angularVelocityCap).put(t);
+        L.add(t.mult(dt)).put(L);
+        t.clear();
+    };
+
+    /*
+     * Updates the orientation of a physics body from its angular velocity.
+     *      q <- q + dt/2 * q * w
+     *
+     * @method integrateOrientation
+     * @param {Body} physics body (except a particle)
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integrateOrientation = function integrateOrientation(body, dt) {
+        var q = body.orientation;
+        var w = body.angularVelocity;
+
+        if (w.isZero()) return;
+        q.add(q.multiply(w).scalarMultiply(0.5 * dt)).put(q);
+//        q.normalize.put(q);
+    };
+
+    module.exports = SymplecticEuler;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Particle',['require','exports','module','famous/math/Vector','famous/core/Transform','famous/core/EventHandler','../integrators/SymplecticEuler'],function(require, exports, module) {
+    var Vector = require('famous/math/Vector');
+    var Transform = require('famous/core/Transform');
+    var EventHandler = require('famous/core/EventHandler');
+    var Integrator = require('../integrators/SymplecticEuler');
+
+    /**
+     * A point body that is controlled by the Physics Engine. A particle has
+     *   position and velocity states that are updated by the Physics Engine.
+     *   Ultimately, a particle is a _special type of modifier, and can be added to
+     *   the Famous render tree like any other modifier.
+     *
+     * @constructor
+     * @class Particle
+     * @uses EventHandler
+     * @uses Modifier
+     * @extensionfor Body
+     * @param {Options} [options] An object of configurable options.
+     * @param {Array} [options.position] The position of the particle.
+     * @param {Array} [options.velocity] The velocity of the particle.
+     * @param {Number} [options.mass] The mass of the particle.
+     * @param {Hexadecimal} [options.axis] The axis a particle can move along. Can be bitwise ORed e.g., Particle.AXES.X, Particle.AXES.X | Particle.AXES.Y
+     *
+     */
+     function Particle(options) {
+        options = options || {};
+
+        // registers
+        this.position = new Vector();
+        this.velocity = new Vector();
+        this.force    = new Vector();
+
+        var defaults  = Particle.DEFAULT_OPTIONS;
+
+        // set vectors
+        this.setPosition(options.position || defaults.position);
+        this.setVelocity(options.velocity || defaults.velocity);
+        this.force.set(options.force || [0,0,0]);
+
+        // set scalars
+        this.mass = (options.mass !== undefined)
+            ? options.mass
+            : defaults.mass;
+
+        this.axis = (options.axis !== undefined)
+            ? options.axis
+            : defaults.axis;
+
+        this.inverseMass = 1 / this.mass;
+
+        // state variables
+        this._isSleeping     = false;
+        this._engine         = null;
+        this._eventOutput    = null;
+        this._positionGetter = null;
+
+        this.transform = Transform.identity.slice();
+
+        // cached _spec
+        this._spec = {
+            transform : this.transform,
+            target    : null
+        };
+    }
+
+    Particle.DEFAULT_OPTIONS = {
+        position : [0,0,0],
+        velocity : [0,0,0],
+        mass : 1,
+        axis : undefined
+    };
+
+    /**
+     * Kinetic energy threshold needed to update the body
+     *
+     * @property SLEEP_TOLERANCE
+     * @type Number
+     * @static
+     * @default 1e-7
+     */
+    Particle.SLEEP_TOLERANCE = 1e-7;
+
+    /**
+     * Axes by which a body can translate
+     *
+     * @property AXES
+     * @type Hexadecimal
+     * @static
+     * @default 1e-7
+     */
+    Particle.AXES = {
+        X : 0x00, // hexadecimal for 0
+        Y : 0x01, // hexadecimal for 1
+        Z : 0x02  // hexadecimal for 2
+    };
+
+    // Integrator for updating the particle's state
+    // TODO: make this a singleton
+    Particle.INTEGRATOR = new Integrator();
+
+    //Catalogue of outputted events
+    var _events = {
+        start  : 'start',
+        update : 'update',
+        end    : 'end'
+    };
+
+    // Cached timing function
+    var now = (function() {
+        return Date.now;
+    })();
+
+    /**
+     * Stops the particle from updating
+     * @method sleep
+     */
+    Particle.prototype.sleep = function sleep() {
+        if (this._isSleeping) return;
+        this.emit(_events.end, this);
+        this._isSleeping = true;
+    };
+
+    /**
+     * Starts the particle update
+     * @method wake
+     */
+    Particle.prototype.wake = function wake() {
+        if (!this._isSleeping) return;
+        this.emit(_events.start, this);
+        this._isSleeping = false;
+        this._prevTime = now();
+    };
+
+    /**
+     * @attribute isBody
+     * @type Boolean
+     * @static
+     */
+    Particle.prototype.isBody = false;
+
+    /**
+     * Basic setter for position
+     * @method getPosition
+     * @param position {Array|Vector}
+     */
+    Particle.prototype.setPosition = function setPosition(position) {
+        this.position.set(position);
+    };
+
+    /**
+     * 1-dimensional setter for position
+     * @method setPosition1D
+     * @param value {Number}
+     */
+    Particle.prototype.setPosition1D = function setPosition1D(x) {
+        this.position.x = x;
+    };
+
+    /**
+     * Basic getter function for position
+     * @method getPosition
+     * @return position {Array}
+     */
+    Particle.prototype.getPosition = function getPosition() {
+        if (this._positionGetter instanceof Function)
+            this.setPosition(this._positionGetter());
+
+        this._engine.step();
+
+        return this.position.get();
+    };
+
+    /**
+     * 1-dimensional getter for position
+     * @method getPosition1D
+     * @return value {Number}
+     */
+    Particle.prototype.getPosition1D = function getPosition1D() {
+        this._engine.step();
+        return this.position.x;
+    };
+
+    /**
+     * Defines the position from outside the Physics Engine
+     * @method positionFrom
+     * @param positionGetter {Function}
+     */
+    Particle.prototype.positionFrom = function positionFrom(positionGetter) {
+        this._positionGetter = positionGetter;
+    };
+
+    /**
+     * Basic setter function for velocity Vector
+     * @method setVelocity
+     * @function
+     */
+    Particle.prototype.setVelocity = function setVelocity(velocity) {
+        this.velocity.set(velocity);
+        this.wake();
+    };
+
+    /**
+     * 1-dimensional setter for velocity
+     * @method setVelocity1D
+     * @param velocity {Number}
+     */
+    Particle.prototype.setVelocity1D = function setVelocity1D(x) {
+        this.velocity.x = x;
+        this.wake();
+    };
+
+    /**
+     * Basic getter function for velocity Vector
+     * @method getVelocity
+     * @return velocity {Array}
+     */
+    Particle.prototype.getVelocity = function getVelocity() {
+        return this.velocity.get();
+    };
+
+    /**
+     * 1-dimensional getter for velocity
+     * @method getVelocity1D
+     * @return velocity {Number}
+     */
+    Particle.prototype.getVelocity1D = function getVelocity1D() {
+        return this.velocity.x;
+    };
+
+    /**
+     * Basic setter function for mass quantity
+     * @method setMass
+     * @param mass {Number} mass
+     */
+    Particle.prototype.setMass = function setMass(mass) {
+        this.mass = mass;
+        this.inverseMass = 1 / mass;
+    };
+
+    /**
+     * Basic getter function for mass quantity
+     * @method getMass
+     * @return mass {Number}
+     */
+    Particle.prototype.getMass = function getMass() {
+        return this.mass;
+    };
+
+    /**
+     * Reset position and velocity
+     * @method reset
+     * @param position {Array|Vector}
+     * @param velocity {Array|Vector}
+     */
+    Particle.prototype.reset = function reset(position, velocity) {
+        this.setPosition(position || [0,0,0]);
+        this.setVelocity(velocity || [0,0,0]);
+    };
+
+    /**
+     * Add force vector to existing internal force Vector
+     * @method applyForce
+     * @param force {Vector}
+     */
+    Particle.prototype.applyForce = function applyForce(force) {
+        if (force.isZero()) return;
+        this.force.add(force).put(this.force);
+        this.wake();
+    };
+
+    /**
+     * Add impulse (change in velocity) Vector to this Vector's velocity.
+     * @method applyImpulse
+     * @param impulse {Vector}
+     */
+    Particle.prototype.applyImpulse = function applyImpulse(impulse) {
+        if (impulse.isZero()) return;
+        var velocity = this.velocity;
+        velocity.add(impulse.mult(this.inverseMass)).put(velocity);
+    };
+
+    /**
+     * Update a particle's velocity from its force accumulator
+     * @method integrateVelocity
+     * @param dt {Number} Time differential
+     */
+    Particle.prototype.integrateVelocity = function integrateVelocity(dt) {
+        Particle.INTEGRATOR.integrateVelocity(this, dt);
+    };
+
+    /**
+     * Update a particle's position from its velocity
+     * @method integratePosition
+     * @param dt {Number} Time differential
+     */
+    Particle.prototype.integratePosition = function integratePosition(dt) {
+        Particle.INTEGRATOR.integratePosition(this, dt);
+    };
+
+    /**
+     * Update the position and velocity of the particle
+     * @method _integrate
+     * @protected
+     * @param dt {Number} Time differential
+     */
+    Particle.prototype._integrate = function _integrate(dt) {
+        this.integrateVelocity(dt);
+        this.integratePosition(dt);
+    };
+
+    /**
+     * Get kinetic energy of the particle.
+     * @method getEnergy
+     * @function
+     */
+    Particle.prototype.getEnergy = function getEnergy() {
+        return 0.5 * this.mass * this.velocity.normSquared();
+    };
+
+    /**
+     * Generate transform from the current position state
+     * @method getTransform
+     * @return Transform {Transform}
+     */
+    Particle.prototype.getTransform = function getTransform() {
+        this._engine.step();
+
+        var position = this.position;
+        var axis = this.axis;
+        var transform = this.transform;
+
+        if (axis !== undefined) {
+            if (axis & ~Particle.AXES.X) {
+                position.x = 0;
+            }
+            if (axis & ~Particle.AXES.Y) {
+                position.y = 0;
+            }
+            if (axis & ~Particle.AXES.Z) {
+                position.z = 0;
+            }
+        }
+
+        transform[12] = position.x;
+        transform[13] = position.y;
+        transform[14] = position.z;
+
+        return transform;
+    };
+
+    /**
+     * The modify interface of a Modifier
+     * @method modify
+     * @param target {Spec}
+     * @return Spec {Spec}
+     */
+    Particle.prototype.modify = function modify(target) {
+        var _spec = this._spec;
+        _spec.transform = this.getTransform();
+        _spec.target = target;
+        return _spec;
+    };
+
+    // private
+    function _createEventOutput() {
+        this._eventOutput = new EventHandler();
+        this._eventOutput.bindThis(this);
+        //overrides on/removeListener/pipe/unpipe methods
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Particle.prototype.emit = function emit(type, data) {
+        if (!this._eventOutput) return;
+        this._eventOutput.emit(type, data);
+    };
+
+    Particle.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+    Particle.prototype.removeListener = function removeListener() {
+        _createEventOutput.call(this);
+        return this.removeListener.apply(this, arguments);
+    };
+    Particle.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+    Particle.prototype.unpipe = function unpipe() {
+        _createEventOutput.call(this);
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = Particle;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Constraint',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     *  Allows for two circular bodies to collide and bounce off each other.
+     *
+     *  @class Constraint
+     *  @constructor
+     *  @uses EventHandler
+     *  @param options {Object}
+     */
+    function Constraint() {
+        this.options = this.options || {};
+        this._energy = 0.0;
+        this._eventOutput = null;
+    }
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Constraint.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     */
+    Constraint.prototype.applyConstraint = function applyConstraint() {};
+
+    /**
+     * Getter for energy
+     *
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    Constraint.prototype.getEnergy = function getEnergy() {
+        return this._energy;
+    };
+
+    /**
+     * Setter for energy
+     *
+     * @method setEnergy
+     * @param energy {Number}
+     */
+    Constraint.prototype.setEnergy = function setEnergy(energy) {
+        this._energy = energy;
+    };
+
+    function _createEventOutput() {
+        this._eventOutput = new EventHandler();
+        this._eventOutput.bindThis(this);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Constraint.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+    Constraint.prototype.addListener = function addListener() {
+        _createEventOutput.call(this);
+        return this.addListener.apply(this, arguments);
+    };
+    Constraint.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+    Constraint.prototype.removeListener = function removeListener() {
+        return this.removeListener.apply(this, arguments);
+    };
+    Constraint.prototype.unpipe = function unpipe() {
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = Constraint;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Snap',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A spring constraint is like a spring force, except that it is always
+     *    numerically stable (even for low periods), at the expense of introducing
+     *    damping (even with dampingRatio set to 0).
+     *
+     *    Use this if you need fast spring-like behavior, e.g., snapping
+     *
+     *  @class Snap
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Number} [options.period] The amount of time in milliseconds taken for one complete oscillation when there is no damping. Range : [150, Infinity]
+     *  @param {Number} [options.dampingRatio] Additional damping of the spring. Range : [0, 1]. At 0 this spring will still be damped, at 1 the spring will be critically damped (the spring will never oscillate)
+     *  @param {Number} [options.length] The rest length of the spring. Range: [0, Infinity].
+     *  @param {Array} [options.anchor] The location of the spring's anchor, if not another physics body.
+     *
+     */
+    function Snap(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.pDiff  = new Vector();
+        this.vDiff  = new Vector();
+        this.impulse1 = new Vector();
+        this.impulse2 = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Snap.prototype = Object.create(Constraint.prototype);
+    Snap.prototype.constructor = Snap;
+
+    Snap.DEFAULT_OPTIONS = {
+        period        : 300,
+        dampingRatio : 0.1,
+        length : 0,
+        anchor : undefined
+    };
+
+    /** const */ var pi = Math.PI;
+
+    function _calcEnergy(impulse, disp, dt) {
+        return Math.abs(impulse.dot(disp)/dt);
+    }
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects} options
+     */
+    Snap.prototype.setOptions = function setOptions(options) {
+        if (options.anchor !== undefined) {
+            if (options.anchor   instanceof Vector) this.options.anchor = options.anchor;
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+        }
+        if (options.length !== undefined) this.options.length = options.length;
+        if (options.dampingRatio !== undefined) this.options.dampingRatio = options.dampingRatio;
+        if (options.period !== undefined) this.options.period = options.period;
+    };
+
+    /**
+     * Set the anchor position
+     *
+     * @method setOptions
+     * @param {Array} v TODO
+     */
+
+    Snap.prototype.setAnchor = function setAnchor(v) {
+        if (this.options.anchor !== undefined) this.options.anchor = new Vector();
+        this.options.anchor.set(v);
+    };
+
+    /**
+     * Calculates energy of spring
+     *
+     * @method getEnergy
+     * @param {Object} target TODO
+     * @param {Object} source TODO
+     * @return energy {Number}
+     */
+    Snap.prototype.getEnergy = function getEnergy(target, source) {
+        var options     = this.options;
+        var restLength  = options.length;
+        var anchor      = options.anchor || source.position;
+        var strength    = Math.pow(2 * pi / options.period, 2);
+
+        var dist = anchor.sub(target.position).norm() - restLength;
+
+        return 0.5 * strength * dist * dist;
+    };
+
+    /**
+     * Adds a spring impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Snap.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var options         = this.options;
+        var pDiff        = this.pDiff;
+        var vDiff        = this.vDiff;
+        var impulse1     = this.impulse1;
+        var impulse2     = this.impulse2;
+        var length       = options.length;
+        var anchor       = options.anchor || source.position;
+        var period       = options.period;
+        var dampingRatio = options.dampingRatio;
+
+        for (var i = 0; i < targets.length ; i++) {
+            var target = targets[i];
+
+            var p1 = target.position;
+            var v1 = target.velocity;
+            var m1 = target.mass;
+            var w1 = target.inverseMass;
+
+            pDiff.set(p1.sub(anchor));
+            var dist = pDiff.norm() - length;
+            var effMass;
+
+            if (source) {
+                var w2 = source.inverseMass;
+                var v2 = source.velocity;
+                vDiff.set(v1.sub(v2));
+                effMass = 1/(w1 + w2);
+            }
+            else {
+                vDiff.set(v1);
+                effMass = m1;
+            }
+
+            var gamma;
+            var beta;
+
+            if (this.options.period === 0) {
+                gamma = 0;
+                beta = 1;
+            }
+            else {
+                var k = 4 * effMass * pi * pi / (period * period);
+                var c = 4 * effMass * pi * dampingRatio / period;
+
+                beta  = dt * k / (c + dt * k);
+                gamma = 1 / (c + dt*k);
+            }
+
+            var antiDrift = beta/dt * dist;
+            pDiff.normalize(-antiDrift)
+                .sub(vDiff)
+                .mult(dt / (gamma + dt/effMass))
+                .put(impulse1);
+
+            // var n = new Vector();
+            // n.set(pDiff.normalize());
+            // var lambda = -(n.dot(vDiff) + antiDrift) / (gamma + dt/effMass);
+            // impulse2.set(n.mult(dt*lambda));
+
+            target.applyImpulse(impulse1);
+
+            if (source) {
+                impulse1.mult(-1).put(impulse2);
+                source.applyImpulse(impulse2);
+            }
+
+            this.setEnergy(_calcEnergy(impulse1, pDiff, dt));
+        }
+    };
+
+    module.exports = Snap;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/SnapTransition',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/constraints/Snap','famous/math/Vector'],function(require, exports, module) {
+    var PE = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Spring = require('famous/physics/constraints/Snap');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     * SnapTransition is a method of transitioning between two values (numbers,
+     * or arrays of numbers). It is similar to SpringTransition except
+     * the transition can be much faster and always has a damping effect.
+     *
+     * @class SnapTransition
+     * @constructor
+     *
+     * @param [state=0] {Number|Array} Initial state
+     */
+    function SnapTransition(state) {
+        state = state || 0;
+
+        this.endState  = new Vector(state);
+        this.initState = new Vector();
+
+        this._dimensions       = 1;
+        this._restTolerance    = 1e-10;
+        this._absRestTolerance = this._restTolerance;
+        this._callback         = undefined;
+
+        this.PE       = new PE();
+        this.particle = new Particle();
+        this.spring   = new Spring({anchor : this.endState});
+
+        this.PE.addBody(this.particle);
+        this.PE.attach(this.spring, this.particle);
+    }
+
+    SnapTransition.SUPPORTS_MULTIPLE = 3;
+
+    /**
+     * @property SnapTransition.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    SnapTransition.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [0, Infinity]
+         *
+         * @attribute period
+         * @type Number
+         * @default 100
+         */
+        period : 100,
+
+        /**
+         * The damping of the snap.
+         *    Range : [0, 1]
+         *
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.2
+         */
+        dampingRatio : 0.2,
+
+        /**
+         * The initial velocity of the transition.
+         *
+         * @attribute velocity
+         * @type Number|Array
+         * @default 0
+         */
+        velocity : 0
+    };
+
+    function _getEnergy() {
+        return this.particle.getEnergy() + this.spring.getEnergy(this.particle);
+    }
+
+    function _setAbsoluteRestTolerance() {
+        var distance = this.endState.sub(this.initState).normSquared();
+        this._absRestTolerance = (distance === 0)
+            ? this._restTolerance
+            : this._restTolerance * distance;
+    }
+
+    function _setTarget(target) {
+        this.endState.set(target);
+        _setAbsoluteRestTolerance.call(this);
+    }
+
+    function _wake() {
+        this.PE.wake();
+    }
+
+    function _sleep() {
+        this.PE.sleep();
+    }
+
+    function _setParticlePosition(p) {
+        this.particle.position.set(p);
+    }
+
+    function _setParticleVelocity(v) {
+        this.particle.velocity.set(v);
+    }
+
+    function _getParticlePosition() {
+        return (this._dimensions === 0)
+            ? this.particle.getPosition1D()
+            : this.particle.getPosition();
+    }
+
+    function _getParticleVelocity() {
+        return (this._dimensions === 0)
+            ? this.particle.getVelocity1D()
+            : this.particle.getVelocity();
+    }
+
+    function _setCallback(callback) {
+        this._callback = callback;
+    }
+
+    function _setupDefinition(definition) {
+        var defaults = SnapTransition.DEFAULT_OPTIONS;
+        if (definition.period === undefined)       definition.period       = defaults.period;
+        if (definition.dampingRatio === undefined) definition.dampingRatio = defaults.dampingRatio;
+        if (definition.velocity === undefined)     definition.velocity     = defaults.velocity;
+
+        //setup spring
+        this.spring.setOptions({
+            period       : definition.period,
+            dampingRatio : definition.dampingRatio
+        });
+
+        //setup particle
+        _setParticleVelocity.call(this, definition.velocity);
+    }
+
+    function _update() {
+        if (this.PE.isSleeping()) {
+            if (this._callback) {
+                var cb = this._callback;
+                this._callback = undefined;
+                cb();
+            }
+            return;
+        }
+
+        if (_getEnergy.call(this) < this._absRestTolerance) {
+            _setParticlePosition.call(this, this.endState);
+            _setParticleVelocity.call(this, [0,0,0]);
+            _sleep.call(this);
+        }
+    }
+
+    /**
+     * Resets the state and velocity
+     *
+     * @method reset
+     *
+     * @param state {Number|Array}      State
+     * @param [velocity] {Number|Array} Velocity
+     */
+    SnapTransition.prototype.reset = function reset(state, velocity) {
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        this.initState.set(state);
+        _setParticlePosition.call(this, state);
+        _setTarget.call(this, state);
+        if (velocity) _setParticleVelocity.call(this, velocity);
+        _setCallback.call(this, undefined);
+    };
+
+    /**
+     * Getter for velocity
+     *
+     * @method getVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    SnapTransition.prototype.getVelocity = function getVelocity() {
+        return _getParticleVelocity.call(this);
+    };
+
+    /**
+     * Setter for velocity
+     *
+     * @method setVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    SnapTransition.prototype.setVelocity = function setVelocity(velocity) {
+        this.call(this, _setParticleVelocity(velocity));
+    };
+
+    /**
+     * Detects whether a transition is in progress
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    SnapTransition.prototype.isActive = function isActive() {
+        return !this.PE.isSleeping();
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    SnapTransition.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    /**
+     * Get the current position of the transition
+s     *
+     * @method get
+     *
+     * @return state {Number|Array}
+     */
+    SnapTransition.prototype.get = function get() {
+        _update.call(this);
+        return _getParticlePosition.call(this);
+    };
+
+    /**
+     * Set the end position and transition, with optional callback on completion.
+     *
+     * @method set
+     *
+     * @param state {Number|Array}      Final state
+     * @param [definition] {Object}     Transition definition
+     * @param [callback] {Function}     Callback
+     */
+    SnapTransition.prototype.set = function set(state, definition, callback) {
+        if (!definition) {
+            this.reset(state);
+            if (callback) callback();
+            return;
+        }
+
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        _wake.call(this);
+        _setupDefinition.call(this, definition);
+        _setTarget.call(this, state);
+        _setCallback.call(this, callback);
+    };
+
+    module.exports = SnapTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/Force',['require','exports','module','famous/math/Vector','famous/core/EventHandler'],function(require, exports, module) {
+    var Vector = require('famous/math/Vector');
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Force base class.
+     *
+     * @class Force
+     * @uses EventHandler
+     * @constructor
+     */
+    function Force(force) {
+        this.force = new Vector(force);
+        this._energy = 0.0;
+        this._eventOutput = null;
+    }
+
+    /**
+     * Basic setter for options
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Force.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param body {Body}
+     */
+    Force.prototype.applyForce = function applyForce(body) {
+        body.applyForce(this.force);
+    };
+
+    /**
+     * Getter for a force's potential energy.
+     *
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    Force.prototype.getEnergy = function getEnergy() {
+        return this._energy;
+    };
+
+    /*
+     * Setter for a force's potential energy.
+     *
+     * @method setEnergy
+     * @param energy {Number}
+     */
+    Force.prototype.setEnergy = function setEnergy(energy) {
+        this._energy = energy;
+    };
+
+    function _createEventOutput() {
+        this._eventOutput = new EventHandler();
+        this._eventOutput.bindThis(this);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Force.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+    Force.prototype.addListener = function addListener() {
+        _createEventOutput.call(this);
+        return this.addListener.apply(this, arguments);
+    };
+    Force.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+    Force.prototype.removeListener = function removeListener() {
+        return this.removeListener.apply(this, arguments);
+    };
+    Force.prototype.unpipe = function unpipe() {
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = Force;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/Spring',['require','exports','module','./Force','famous/math/Vector'],function(require, exports, module) {
+    var Force = require('./Force');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A force that moves a physics body to a location with a spring motion.
+     *    The body can be moved to another physics body, or an anchor point.
+     *
+     *  @class Spring
+     *  @constructor
+     *  @extends Force
+     *  @param {Object} options options to set on drag
+     */
+    function Spring(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.disp = new Vector(0,0,0);
+
+        _init.call(this);
+        Force.call(this);
+    }
+
+    Spring.prototype = Object.create(Force.prototype);
+    Spring.prototype.constructor = Spring;
+
+    /** @const */ var pi = Math.PI;
+
+    /**
+     * @property Spring.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Spring.FORCE_FUNCTIONS = {
+
+        /**
+         * A FENE (Finitely Extensible Nonlinear Elastic) spring force
+         *      see: http://en.wikipedia.org/wiki/FENE
+         * @attribute FENE
+         * @type Function
+         * @param {Number} dist current distance target is from source body
+         * @param {Number} rMax maximum range of influence
+         * @return {Number} unscaled force
+         */
+        FENE : function(dist, rMax) {
+            var rMaxSmall = rMax * .99;
+            var r = Math.max(Math.min(dist, rMaxSmall), -rMaxSmall);
+            return r / (1 - r * r/(rMax * rMax));
+        },
+
+        /**
+         * A Hookean spring force, linear in the displacement
+         *      see: http://en.wikipedia.org/wiki/FENE
+         * @attribute FENE
+         * @type Function
+         * @param {Number} dist current distance target is from source body
+         * @return {Number} unscaled force
+         */
+        HOOK : function(dist) {
+            return dist;
+        }
+    };
+
+    /**
+     * @property Spring.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Spring.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [150, Infinity]
+         * @attribute period
+         * @type Number
+         * @default 300
+         */
+        period        : 300,
+
+        /**
+         * The damping of the spring.
+         *    Range : [0, 1]
+         *    0 = no damping, and the spring will oscillate forever
+         *    1 = critically damped (the spring will never oscillate)
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.1
+         */
+        dampingRatio : 0.1,
+
+        /**
+         * The rest length of the spring
+         *    Range : [0, Infinity]
+         * @attribute length
+         * @type Number
+         * @default 0
+         */
+        length : 0,
+
+        /**
+         * The maximum length of the spring (for a FENE spring)
+         *    Range : [0, Infinity]
+         * @attribute length
+         * @type Number
+         * @default Infinity
+         */
+        maxLength : Infinity,
+
+        /**
+         * The location of the spring's anchor, if not another physics body
+         *
+         * @attribute anchor
+         * @type Array
+         * @optional
+         */
+        anchor : undefined,
+
+        /**
+         * The type of spring force
+         * @attribute forceFunction
+         * @type Function
+         */
+        forceFunction : Spring.FORCE_FUNCTIONS.HOOK
+    };
+
+    function _setForceFunction(fn) {
+        this.forceFunction = fn;
+    }
+
+    function _calcStiffness() {
+        var options = this.options;
+        options.stiffness = Math.pow(2 * pi / options.period, 2);
+    }
+
+    function _calcDamping() {
+        var options = this.options;
+        options.damping = 4 * pi * options.dampingRatio / options.period;
+    }
+
+    function _calcEnergy(strength, dist) {
+        return 0.5 * strength * dist * dist;
+    }
+
+    function _init() {
+        _setForceFunction.call(this, this.options.forceFunction);
+        _calcStiffness.call(this);
+        _calcDamping.call(this);
+    }
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Spring.prototype.setOptions = function setOptions(options) {
+        if (options.anchor !== undefined) {
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Vector)  this.options.anchor = options.anchor;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+        }
+        if (options.period !== undefined) this.options.period = options.period;
+        if (options.dampingRatio !== undefined) this.options.dampingRatio = options.dampingRatio;
+        if (options.length !== undefined) this.options.length = options.length;
+        if (options.forceFunction !== undefined) this.options.forceFunction = options.forceFunction;
+        if (options.maxLength !== undefined) this.options.maxLength = options.maxLength;
+
+        _init.call(this);
+    };
+
+    /**
+     * Adds a spring force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply force to.
+     */
+    Spring.prototype.applyForce = function applyForce(targets, source) {
+        var force        = this.force;
+        var disp         = this.disp;
+        var options      = this.options;
+
+        var stiffness    = options.stiffness;
+        var damping      = options.damping;
+        var restLength   = options.length;
+        var lMax         = options.maxLength;
+        var anchor       = options.anchor || source.position;
+
+        for (var i = 0; i < targets.length; i++) {
+            var target = targets[i];
+            var p2 = target.position;
+            var v2 = target.velocity;
+
+            anchor.sub(p2).put(disp);
+            var dist = disp.norm() - restLength;
+
+            if (dist === 0) return;
+
+            //if dampingRatio specified, then override strength and damping
+            var m      = target.mass;
+            stiffness *= m;
+            damping   *= m;
+
+            disp.normalize(stiffness * this.forceFunction(dist, lMax))
+                .put(force);
+
+            if (damping)
+                if (source) force.add(v2.sub(source.velocity).mult(-damping)).put(force);
+                else force.add(v2.mult(-damping)).put(force);
+
+            target.applyForce(force);
+            if (source) source.applyForce(force.mult(-1));
+
+            this.setEnergy(_calcEnergy(stiffness, dist));
+        }
+    };
+
+    /**
+     * Calculates the potential energy of the spring.
+     *
+     * @method getEnergy
+     * @param target {Body}     The physics body attached to the spring
+     * @return energy {Number}
+     */
+    Spring.prototype.getEnergy = function getEnergy(target) {
+        var options        = this.options;
+        var restLength  = options.length;
+        var anchor      = options.anchor;
+        var strength    = options.stiffness;
+
+        var dist = anchor.sub(target.position).norm() - restLength;
+        return 0.5 * strength * dist * dist;
+    };
+
+    /**
+     * Sets the anchor to a new position
+     *
+     * @method setAnchor
+     * @param anchor {Array}    New anchor of the spring
+     */
+    Spring.prototype.setAnchor = function setAnchor(anchor) {
+        if (!this.options.anchor) this.options.anchor = new Vector();
+        this.options.anchor.set(anchor);
+    };
+
+    module.exports = Spring;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+/*global console*/
+
+define('famous/transitions/SpringTransition',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/forces/Spring','famous/math/Vector'],function(require, exports, module) {
+    var PE = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Spring = require('famous/physics/forces/Spring');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     * SpringTransition is a method of transitioning between two values (numbers,
+     * or arrays of numbers) with a bounce. The transition will overshoot the target
+     * state depending on the parameters of the transition.
+     *
+     * @class SpringTransition
+     * @constructor
+     *
+     * @param {Number|Array} [state=0] Initial state
+     */
+    function SpringTransition(state) {
+        state = state || 0;
+        this.endState  = new Vector(state);
+        this.initState = new Vector();
+
+        this._dimensions       = undefined;
+        this._restTolerance    = 1e-10;
+        this._absRestTolerance = this._restTolerance;
+        this._callback         = undefined;
+
+        this.PE       = new PE();
+        this.spring   = new Spring({anchor : this.endState});
+        this.particle = new Particle();
+
+        this.PE.addBody(this.particle);
+        this.PE.attach(this.spring, this.particle);
+    }
+
+    SpringTransition.SUPPORTS_MULTIPLE = 3;
+
+    /**
+     * @property SpringTransition.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    SpringTransition.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [0, Infinity]
+         *
+         * @attribute period
+         * @type Number
+         * @default 300
+         */
+        period : 300,
+
+        /**
+         * The damping of the snap.
+         *    Range : [0, 1]
+         *    0 = no damping, and the spring will oscillate forever
+         *    1 = critically damped (the spring will never oscillate)
+         *
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.5
+         */
+        dampingRatio : 0.5,
+
+        /**
+         * The initial velocity of the transition.
+         *
+         * @attribute velocity
+         * @type Number|Array
+         * @default 0
+         */
+        velocity : 0
+    };
+
+    function _getEnergy() {
+        return this.particle.getEnergy() + this.spring.getEnergy(this.particle);
+    }
+
+    function _setParticlePosition(p) {
+        this.particle.setPosition(p);
+    }
+
+    function _setParticleVelocity(v) {
+        this.particle.setVelocity(v);
+    }
+
+    function _getParticlePosition() {
+        return (this._dimensions === 0)
+            ? this.particle.getPosition1D()
+            : this.particle.getPosition();
+    }
+
+    function _getParticleVelocity() {
+        return (this._dimensions === 0)
+            ? this.particle.getVelocity1D()
+            : this.particle.getVelocity();
+    }
+
+    function _setCallback(callback) {
+        this._callback = callback;
+    }
+
+    function _wake() {
+        this.PE.wake();
+    }
+
+    function _sleep() {
+        this.PE.sleep();
+    }
+
+    function _update() {
+        if (this.PE.isSleeping()) {
+            if (this._callback) {
+                var cb = this._callback;
+                this._callback = undefined;
+                cb();
+            }
+            return;
+        }
+
+        if (_getEnergy.call(this) < this._absRestTolerance) {
+            _setParticlePosition.call(this, this.endState);
+            _setParticleVelocity.call(this, [0,0,0]);
+            _sleep.call(this);
+        }
+    }
+
+    function _setupDefinition(definition) {
+        // TODO fix no-console error
+        /* eslint no-console: 0 */
+        var defaults = SpringTransition.DEFAULT_OPTIONS;
+        if (definition.period === undefined)       definition.period       = defaults.period;
+        if (definition.dampingRatio === undefined) definition.dampingRatio = defaults.dampingRatio;
+        if (definition.velocity === undefined)     definition.velocity     = defaults.velocity;
+
+        if (definition.period < 150) {
+            definition.period = 150;
+            console.warn('The period of a SpringTransition is capped at 150 ms. Use a SnapTransition for faster transitions');
+        }
+
+        //setup spring
+        this.spring.setOptions({
+            period       : definition.period,
+            dampingRatio : definition.dampingRatio
+        });
+
+        //setup particle
+        _setParticleVelocity.call(this, definition.velocity);
+    }
+
+    function _setAbsoluteRestTolerance() {
+        var distance = this.endState.sub(this.initState).normSquared();
+        this._absRestTolerance = (distance === 0)
+            ? this._restTolerance
+            : this._restTolerance * distance;
+    }
+
+    function _setTarget(target) {
+        this.endState.set(target);
+        _setAbsoluteRestTolerance.call(this);
+    }
+
+    /**
+     * Resets the position and velocity
+     *
+     * @method reset
+     *
+     * @param {Number|Array.Number} pos positional state
+     * @param {Number|Array} vel velocity
+     */
+    SpringTransition.prototype.reset = function reset(pos, vel) {
+        this._dimensions = (pos instanceof Array)
+            ? pos.length
+            : 0;
+
+        this.initState.set(pos);
+        _setParticlePosition.call(this, pos);
+        _setTarget.call(this, pos);
+        if (vel) _setParticleVelocity.call(this, vel);
+        _setCallback.call(this, undefined);
+    };
+
+    /**
+     * Getter for velocity
+     *
+     * @method getVelocity
+     *
+     * @return {Number|Array} velocity
+     */
+    SpringTransition.prototype.getVelocity = function getVelocity() {
+        return _getParticleVelocity.call(this);
+    };
+
+    /**
+     * Setter for velocity
+     *
+     * @method setVelocity
+     *
+     * @return {Number|Array} velocity
+     */
+    SpringTransition.prototype.setVelocity = function setVelocity(v) {
+        this.call(this, _setParticleVelocity(v));
+    };
+
+    /**
+     * Detects whether a transition is in progress
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    SpringTransition.prototype.isActive = function isActive() {
+        return !this.PE.isSleeping();
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    SpringTransition.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    /**
+     * Get the current position of the transition
+     *
+     * @method get
+     *
+     * @return {Number|Array} state
+     */
+    SpringTransition.prototype.get = function get() {
+        _update.call(this);
+        return _getParticlePosition.call(this);
+    };
+
+    /**
+     * Set the end position and transition, with optional callback on completion.
+     *
+     * @method set
+     *
+     * @param  {Number|Array} endState Final state
+     * @param {Object}  definition  Transition definition
+     * @param  {Function} callback Callback
+     */
+    SpringTransition.prototype.set = function set(endState, definition, callback) {
+        if (!definition) {
+            this.reset(endState);
+            if (callback) callback();
+            return;
+        }
+
+        this._dimensions = (endState instanceof Array)
+            ? endState.length
+            : 0;
+
+        _wake.call(this);
+        _setupDefinition.call(this, definition);
+        _setTarget.call(this, endState);
+        _setCallback.call(this, callback);
+    };
+
+    module.exports = SpringTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Wall',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A wall describes an infinite two-dimensional plane that physics bodies
+     *    can collide with. To define a wall, you must give it a distance (from
+     *    the center of the physics engine's origin, and a normal defining the plane
+     *    of the wall.
+     *
+     *    (wall)
+     *      |
+     *      | (normal)     (origin)
+     *      | --->            *
+     *      |
+     *      |    (distance)
+     *      ...................
+     *            (100px)
+     *
+     *      e.g., Wall({normal : [1,0,0], distance : 100})
+     *      would be a wall 100 pixels to the left, whose normal points right
+     *
+     *  @class Wall
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Number} [options.restitution] The energy ratio lost in a collision (0 = stick, 1 = elastic). Range : [0, 1]
+     *  @param {Number} [options.drift] Baumgarte stabilization parameter. Makes constraints "loosely" (0) or "tightly" (1) enforced. Range : [0, 1]
+     *  @param {Number} [options.slop] Amount of penetration in pixels to ignore before collision event triggers.
+     *  @param {Array} [options.normal] The normal direction to the wall.
+     *  @param {Number} [options.distance] The distance from the origin that the wall is placed.
+     *  @param {onContact} [options.onContact] How to handle collision against the wall.
+     *
+     */
+    function Wall(options) {
+        this.options = Object.create(Wall.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.diff = new Vector();
+        this.impulse = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Wall.prototype = Object.create(Constraint.prototype);
+    Wall.prototype.constructor = Wall;
+
+    /**
+     * @property Wall.ON_CONTACT
+     * @type Object
+     * @protected
+     * @static
+     */
+    Wall.ON_CONTACT = {
+
+        /**
+         * Physical bodies bounce off the wall
+         * @attribute REFLECT
+         */
+        REFLECT : 0,
+
+        /**
+         * Physical bodies are unaffected. Usecase is to fire events on contact.
+         * @attribute SILENT
+         */
+        SILENT : 1
+    };
+
+    Wall.DEFAULT_OPTIONS = {
+        restitution : 0.5,
+        drift : 0.5,
+        slop : 0,
+        normal : [1, 0, 0],
+        distance : 0,
+        onContact : Wall.ON_CONTACT.REFLECT
+    };
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Wall.prototype.setOptions = function setOptions(options) {
+        if (options.normal !== undefined) {
+            if (options.normal instanceof Vector) this.options.normal = options.normal.clone();
+            if (options.normal instanceof Array)  this.options.normal = new Vector(options.normal);
+        }
+        if (options.restitution !== undefined) this.options.restitution = options.restitution;
+        if (options.drift !== undefined) this.options.drift = options.drift;
+        if (options.slop !== undefined) this.options.slop = options.slop;
+        if (options.distance !== undefined) this.options.distance = options.distance;
+        if (options.onContact !== undefined) this.options.onContact = options.onContact;
+    };
+
+    function _getNormalVelocity(n, v) {
+        return v.dot(n);
+    }
+
+    function _getDistanceFromOrigin(p) {
+        var n = this.options.normal;
+        var d = this.options.distance;
+        return p.dot(n) + d;
+    }
+
+    function _onEnter(particle, overlap, dt) {
+        var p = particle.position;
+        var v = particle.velocity;
+        var m = particle.mass;
+        var n = this.options.normal;
+        var action = this.options.onContact;
+        var restitution = this.options.restitution;
+        var impulse = this.impulse;
+
+        var drift = this.options.drift;
+        var slop = -this.options.slop;
+        var gamma = 0;
+
+        if (this._eventOutput) {
+            var data = {particle : particle, wall : this, overlap : overlap, normal : n};
+            this._eventOutput.emit('preCollision', data);
+            this._eventOutput.emit('collision', data);
+        }
+
+        switch (action) {
+            case Wall.ON_CONTACT.REFLECT:
+                var lambda = (overlap < slop)
+                    ? -((1 + restitution) * n.dot(v) + drift / dt * (overlap - slop)) / (m * dt + gamma)
+                    : -((1 + restitution) * n.dot(v)) / (m * dt + gamma);
+
+                impulse.set(n.mult(dt * lambda));
+                particle.applyImpulse(impulse);
+                particle.setPosition(p.add(n.mult(-overlap)));
+                break;
+        }
+
+        if (this._eventOutput) this._eventOutput.emit('postCollision', data);
+    }
+
+    function _onExit(particle, overlap, dt) {
+        var action = this.options.onContact;
+        var p = particle.position;
+        var n = this.options.normal;
+
+        if (action === Wall.ON_CONTACT.REFLECT) {
+            particle.setPosition(p.add(n.mult(-overlap)));
+        }
+    }
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the wall constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Wall.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var n = this.options.normal;
+
+        for (var i = 0; i < targets.length; i++) {
+            var particle = targets[i];
+            var p = particle.position;
+            var v = particle.velocity;
+            var r = particle.radius || 0;
+
+            var overlap = _getDistanceFromOrigin.call(this, p.add(n.mult(-r)));
+            var nv = _getNormalVelocity.call(this, n, v);
+
+            if (overlap <= 0) {
+                if (nv < 0) _onEnter.call(this, particle, overlap, dt);
+                else _onExit.call(this, particle, overlap, dt);
+            }
+        }
+    };
+
+    module.exports = Wall;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/WallTransition',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/forces/Spring','famous/physics/constraints/Wall','famous/math/Vector'],function(require, exports, module) {
+    var PE = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Spring = require('famous/physics/forces/Spring');
+    var Wall = require('famous/physics/constraints/Wall');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     * WallTransition is a method of transitioning between two values (numbers,
+     *   or arrays of numbers) with a bounce. Unlike a SpringTransition
+     *   The transition will not overshoot the target, but bounce back against it.
+     *   The behavior of the bounce is specified by the transition options.
+     *
+     * @class WallTransition
+     * @constructor
+     *
+     * @param {Number|Array} [state=0] Initial state
+     */
+    function WallTransition(state) {
+        state = state || 0;
+
+        this.endState  = new Vector(state);
+        this.initState = new Vector();
+
+        this.spring = new Spring({anchor : this.endState});
+        this.wall   = new Wall();
+
+        this._restTolerance = 1e-10;
+        this._dimensions = 1;
+        this._absRestTolerance = this._restTolerance;
+        this._callback = undefined;
+
+        this.PE = new PE();
+        this.particle = new Particle();
+
+        this.PE.addBody(this.particle);
+        this.PE.attach([this.wall, this.spring], this.particle);
+    }
+
+    WallTransition.SUPPORTS_MULTIPLE = 3;
+
+    /**
+     * @property WallTransition.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    WallTransition.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [0, Infinity]
+         *
+         * @attribute period
+         * @type Number
+         * @default 300
+         */
+        period : 300,
+
+        /**
+         * The damping of the snap.
+         *    Range : [0, 1]
+         *    0 = no damping, and the spring will oscillate forever
+         *    1 = critically damped (the spring will never oscillate)
+         *
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.5
+         */
+        dampingRatio : 0.5,
+
+        /**
+         * The initial velocity of the transition.
+         *
+         * @attribute velocity
+         * @type Number|Array
+         * @default 0
+         */
+        velocity : 0,
+
+        /**
+         * The percentage of momentum transferred to the wall
+         *
+         * @attribute restitution
+         * @type Number
+         * @default 0.5
+         */
+        resitution : 0.5
+    };
+
+    function _getEnergy() {
+        return this.particle.getEnergy() + this.spring.getEnergy(this.particle);
+    }
+
+    function _setAbsoluteRestTolerance() {
+        var distance = this.endState.sub(this.initState).normSquared();
+        this._absRestTolerance = (distance === 0)
+            ? this._restTolerance
+            : this._restTolerance * distance;
+    }
+
+    function _wake() {
+        this.PE.wake();
+    }
+
+    function _sleep() {
+        this.PE.sleep();
+    }
+
+    function _setTarget(target) {
+        this.endState.set(target);
+
+        var dist = this.endState.sub(this.initState).norm();
+
+        this.wall.setOptions({
+            distance : this.endState.norm(),
+            normal : (dist === 0)
+                ? this.particle.velocity.normalize(-1)
+                : this.endState.sub(this.initState).normalize(-1)
+        });
+
+        _setAbsoluteRestTolerance.call(this);
+    }
+
+    function _setParticlePosition(p) {
+        this.particle.position.set(p);
+    }
+
+    function _setParticleVelocity(v) {
+        this.particle.velocity.set(v);
+    }
+
+    function _getParticlePosition() {
+        return (this._dimensions === 0)
+            ? this.particle.getPosition1D()
+            : this.particle.getPosition();
+    }
+
+    function _getParticleVelocity() {
+        return (this._dimensions === 0)
+            ? this.particle.getVelocity1D()
+            : this.particle.getVelocity();
+    }
+
+    function _setCallback(callback) {
+        this._callback = callback;
+    }
+
+    function _update() {
+        if (this.PE.isSleeping()) {
+            if (this._callback) {
+                var cb = this._callback;
+                this._callback = undefined;
+                cb();
+            }
+            return;
+        }
+        var energy = _getEnergy.call(this);
+        if (energy < this._absRestTolerance) {
+            _sleep.call(this);
+            _setParticlePosition.call(this, this.endState);
+            _setParticleVelocity.call(this, [0,0,0]);
+        }
+    }
+
+    function _setupDefinition(def) {
+        var defaults = WallTransition.DEFAULT_OPTIONS;
+        if (def.period === undefined) def.period = defaults.period;
+        if (def.dampingRatio === undefined) def.dampingRatio = defaults.dampingRatio;
+        if (def.velocity === undefined) def.velocity = defaults.velocity;
+        if (def.restitution === undefined) def.restitution = defaults.restitution;
+
+        //setup spring
+        this.spring.setOptions({
+            period : def.period,
+            dampingRatio : def.dampingRatio
+        });
+
+        //setup wall
+        this.wall.setOptions({
+            restitution : def.restitution
+        });
+
+        //setup particle
+        _setParticleVelocity.call(this, def.velocity);
+    }
+
+    /**
+     * Resets the state and velocity
+     *
+     * @method reset
+     *
+     * @param {Number|Array}  state     State
+     * @param  {Number|Array} [velocity] Velocity
+     */
+    WallTransition.prototype.reset = function reset(state, velocity) {
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        this.initState.set(state);
+        _setParticlePosition.call(this, state);
+        if (velocity) _setParticleVelocity.call(this, velocity);
+        _setTarget.call(this, state);
+        _setCallback.call(this, undefined);
+    };
+
+    /**
+     * Getter for velocity
+     *
+     * @method getVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    WallTransition.prototype.getVelocity = function getVelocity() {
+        return _getParticleVelocity.call(this);
+    };
+
+    /**
+     * Setter for velocity
+     *
+     * @method setVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    WallTransition.prototype.setVelocity = function setVelocity(velocity) {
+        this.call(this, _setParticleVelocity(velocity));
+    };
+
+    /**
+     * Detects whether a transition is in progress
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    WallTransition.prototype.isActive = function isActive() {
+        return !this.PE.isSleeping();
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    WallTransition.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    /**
+     * Getter
+     *
+     * @method get
+     *
+     * @return state {Number|Array}
+     */
+    WallTransition.prototype.get = function get() {
+        _update.call(this);
+        return _getParticlePosition.call(this);
+    };
+
+    /**
+     * Set the end position and transition, with optional callback on completion.
+     *
+     * @method set
+     *
+     * @param state {Number|Array}      Final state
+     * @param [definition] {Object}     Transition definition
+     * @param [callback] {Function}     Callback
+     */
+    WallTransition.prototype.set = function set(state, definition, callback) {
+        if (!definition) {
+            this.reset(state);
+            if (callback) callback();
+            return;
+        }
+
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        _wake.call(this);
+        _setupDefinition.call(this, definition);
+        _setTarget.call(this, state);
+        _setCallback.call(this, callback);
+    };
+
+    module.exports = WallTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/CanvasSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A surface containing an HTML5 Canvas element.
+     *   This extends the Surface class.
+     *
+     * @class CanvasSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Array.Number} [options.canvasSize] [width, height] for document element
+     */
+    function CanvasSurface(options) {
+        if (options && options.canvasSize) this._canvasSize = options.canvasSize;
+        Surface.apply(this, arguments);
+        if (!this._canvasSize) this._canvasSize = this.getSize();
+        this._backBuffer = document.createElement('canvas');
+        if (this._canvasSize) {
+            this._backBuffer.width = this._canvasSize[0];
+            this._backBuffer.height = this._canvasSize[1];
+        }
+        this._contextId = undefined;
+    }
+
+    CanvasSurface.prototype = Object.create(Surface.prototype);
+    CanvasSurface.prototype.constructor = CanvasSurface;
+    CanvasSurface.prototype.elementType = 'canvas';
+    CanvasSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set inner document content.  Note that this is a noop for CanvasSurface.
+     *
+     * @method setContent
+     *
+     */
+    CanvasSurface.prototype.setContent = function setContent() {};
+
+    /**
+     * Place the document element this component manages into the document.
+     *    This will draw the content to the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    CanvasSurface.prototype.deploy = function deploy(target) {
+        if (this._canvasSize) {
+            target.width = this._canvasSize[0];
+            target.height = this._canvasSize[1];
+        }
+        if (this._contextId === '2d') {
+            target.getContext(this._contextId).drawImage(this._backBuffer, 0, 0);
+            this._backBuffer.width = 0;
+            this._backBuffer.height = 0;
+        }
+    };
+
+    /**
+     * Remove this component and contained content from the document
+     *
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    CanvasSurface.prototype.recall = function recall(target) {
+        var size = this.getSize();
+
+        this._backBuffer.width = target.width;
+        this._backBuffer.height = target.height;
+
+        if (this._contextId === '2d') {
+            this._backBuffer.getContext(this._contextId).drawImage(target, 0, 0);
+            target.width = 0;
+            target.height = 0;
+        }
+    };
+
+    /**
+     * Returns the canvas element's context
+     *
+     * @method getContext
+     * @param {string} contextId context identifier
+     */
+    CanvasSurface.prototype.getContext = function getContext(contextId) {
+        this._contextId = contextId;
+        return this._currTarget ? this._currTarget.getContext(contextId) : this._backBuffer.getContext(contextId);
+    };
+
+    /**
+     *  Set the size of the surface and canvas element.
+     *
+     *  @method setSize
+     *  @param {Array.number} size [width, height] of surface
+     *  @param {Array.number} canvasSize [width, height] of canvas surface
+     */
+    CanvasSurface.prototype.setSize = function setSize(size, canvasSize) {
+        Surface.prototype.setSize.apply(this, arguments);
+        if (canvasSize) this._canvasSize = [canvasSize[0], canvasSize[1]];
+        if (this._currTarget) {
+            this._currTarget.width = this._canvasSize[0];
+            this._currTarget.height = this._canvasSize[1];
+        }
+    };
+
+    module.exports = CanvasSurface;
+});
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/ContainerSurface',['require','exports','module','famous/core/Surface','famous/core/Context'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+    var Context = require('famous/core/Context');
+
+    /**
+     * ContainerSurface is an object designed to contain surfaces and
+     *   set properties to be applied to all of them at once.
+     *   This extends the Surface class.
+     *   A container surface will enforce these properties on the
+     *   surfaces it contains:
+     *
+     *   size (clips contained surfaces to its own width and height);
+     *
+     *   origin;
+     *
+     *   its own opacity and transform, which will be automatically
+     *   applied to  all Surfaces contained directly and indirectly.
+     *
+     * @class ContainerSurface
+     * @extends Surface
+     * @constructor
+     * @param {Array.Number} [options.size] [width, height] in pixels
+     * @param {Array.string} [options.classes] CSS classes to set on all inner content
+     * @param {Array} [options.properties] string dictionary of HTML attributes to set on target div
+     * @param {string} [options.content] inner (HTML) content of surface (should not be used)
+     */
+    function ContainerSurface(options) {
+        Surface.call(this, options);
+        this._container = document.createElement('div');
+        this._container.classList.add('famous-group');
+        this._container.classList.add('famous-container-group');
+        this._shouldRecalculateSize = false;
+        this.context = new Context(this._container);
+        this.setContent(this._container);
+    }
+
+    ContainerSurface.prototype = Object.create(Surface.prototype);
+    ContainerSurface.prototype.constructor = ContainerSurface;
+    ContainerSurface.prototype.elementType = 'div';
+    ContainerSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Add renderables to this object's render tree
+     *
+     * @method add
+     *
+     * @param {Object} obj renderable object
+     * @return {RenderNode} RenderNode wrapping this object, if not already a RenderNode
+     */
+    ContainerSurface.prototype.add = function add() {
+        return this.context.add.apply(this.context, arguments);
+    };
+
+    /**
+     * Return spec for this surface.  Note: Can result in a size recalculation.
+     *
+     * @private
+     * @method render
+     *
+     * @return {Object} render spec for this surface (spec id)
+     */
+    ContainerSurface.prototype.render = function render() {
+        if (this._sizeDirty) this._shouldRecalculateSize = true;
+        return Surface.prototype.render.apply(this, arguments);
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    ContainerSurface.prototype.deploy = function deploy() {
+        this._shouldRecalculateSize = true;
+        return Surface.prototype.deploy.apply(this, arguments);
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     * @param {Transform} transform unused TODO
+     * @param {Number} opacity  unused TODO
+     * @param {Array.Number} origin unused TODO
+     * @param {Array.Number} size unused TODO
+     * @return {undefined} TODO returns an undefined value
+     */
+    ContainerSurface.prototype.commit = function commit(context, transform, opacity, origin, size) {
+        var previousSize = this._size ? [this._size[0], this._size[1]] : null;
+        var result = Surface.prototype.commit.apply(this, arguments);
+        if (this._shouldRecalculateSize || (previousSize && (this._size[0] !== previousSize[0] || this._size[1] !== previousSize[1]))) {
+            this.context.setSize();
+            this._shouldRecalculateSize = false;
+        }
+        this.context.update();
+        return result;
+    };
+
+    module.exports = ContainerSurface;
+});
+
+define('famous/surfaces/FormContainerSurface',['require','exports','module','./ContainerSurface'],function(require, exports, module) {
+    var ContainerSurface = require('./ContainerSurface');
+
+    function FormContainerSurface(options) {
+        if (options) this._method = options.method || '';
+        ContainerSurface.apply(this, arguments);
+    }
+
+    FormContainerSurface.prototype = Object.create(ContainerSurface.prototype);
+    FormContainerSurface.prototype.constructor = FormContainerSurface;
+
+    FormContainerSurface.prototype.elementType = 'form';
+
+    FormContainerSurface.prototype.deploy = function deploy(target) {
+        if (this._method) target.method = this._method;
+        return ContainerSurface.prototype.deploy.apply(this, arguments);
+    };
+
+    module.exports = FormContainerSurface;
+});
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/ImageSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A surface containing image content.
+     *   This extends the Surface class.
+     *
+     * @class ImageSurface
+     *
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     */
+    function ImageSurface(options) {
+        this._imageUrl = undefined;
+        Surface.apply(this, arguments);
+    }
+
+    ImageSurface.prototype = Object.create(Surface.prototype);
+    ImageSurface.prototype.constructor = ImageSurface;
+    ImageSurface.prototype.elementType = 'img';
+    ImageSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set content URL.  This will cause a re-rendering.
+     * @method setContent
+     * @param {string} imageUrl
+     */
+    ImageSurface.prototype.setContent = function setContent(imageUrl) {
+        this._imageUrl = imageUrl;
+        this._contentDirty = true;
+    };
+
+    /**
+     * Place the document element that this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    ImageSurface.prototype.deploy = function deploy(target) {
+        target.src = this._imageUrl || '';
+    };
+
+    /**
+     * Remove this component and contained content from the document
+     *
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    ImageSurface.prototype.recall = function recall(target) {
+        target.src = '';
+    };
+
+    module.exports = ImageSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/InputSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A Famo.us surface in the form of an HTML input element.
+     *   This extends the Surface class.
+     *
+     * @class InputSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {string} [options.placeholder] placeholder text hint that describes the expected value of an <input> element
+     * @param {string} [options.type] specifies the type of element to display (e.g. 'datetime', 'text', 'button', etc.)
+     * @param {string} [options.value] value of text
+     */
+    function InputSurface(options) {
+        this._placeholder = options.placeholder || '';
+        this._value       = options.value || '';
+        this._type        = options.type || 'text';
+        this._name        = options.name || '';
+
+        Surface.apply(this, arguments);
+
+        this.on('click', this.focus.bind(this));
+        window.addEventListener('click', function(event) {
+            if (event.target !== this._currTarget) this.blur();
+        }.bind(this));
+    }
+    InputSurface.prototype = Object.create(Surface.prototype);
+    InputSurface.prototype.constructor = InputSurface;
+
+    InputSurface.prototype.elementType = 'input';
+    InputSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set placeholder text.  Note: Triggers a repaint.
+     *
+     * @method setPlaceholder
+     * @param {string} str Value to set the placeholder to.
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setPlaceholder = function setPlaceholder(str) {
+        this._placeholder = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Focus on the current input, pulling up the keyboard on mobile.
+     *
+     * @method focus
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.focus = function focus() {
+        if (this._currTarget) this._currTarget.focus();
+        return this;
+    };
+
+    /**
+     * Blur the current input, hiding the keyboard on mobile.
+     *
+     * @method blur
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.blur = function blur() {
+        if (this._currTarget) this._currTarget.blur();
+        return this;
+    };
+
+    /**
+     * Set the placeholder conent.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setValue
+     * @param {string} str Value to set the main input value to.
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setValue = function setValue(str) {
+        this._value = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Set the type of element to display conent.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setType
+     * @param {string} str type of the input surface (e.g. 'button', 'text')
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setType = function setType(str) {
+        this._type = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the value of the inner content of the element (e.g. the entered text)
+     *
+     * @method getValue
+     * @return {string} value of element
+     */
+    InputSurface.prototype.getValue = function getValue() {
+        if (this._currTarget) {
+            return this._currTarget.value;
+        }
+        else {
+            return this._value;
+        }
+    };
+
+    /**
+     * Set the name attribute of the element.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setName
+     * @param {string} str element name
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setName = function setName(str) {
+        this._name = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the name attribute of the element.
+     *
+     * @method getName
+     * @return {string} name of element
+     */
+    InputSurface.prototype.getName = function getName() {
+        return this._name;
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    InputSurface.prototype.deploy = function deploy(target) {
+        if (this._placeholder !== '') target.placeholder = this._placeholder;
+        target.value = this._value;
+        target.type = this._type;
+        target.name = this._name;
+    };
+
+    module.exports = InputSurface;
+});
+
+define('famous/surfaces/SubmitInputSurface',['require','exports','module','./InputSurface'],function(require, exports, module) {
+    var InputSurface = require('./InputSurface');
+
+    function SubmitInputSurface(options) {
+        InputSurface.apply(this, arguments);
+        this._type = 'submit';
+        if (options && options.onClick) this.setOnClick(options.onClick);
+    }
+
+    SubmitInputSurface.prototype = Object.create(InputSurface.prototype);
+    SubmitInputSurface.prototype.constructor = SubmitInputSurface;
+
+    SubmitInputSurface.prototype.setOnClick = function(onClick) {
+        this.onClick = onClick;
+    };
+
+    SubmitInputSurface.prototype.deploy = function deploy(target) {
+        if (this.onclick) target.onClick = this.onClick;
+        InputSurface.prototype.deploy.apply(this, arguments);
+    };
+
+    module.exports = SubmitInputSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/TextareaSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A Famo.us surface in the form of an HTML textarea element.
+     *   This extends the Surface class.
+     *
+     * @class TextareaSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {string} [options.placeholder] placeholder text hint that describes the expected value of an textarea element
+     * @param {string} [options.value] value of text
+     * @param {string} [options.name] specifies the name of textarea
+     * @param {string} [options.wrap] specify 'hard' or 'soft' wrap for textarea
+     * @param {number} [options.cols] number of columns in textarea
+     * @param {number} [options.rows] number of rows in textarea
+     */
+    function TextareaSurface(options) {
+        this._placeholder = options.placeholder || '';
+        this._value       = options.value || '';
+        this._name        = options.name || '';
+        this._wrap        = options.wrap || '';
+        this._cols        = options.cols || '';
+        this._rows        = options.rows || '';
+
+        Surface.apply(this, arguments);
+        this.on('click', this.focus.bind(this));
+    }
+    TextareaSurface.prototype = Object.create(Surface.prototype);
+    TextareaSurface.prototype.constructor = TextareaSurface;
+
+    TextareaSurface.prototype.elementType = 'textarea';
+    TextareaSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set placeholder text.  Note: Triggers a repaint.
+     *
+     * @method setPlaceholder
+     * @param {string} str Value to set the placeholder to.
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setPlaceholder = function setPlaceholder(str) {
+        this._placeholder = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Focus on the current input, pulling up the keyboard on mobile.
+     *
+     * @method focus
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.focus = function focus() {
+        if (this._currTarget) this._currTarget.focus();
+        return this;
+    };
+
+    /**
+     * Blur the current input, hiding the keyboard on mobile.
+     *
+     * @method focus
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.blur = function blur() {
+        if (this._currTarget) this._currTarget.blur();
+        return this;
+    };
+
+    /**
+     * Set the value of textarea.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setValue
+     * @param {string} str Value to set the main textarea value to.
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setValue = function setValue(str) {
+        this._value = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the value of the inner content of the textarea (e.g. the entered text)
+     *
+     * @method getValue
+     * @return {string} value of element
+     */
+    TextareaSurface.prototype.getValue = function getValue() {
+        if (this._currTarget) {
+            return this._currTarget.value;
+        }
+        else {
+            return this._value;
+        }
+    };
+
+    /**
+     * Set the name attribute of the element.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setName
+     * @param {string} str element name
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setName = function setName(str) {
+        this._name = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the name attribute of the element.
+     *
+     * @method getName
+     * @return {string} name of element
+     */
+    TextareaSurface.prototype.getName = function getName() {
+        return this._name;
+    };
+
+    /**
+     * Set the wrap of textarea.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setWrap
+     * @param {string} str wrap of the textarea surface (e.g. 'soft', 'hard')
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setWrap = function setWrap(str) {
+        this._wrap = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Set the number of columns visible in the textarea.
+     *   Note: Overridden by surface size; set width to true. (eg. size: [true, *])
+     *         Triggers a repaint next tick.
+     *
+     * @method setColumns
+     * @param {number} num columns in textarea surface
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setColumns = function setColumns(num) {
+        this._cols = num;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Set the number of rows visible in the textarea.
+     *   Note: Overridden by surface size; set height to true. (eg. size: [*, true])
+     *         Triggers a repaint next tick.
+     *
+     * @method setRows
+     * @param {number} num rows in textarea surface
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setRows = function setRows(num) {
+        this._rows = num;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    TextareaSurface.prototype.deploy = function deploy(target) {
+        if (this._placeholder !== '') target.placeholder = this._placeholder;
+        if (this._value !== '') target.value = this._value;
+        if (this._name !== '') target.name = this._name;
+        if (this._wrap !== '') target.wrap = this._wrap;
+        if (this._cols !== '') target.cols = this._cols;
+        if (this._rows !== '') target.rows = this._rows;
+    };
+
+    module.exports = TextareaSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/VideoSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * Creates a famous surface containing video content. Currently adding
+     *   controls and manipulating the video are not supported through the
+     *   surface interface, but can be accomplished via standard JavaScript
+     *   manipulation of the video DOM element.
+     *   This extends the Surface class.
+     *
+     * @class VideoSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] default option overrides
+     * @param {Array.Number} [options.size] [width, height] in pixels
+     * @param {Array.string} [options.classes] CSS classes to set on inner content
+     * @param {Array} [options.properties] string dictionary of HTML attributes to set on target div
+     * @param {string} [options.content] inner (HTML) content of surface
+     * @param {boolean} [options.autoplay] autoplay
+     */
+    function VideoSurface(options) {
+        this._videoUrl = undefined;
+        this.options = Object.create(VideoSurface.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        Surface.apply(this, arguments);
+    }
+    VideoSurface.prototype = Object.create(Surface.prototype);
+    VideoSurface.prototype.constructor = VideoSurface;
+
+    VideoSurface.DEFAULT_OPTIONS = {
+        autoplay: false
+    };
+
+    VideoSurface.prototype.elementType = 'video';
+    VideoSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Boolean} [options.autoplay] HTML autoplay
+     */
+    VideoSurface.prototype.setOptions = function setOptions(options) {
+        for (var key in VideoSurface.DEFAULT_OPTIONS) {
+            if (options[key] !== undefined) this.options[key] = options[key];
+        }
+    };
+
+    /**
+     * Set url of the video.
+     *
+     * @method setContent
+     * @param {string} videoUrl URL
+     */
+    VideoSurface.prototype.setContent = function setContent(videoUrl) {
+        this._videoUrl = videoUrl;
+        this._contentDirty = true;
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *   Note: In the case of VideoSurface, simply changes the options on the target.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    VideoSurface.prototype.deploy = function deploy(target) {
+        target.src = this._videoUrl;
+        target.autoplay = this.options.autoplay;
+    };
+
+    /**
+     * Remove this component and contained content from the document.
+     *   Note: This doesn't actually remove the <video> element from the
+     *   document.
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    VideoSurface.prototype.recall = function recall(target) {
+        target.src = '';
+    };
+
+    module.exports = VideoSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/utilities/KeyCodes',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Collection to map keyboard codes in plain english
+     *
+     * @class KeyCodes
+     * @static
+     */
+    var KeyCodes = {
+        0 : 48,
+        1 : 49,
+        2 : 50,
+        3 : 51,
+        4 : 52,
+        5 : 53,
+        6 : 54,
+        7 : 55,
+        8 : 56,
+        9 : 57,
+        a : 97,
+        b : 98,
+        c : 99,
+        d : 100,
+        e : 101,
+        f : 102,
+        g : 103,
+        h : 104,
+        i : 105,
+        j : 106,
+        k : 107,
+        l : 108,
+        m : 109,
+        n : 110,
+        o : 111,
+        p : 112,
+        q : 113,
+        r : 114,
+        s : 115,
+        t : 116,
+        u : 117,
+        v : 118,
+        w : 119,
+        x : 120,
+        y : 121,
+        z : 122,
+        A : 65,
+        B : 66,
+        C : 67,
+        D : 68,
+        E : 69,
+        F : 70,
+        G : 71,
+        H : 72,
+        I : 73,
+        J : 74,
+        K : 75,
+        L : 76,
+        M : 77,
+        N : 78,
+        O : 79,
+        P : 80,
+        Q : 81,
+        R : 82,
+        S : 83,
+        T : 84,
+        U : 85,
+        V : 86,
+        W : 87,
+        X : 88,
+        Y : 89,
+        Z : 90,
+        ENTER : 13,
+        LEFT_ARROW: 37,
+        RIGHT_ARROW: 39,
+        UP_ARROW: 38,
+        DOWN_ARROW: 40,
+        SPACE: 32,
+        SHIFT: 16,
+        TAB: 9
+    };
+
+    module.exports = KeyCodes;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+// TODO fix func-style
+/*eslint func-style: [0, "declaration"] */
+
+define('famous/utilities/Timer',['require','exports','module','famous/core/Engine'],function(require, exports, module) {
+    /**
+     * An internal library to reproduce javascript time-based scheduling.
+     *   Using standard javascript setTimeout methods can have a negative performance impact
+     *   when combined with the Famous rendering process, so instead require Timer and call
+     *   Timer.setTimeout, Timer.setInterval, etc.
+     *
+     * @class Timer
+     * @constructor
+     */
+    var FamousEngine = require('famous/core/Engine');
+
+    var _event  = 'prerender';
+
+    var getTime = (window.performance) ?
+        function() {
+            return window.performance.now();
+        }
+        : function() {
+            return Date.now();
+        };
+
+    /**
+     * Add a function to be run on every prerender
+     *
+     * @method addTimerFunction
+     *
+     * @param {function} fn function to be run every prerender
+     *
+     * @return {function} function passed in as parameter
+     */
+    function addTimerFunction(fn) {
+        FamousEngine.on(_event, fn);
+        return fn;
+    }
+
+    /**
+     * Wraps a function to be invoked after a certain amount of time.
+     *  After a set duration has passed, it executes the function and
+     *  removes it as a listener to 'prerender'.
+     *
+     * @method setTimeout
+     *
+     * @param {function} fn function to be run after a specified duration
+     * @param {number} duration milliseconds from now to execute the function
+     *
+     * @return {function} function passed in as parameter
+     */
+    function setTimeout(fn, duration) {
+        var t = getTime();
+        var callback = function() {
+            var t2 = getTime();
+            if (t2 - t >= duration) {
+                fn.apply(this, arguments);
+                FamousEngine.removeListener(_event, callback);
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Wraps a function to be invoked after a certain amount of time.
+     *  After a set duration has passed, it executes the function and
+     *  resets the execution time.
+     *
+     * @method setInterval
+     *
+     * @param {function} fn function to be run after a specified duration
+     * @param {number} duration interval to execute function in milliseconds
+     *
+     * @return {function} function passed in as parameter
+     */
+    function setInterval(fn, duration) {
+        var t = getTime();
+        var callback = function() {
+            var t2 = getTime();
+            if (t2 - t >= duration) {
+                fn.apply(this, arguments);
+                t = getTime();
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Wraps a function to be invoked after a certain amount of prerender ticks.
+     *  Similar use to setTimeout but tied to the engine's run speed.
+     *
+     * @method after
+     *
+     * @param {function} fn function to be run after a specified amount of ticks
+     * @param {number} numTicks number of prerender frames to wait
+     *
+     * @return {function} function passed in as parameter
+     */
+    function after(fn, numTicks) {
+        if (numTicks === undefined) return undefined;
+        var callback = function() {
+            numTicks--;
+            if (numTicks <= 0) { //in case numTicks is fraction or negative
+                fn.apply(this, arguments);
+                clear(callback);
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Wraps a function to be continually invoked after a certain amount of prerender ticks.
+     *  Similar use to setInterval but tied to the engine's run speed.
+     *
+     * @method every
+     *
+     * @param {function} fn function to be run after a specified amount of ticks
+     * @param {number} numTicks number of prerender frames to wait
+     *
+     * @return {function} function passed in as parameter
+     */
+    function every(fn, numTicks) {
+        numTicks = numTicks || 1;
+        var initial = numTicks;
+        var callback = function() {
+            numTicks--;
+            if (numTicks <= 0) { //in case numTicks is fraction or negative
+                fn.apply(this, arguments);
+                numTicks = initial;
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Remove a function that gets called every prerender
+     *
+     * @method clear
+     *
+     * @param {function} fn event linstener
+     */
+    function clear(fn) {
+        FamousEngine.removeListener(_event, fn);
+    }
+
+    /**
+     * Executes a function after a certain amount of time. Makes sure
+     *  the function is not run multiple times.
+     *
+     * @method debounce
+     *
+     * @param {function} func function to run after certain amount of time
+     * @param {number} wait amount of time
+     *
+     * @return {function} function that is not able to debounce
+     */
+    function debounce(func, wait) {
+        var timeout;
+        var ctx;
+        var timestamp;
+        var result;
+        var args;
+        return function() {
+            ctx = this;
+            args = arguments;
+            timestamp = getTime();
+
+            var fn = function() {
+                var last = getTime - timestamp;
+
+                if (last < wait) {
+                    timeout = setTimeout(fn, wait - last);
+                } else {
+                    timeout = null;
+                    result = func.apply(ctx, args);
+                }
+            };
+
+            clear(timeout);
+            timeout = setTimeout(fn, wait);
+
+            return result;
+        };
+    }
+
+    module.exports = {
+        setTimeout : setTimeout,
+        setInterval : setInterval,
+        debounce : debounce,
+        after : after,
+        every : every,
+        clear : clear
+    };
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mike@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/ContextualView',['require','exports','module','famous/core/Entity','famous/core/Transform','famous/core/EventHandler','famous/core/OptionsManager'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var Transform = require('famous/core/Transform');
+    var EventHandler = require('famous/core/EventHandler');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * ContextualView is an interface for creating views that need to
+     *   be aware of their parent's transform, size, and/or origin.
+     *   Consists of a OptionsManager paired with an input EventHandler
+     *   and an output EventHandler. Meant to be extended by the developer.
+     * @class ContextualView
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     */
+    function ContextualView(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS || ContextualView.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._id = Entity.register(this);
+    }
+
+    ContextualView.DEFAULT_OPTIONS = {};
+
+    /**
+     * Patches the ContextualLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the ContextualLayout instance.
+     */
+    ContextualView.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Returns ContextualLayout instance's options.
+     *
+     * @method setOptions
+     * @return {Options} options The instance's object of configurable options.
+     */
+    ContextualView.prototype.getOptions = function getOptions() {
+        return this._optionsManager.getOptions();
+    };
+
+    /**
+     * Return the registers Entity id for the ContextualView.
+     *
+     * @private
+     * @method render
+     * @return {Number} Registered Entity id
+     */
+    ContextualView.prototype.render = function render() {
+        return this._id;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    ContextualView.prototype.commit = function commit(context) {};
+
+    module.exports = ContextualView;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/SequentialLayout',['require','exports','module','famous/core/OptionsManager','famous/core/Transform','famous/core/ViewSequence','famous/utilities/Utility'],function(require, exports, module) {
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transform = require('famous/core/Transform');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var Utility = require('famous/utilities/Utility');
+
+    /**
+     * SequentialLayout will lay out a collection of renderables sequentially in the specified direction.
+     * @class SequentialLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=Utility.Direction.Y] Using the direction helper found in the famous Utility
+     * module, this option will lay out the SequentialLayout instance's renderables either horizontally
+     * (x) or vertically (y). Utility's direction is essentially either zero (X) or one (Y), so feel free
+     * to just use integers as well.
+     * @param {Array.Number} [options.defaultItemSize=[50, 50]] In the case where a renderable layed out
+     * under SequentialLayout's control doesen't have a getSize method, SequentialLayout will assign it
+     * this default size. (Commonly a case with Views).
+     */
+    function SequentialLayout(options) {
+        this._items = null;
+        this._size = null;
+        this._outputFunction = SequentialLayout.DEFAULT_OUTPUT_FUNCTION;
+
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+
+        this._itemsCache = [];
+        this._outputCache = {
+            size: null,
+            target: this._itemsCache
+        };
+
+        if (options) this.setOptions(options);
+    }
+
+    SequentialLayout.DEFAULT_OPTIONS = {
+        direction: Utility.Direction.Y,
+        itemSpacing: 0,
+        defaultItemSize: [50, 50]
+    };
+
+    SequentialLayout.DEFAULT_OUTPUT_FUNCTION = function DEFAULT_OUTPUT_FUNCTION(input, offset, index) {
+        var transform = (this.options.direction === Utility.Direction.X) ? Transform.translate(offset, 0) : Transform.translate(0, offset);
+        return {
+            transform: transform,
+            target: input.render()
+        };
+    };
+
+    /**
+     * Returns the width and the height of the SequentialLayout instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of the SequentialLayout instance's current width and height (in that order).
+     */
+    SequentialLayout.prototype.getSize = function getSize() {
+        if (!this._size) this.render(); // hack size in
+        return this._size;
+    };
+
+    /**
+     * Sets the collection of renderables under the SequentialLayout instance's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} items Either an array of renderables or a Famous viewSequence.
+     * @chainable
+     */
+    SequentialLayout.prototype.sequenceFrom = function sequenceFrom(items) {
+        if (items instanceof Array) items = new ViewSequence(items);
+        this._items = items;
+        return this;
+    };
+
+    /**
+     * Patches the SequentialLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the SequentialLayout instance.
+     * @chainable
+     */
+    SequentialLayout.prototype.setOptions = function setOptions(options) {
+        this.optionsManager.setOptions.apply(this.optionsManager, arguments);
+        return this;
+    };
+
+    /**
+     * setOutputFunction is used to apply a user-defined output transform on each processed renderable.
+     *  For a good example, check out SequentialLayout's own DEFAULT_OUTPUT_FUNCTION in the code.
+     *
+     * @method setOutputFunction
+     * @param {Function} outputFunction An output processer for each renderable in the SequentialLayout
+     * instance.
+     * @chainable
+     */
+    SequentialLayout.prototype.setOutputFunction = function setOutputFunction(outputFunction) {
+        this._outputFunction = outputFunction;
+        return this;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    SequentialLayout.prototype.render = function render() {
+        var length = 0;
+        var girth = 0;
+
+        var lengthDim = (this.options.direction === Utility.Direction.X) ? 0 : 1;
+        var girthDim = (this.options.direction === Utility.Direction.X) ? 1 : 0;
+
+        var currentNode = this._items;
+        var result = this._itemsCache;
+        var i = 0;
+        while (currentNode) {
+            var item = currentNode.get();
+            if (!item) break;
+
+            var itemSize;
+            if (item && item.getSize) itemSize = item.getSize();
+            if (!itemSize) itemSize = this.options.defaultItemSize;
+            if (itemSize[girthDim] !== true) girth = Math.max(girth, itemSize[girthDim]);
+
+            var output = this._outputFunction.call(this, item, length, i);
+            result[i] = output;
+
+            if (itemSize[lengthDim] && (itemSize[lengthDim] !== true)) length += itemSize[lengthDim] + this.options.itemSpacing;
+            currentNode = currentNode.getNext();
+            i++;
+        }
+        this._itemsCache.splice(i);
+
+        if (!girth) girth = undefined;
+
+        if (!this._size) this._size = [0, 0];
+        this._size[lengthDim] = length - this.options.itemSpacing; // account for last itemSpacing
+        this._size[girthDim] = girth;
+
+        this._outputCache.size = this.getSize();
+        return this._outputCache;
+    };
+
+    module.exports = SequentialLayout;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/Deck',['require','exports','module','famous/core/Transform','famous/core/OptionsManager','famous/transitions/Transitionable','famous/utilities/Utility','./SequentialLayout'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var Utility = require('famous/utilities/Utility');
+    var SequentialLayout = require('./SequentialLayout');
+
+    /**
+     * A Sequential Layout that can be opened and closed with animations.
+     *
+     *   Takes the same options as SequentialLayout
+     *   as well as options for the open/close transition
+     *   and the rotation you want your Deck instance to layout in.
+     *
+     * @class Deck
+     * @constructor
+     * @extends SequentialLayout
+     *
+     * @param {Options} [options] An object of configurable options
+     * @param {Transition} [options.transition={duration: 500, curve: 'easeOutBounce'}
+     *   The transition that executes upon opening or closing your deck instance.
+     * @param {Number} [stackRotation=0] The amount of rotation applied to the propogation
+     *   of the Deck instance's stack of renderables.
+     * @param {Object} [options.transition] A transition object for changing between states.
+     * @param {Number} [options.direction] axis of expansion (Utility.Direction.X or .Y)
+     */
+    function Deck(options) {
+        SequentialLayout.apply(this, arguments);
+        this.state = new Transitionable(0);
+        this._isOpen = false;
+
+        this.setOutputFunction(function(input, offset, index) {
+            var state = _getState.call(this);
+            var positionMatrix = (this.options.direction === Utility.Direction.X) ?
+                Transform.translate(state * offset, 0, 0.001 * (state - 1) * offset) :
+                Transform.translate(0, state * offset, 0.001 * (state - 1) * offset);
+            var output = input.render();
+            if (this.options.stackRotation) {
+                var amount = this.options.stackRotation * index * (1 - state);
+                output = {
+                    transform: Transform.rotateZ(amount),
+                    origin: [0.5, 0.5],
+                    target: output
+                };
+            }
+            return {
+                transform: positionMatrix,
+                size: input.getSize(),
+                target: output
+            };
+        });
+    }
+    Deck.prototype = Object.create(SequentialLayout.prototype);
+    Deck.prototype.constructor = Deck;
+
+    Deck.DEFAULT_OPTIONS = OptionsManager.patch(SequentialLayout.DEFAULT_OPTIONS, {
+        transition: {
+            curve: 'easeOutBounce',
+            duration: 500
+        },
+        stackRotation: 0
+    });
+
+    /**
+     * Returns the width and the height of the Deck instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of Deck's current width and height (in that order).
+     *   Scales as Deck opens and closes.
+     */
+    Deck.prototype.getSize = function getSize() {
+        var originalSize = SequentialLayout.prototype.getSize.apply(this, arguments);
+        var firstSize = this._items ? this._items.get().getSize() : [0, 0];
+        if (!firstSize) firstSize = [0, 0];
+        var state = _getState.call(this);
+        var invState = 1 - state;
+        return [firstSize[0] * invState + originalSize[0] * state, firstSize[1] * invState + originalSize[1] * state];
+    };
+
+    function _getState(returnFinal) {
+        if (returnFinal) return this._isOpen ? 1 : 0;
+        else return this.state.get();
+    }
+
+    function _setState(pos, transition, callback) {
+        this.state.halt();
+        this.state.set(pos, transition, callback);
+    }
+
+    /**
+     * An accesor method to find out if the messaged Deck instance is open or closed.
+     *
+     * @method isOpen
+     * @return {Boolean} Returns true if the instance is open or false if it's closed.
+     */
+    Deck.prototype.isOpen = function isOpen() {
+        return this._isOpen;
+    };
+
+    /**
+     * Sets the Deck instance to an open state.
+     *
+     * @method open
+     * @param {function} [callback] Executes after transitioning to a fully open state.
+     */
+    Deck.prototype.open = function open(callback) {
+        this._isOpen = true;
+       _setState.call(this, 1, this.options.transition, callback);
+    };
+
+    /**
+     * Sets the Deck instance to an open state.
+     *
+     * @method close
+     * @param {function} [callback] Executes after transitioning to a fully closed state.
+     */
+    Deck.prototype.close = function close(callback) {
+        this._isOpen = false;
+        _setState.call(this, 0, this.options.transition, callback);
+    };
+
+    /**
+     * Sets the Deck instance from its current state to the opposite state.
+     *
+     * @method close
+     * @param {function} [callback] Executes after transitioning to the toggled state.
+     */
+    Deck.prototype.toggle = function toggle(callback) {
+        if (this._isOpen) this.close(callback);
+        else this.open(callback);
+    };
+
+    module.exports = Deck;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/RenderController',['require','exports','module','famous/core/Modifier','famous/core/RenderNode','famous/core/Transform','famous/transitions/Transitionable','famous/core/View'],function(require, exports, module) {
+    var Modifier = require('famous/core/Modifier');
+    var RenderNode = require('famous/core/RenderNode');
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var View = require('famous/core/View');
+
+    /**
+     * A dynamic view that can show or hide different renerables with transitions.
+     * @class RenderController
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Transition} [inTransition=true] The transition in charge of showing a renderable.
+     * @param {Transition} [outTransition=true]  The transition in charge of removing your previous renderable when
+     * you show a new one, or hiding your current renderable.
+     * @param {Boolean} [overlap=true] When showing a new renderable, overlap determines if the
+      out transition of the old one executes concurrently with the in transition of the new one,
+       or synchronously beforehand.
+     */
+    function RenderController(options) {
+        View.apply(this, arguments);
+
+        this._showing = -1;
+        this._outgoingRenderables = [];
+        this._nextRenderable = null;
+
+        this._renderables = [];
+        this._nodes = [];
+        this._modifiers = [];
+        this._states = [];
+
+        this.inTransformMap = RenderController.DefaultMap.transform;
+        this.inOpacityMap = RenderController.DefaultMap.opacity;
+        this.inOriginMap = RenderController.DefaultMap.origin;
+        this.outTransformMap = RenderController.DefaultMap.transform;
+        this.outOpacityMap = RenderController.DefaultMap.opacity;
+        this.outOriginMap = RenderController.DefaultMap.origin;
+
+        this._output = [];
+    }
+    RenderController.prototype = Object.create(View.prototype);
+    RenderController.prototype.constructor = RenderController;
+
+    RenderController.DEFAULT_OPTIONS = {
+        inTransition: true,
+        outTransition: true,
+        overlap: true
+    };
+
+    RenderController.DefaultMap = {
+        transform: function() {
+            return Transform.identity;
+        },
+        opacity: function(progress) {
+            return progress;
+        },
+        origin: null
+    };
+
+    function _mappedState(map, state) {
+        return map(state.get());
+    }
+
+    /**
+     * As your RenderController shows a new renderable, it executes a transition in. This transition in
+     *  will affect a default interior state and modify it as you bring renderables in and out. However, if you want to control
+     *  the transform, opacity, and origin state yourself, you may call certain methods (such as inTransformFrom) to obtain state from an outside source,
+     *  that may either be a function or a Famous transitionable. inTransformFrom sets the accessor for the state of
+     *  the transform used in transitioning in renderables.
+     *
+     * @method inTransformFrom
+     * @param {Function|Transitionable} transform  A function that returns a transform from outside closure, or a
+     * a transitionable that manages a full transform (a sixteen value array).
+     * @chainable
+     */
+    RenderController.prototype.inTransformFrom = function inTransformFrom(transform) {
+        if (transform instanceof Function) this.inTransformMap = transform;
+        else if (transform && transform.get) this.inTransformMap = transform.get.bind(transform);
+        else throw new Error('inTransformFrom takes only function or getter object');
+        //TODO: tween transition
+        return this;
+    };
+
+    /**
+     * inOpacityFrom sets the accessor for the state of the opacity used in transitioning in renderables.
+     * @method inOpacityFrom
+     * @param {Function|Transitionable} opacity  A function that returns an opacity from outside closure, or a
+     * a transitionable that manages opacity (a number between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.inOpacityFrom = function inOpacityFrom(opacity) {
+        if (opacity instanceof Function) this.inOpacityMap = opacity;
+        else if (opacity && opacity.get) this.inOpacityMap = opacity.get.bind(opacity);
+        else throw new Error('inOpacityFrom takes only function or getter object');
+        //TODO: tween opacity
+        return this;
+    };
+
+    /**
+     * inOriginFrom sets the accessor for the state of the origin used in transitioning in renderables.
+     * @method inOriginFrom
+     * @param {Function|Transitionable} origin A function that returns an origin from outside closure, or a
+     * a transitionable that manages origin (a two value array of numbers between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.inOriginFrom = function inOriginFrom(origin) {
+        if (origin instanceof Function) this.inOriginMap = origin;
+        else if (origin && origin.get) this.inOriginMap = origin.get.bind(origin);
+        else throw new Error('inOriginFrom takes only function or getter object');
+        //TODO: tween origin
+        return this;
+    };
+
+    /**
+     * outTransformFrom sets the accessor for the state of the transform used in transitioning out renderables.
+     * @method show
+     * @param {Function|Transitionable} transform  A function that returns a transform from outside closure, or a
+     * a transitionable that manages a full transform (a sixteen value array).
+     * @chainable
+     */
+    RenderController.prototype.outTransformFrom = function outTransformFrom(transform) {
+        if (transform instanceof Function) this.outTransformMap = transform;
+        else if (transform && transform.get) this.outTransformMap = transform.get.bind(transform);
+        else throw new Error('inTransformFrom takes only function or getter object');
+        //TODO: tween transition
+        return this;
+    };
+
+    /**
+     * outOpacityFrom sets the accessor for the state of the opacity used in transitioning out renderables.
+     * @method inOpacityFrom
+     * @param {Function|Transitionable} opacity  A function that returns an opacity from outside closure, or a
+     * a transitionable that manages opacity (a number between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.outOpacityFrom = function outOpacityFrom(opacity) {
+        if (opacity instanceof Function) this.outOpacityMap = opacity;
+        else if (opacity && opacity.get) this.outOpacityMap = opacity.get.bind(opacity);
+        else throw new Error('inOpacityFrom takes only function or getter object');
+        //TODO: tween opacity
+        return this;
+    };
+
+    /**
+     * outOriginFrom sets the accessor for the state of the origin used in transitioning out renderables.
+     * @method inOriginFrom
+     * @param {Function|Transitionable} origin A function that returns an origin from outside closure, or a
+     * a transitionable that manages origin (a two value array of numbers between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.outOriginFrom = function outOriginFrom(origin) {
+        if (origin instanceof Function) this.outOriginMap = origin;
+        else if (origin && origin.get) this.outOriginMap = origin.get.bind(origin);
+        else throw new Error('inOriginFrom takes only function or getter object');
+        //TODO: tween origin
+        return this;
+    };
+
+    /**
+     * Show displays the targeted renderable with a transition and an optional callback to
+     * execute afterwards.
+     * @method show
+     * @param {Object} renderable The renderable you want to show.
+     * @param {Transition} [transition] Overwrites the default transition in to display the
+     * passed-in renderable.
+     * @param {function} [callback] Executes after transitioning in the renderable.
+     * @chainable
+     */
+    RenderController.prototype.show = function show(renderable, transition, callback) {
+        if (!renderable) {
+            return this.hide(callback);
+        }
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = null;
+        }
+
+        if (this._showing >= 0) {
+            if (this.options.overlap) this.hide();
+            else {
+                if (this._nextRenderable) {
+                    this._nextRenderable = renderable;
+                }
+                else {
+                    this._nextRenderable = renderable;
+                    this.hide(function() {
+                        if (this._nextRenderable === renderable) this.show(this._nextRenderable, callback);
+                        this._nextRenderable = null;
+                    });
+                }
+                return undefined;
+            }
+        }
+
+        var state = null;
+
+        // check to see if we should restore
+        var renderableIndex = this._renderables.indexOf(renderable);
+        if (renderableIndex >= 0) {
+            this._showing = renderableIndex;
+            state = this._states[renderableIndex];
+            state.halt();
+
+            var outgoingIndex = this._outgoingRenderables.indexOf(renderable);
+            if (outgoingIndex >= 0) this._outgoingRenderables.splice(outgoingIndex, 1);
+        }
+        else {
+            state = new Transitionable(0);
+
+            var modifier = new Modifier({
+                transform: this.inTransformMap ? _mappedState.bind(this, this.inTransformMap, state) : null,
+                opacity: this.inOpacityMap ? _mappedState.bind(this, this.inOpacityMap, state) : null,
+                origin: this.inOriginMap ? _mappedState.bind(this, this.inOriginMap, state) : null
+            });
+            var node = new RenderNode();
+            node.add(modifier).add(renderable);
+
+            this._showing = this._nodes.length;
+            this._nodes.push(node);
+            this._modifiers.push(modifier);
+            this._states.push(state);
+            this._renderables.push(renderable);
+        }
+
+        if (!transition) transition = this.options.inTransition;
+        state.set(1, transition, callback);
+    };
+
+    /**
+     * Hide hides the currently displayed renderable with an out transition.
+     * @method hide
+     * @param {Transition} [transition] Overwrites the default transition in to hide the
+     * currently controlled renderable.
+     * @param {function} [callback] Executes after transitioning out the renderable.
+     * @chainable
+     */
+    RenderController.prototype.hide = function hide(transition, callback) {
+        if (this._showing < 0) return;
+        var index = this._showing;
+        this._showing = -1;
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = undefined;
+        }
+
+        var node = this._nodes[index];
+        var modifier = this._modifiers[index];
+        var state = this._states[index];
+        var renderable = this._renderables[index];
+
+        modifier.transformFrom(this.outTransformMap ? _mappedState.bind(this, this.outTransformMap, state) : null);
+        modifier.opacityFrom(this.outOpacityMap ? _mappedState.bind(this, this.outOpacityMap, state) : null);
+        modifier.originFrom(this.outOriginMap ? _mappedState.bind(this, this.outOriginMap, state) : null);
+
+        if (this._outgoingRenderables.indexOf(renderable) < 0) this._outgoingRenderables.push(renderable);
+
+        if (!transition) transition = this.options.outTransition;
+        state.halt();
+        state.set(0, transition, function(node, modifier, state, renderable) {
+            if (this._outgoingRenderables.indexOf(renderable) >= 0) {
+                var index = this._nodes.indexOf(node);
+                this._nodes.splice(index, 1);
+                this._modifiers.splice(index, 1);
+                this._states.splice(index, 1);
+                this._renderables.splice(index, 1);
+                this._outgoingRenderables.splice(this._outgoingRenderables.indexOf(renderable), 1);
+
+                if (this._showing >= index) this._showing--;
+            }
+            if (callback) callback.call(this);
+        }.bind(this, node, modifier, state, renderable));
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    RenderController.prototype.render = function render() {
+        var result = this._output;
+        if (result.length > this._nodes.length) result.splice(this._nodes.length);
+        for (var i = 0; i < this._nodes.length; i++) {
+            result[i] = this._nodes[i].render();
+        }
+        return result;
+    };
+
+    module.exports = RenderController;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/EdgeSwapper',['require','exports','module','famous/transitions/CachedMap','famous/core/Entity','famous/core/EventHandler','famous/core/Transform','./RenderController'],function(require, exports, module) {
+    var CachedMap = require('famous/transitions/CachedMap');
+    var Entity = require('famous/core/Entity');
+    var EventHandler = require('famous/core/EventHandler');
+    var Transform = require('famous/core/Transform');
+    var RenderController = require('./RenderController');
+
+    /**
+     * Container which handles swapping renderables from the edge of its parent context.
+     * @class EdgeSwapper
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     *   Takes the same options as RenderController.
+     * @uses RenderController
+     */
+    function EdgeSwapper(options) {
+        this._currentTarget = null;
+        this._size = [undefined, undefined];
+
+        this._controller = new RenderController(options);
+        this._controller.inTransformFrom(CachedMap.create(_transformMap.bind(this, 0.0001)));
+        this._controller.outTransformFrom(CachedMap.create(_transformMap.bind(this, -0.0001)));
+
+        this._eventInput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+
+        this._entityId = Entity.register(this);
+        if (options) this.setOptions(options);
+    }
+
+    function _transformMap(zMax, progress) {
+        return Transform.translate(this._size[0] * (1 - progress), 0, zMax * (1 - progress));
+    }
+
+    /**
+     * Displays the passed-in content with the EdgeSwapper instance's default transition.
+     *
+     * @method show
+     * @param {Object} content The renderable you want to display.
+     */
+    EdgeSwapper.prototype.show = function show(content) {
+        // stop sending input to old target
+        if (this._currentTarget) this._eventInput.unpipe(this._currentTarget);
+
+        this._currentTarget = content;
+
+        // start sending input to new target
+        if (this._currentTarget && this._currentTarget.trigger) this._eventInput.pipe(this._currentTarget);
+
+        this._controller.show.apply(this._controller, arguments);
+    };
+
+    /**
+     * Patches the EdgeSwapper instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Edgeswapper instance.
+     */
+    EdgeSwapper.prototype.setOptions = function setOptions(options) {
+        this._controller.setOptions(options);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    EdgeSwapper.prototype.render = function render() {
+        return this._entityId;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    EdgeSwapper.prototype.commit = function commit(context) {
+        this._size[0] = context.size[0];
+        this._size[1] = context.size[1];
+
+        return {
+            transform: context.transform,
+            opacity: context.opacity,
+            origin: context.origin,
+            size: context.size,
+            target: this._controller.render()
+        };
+    };
+
+    module.exports = EdgeSwapper;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mike@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/FlexibleLayout',['require','exports','module','famous/core/Entity','famous/core/Transform','famous/core/OptionsManager','famous/core/EventHandler','famous/transitions/Transitionable'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var Transform = require('famous/core/Transform');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var EventHandler = require('famous/core/EventHandler');
+    var Transitionable = require('famous/transitions/Transitionable');
+
+    /**
+     * A layout which divides a context into sections based on a proportion
+     *   of the total sum of ratios.  FlexibleLayout can either lay renderables
+     *   out vertically or horizontally.
+     * @class FlexibleLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=0] Direction the FlexibleLayout instance should lay out renderables.
+     * @param {Transition} [options.transition=false] The transiton that controls the FlexibleLayout instance's reflow.
+     * @param {Ratios} [options.ratios=[]] The proportions for the renderables to maintain
+     */
+    function FlexibleLayout(options) {
+        this.options = Object.create(FlexibleLayout.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.id = Entity.register(this);
+
+        this._ratios = new Transitionable(this.options.ratios);
+        this._nodes = [];
+
+        this._cachedDirection = null;
+        this._cachedTotalLength = false;
+        this._cachedLengths = [];
+        this._cachedTransforms = null;
+        this._ratiosDirty = false;
+
+        this._eventOutput = new EventHandler();
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    FlexibleLayout.DIRECTION_X = 0;
+    FlexibleLayout.DIRECTION_Y = 1;
+
+    FlexibleLayout.DEFAULT_OPTIONS = {
+        direction: FlexibleLayout.DIRECTION_X,
+        transition: false,
+        ratios : []
+    };
+
+    function _reflow(ratios, length, direction) {
+        var currTransform;
+        var translation = 0;
+        var flexLength = length;
+        var ratioSum = 0;
+        var ratio;
+        var node;
+        var i;
+
+        this._cachedLengths = [];
+        this._cachedTransforms = [];
+
+        for (i = 0; i < ratios.length; i++){
+            ratio = ratios[i];
+            node = this._nodes[i];
+
+            if (typeof ratio !== 'number')
+                flexLength -= node.getSize()[direction] || 0;
+            else
+                ratioSum += ratio;
+        }
+
+        for (i = 0; i < ratios.length; i++) {
+            node = this._nodes[i];
+            ratio = ratios[i];
+
+            length = (typeof ratio === 'number')
+                ? flexLength * ratio / ratioSum
+                : node.getSize()[direction];
+
+            currTransform = (direction === FlexibleLayout.DIRECTION_X)
+                ? Transform.translate(translation, 0, 0)
+                : Transform.translate(0, translation, 0);
+
+            this._cachedTransforms.push(currTransform);
+            this._cachedLengths.push(length);
+
+            translation += length;
+        }
+    }
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Object} Render spec for this component
+     */
+    FlexibleLayout.prototype.render = function render() {
+        return this.id;
+    };
+
+    /**
+     * Patches the FlexibleLayouts instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the FlexibleLayout instance.
+     */
+    FlexibleLayout.prototype.setOptions = function setOptions(options) {
+        this.optionsManager.setOptions(options);
+    };
+
+    /**
+     * Sets the collection of renderables under the FlexibleLayout instance's control.  Also sets
+     * the associated ratio values for sizing the renderables if given.
+     *
+     * @method sequenceFrom
+     * @param {Array} sequence An array of renderables.
+     */
+    FlexibleLayout.prototype.sequenceFrom = function sequenceFrom(sequence) {
+        this._nodes = sequence;
+
+        if (this._ratios.get().length === 0) {
+            var ratios = [];
+            for (var i = 0; i < this._nodes.length; i++) ratios.push(1);
+            this.setRatios(ratios);
+        }
+    };
+
+    /**
+     * Sets the associated ratio values for sizing the renderables.
+     *
+     * @method setRatios
+     * @param {Array} ratios Array of ratios corresponding to the percentage sizes each renderable should be
+     */
+    FlexibleLayout.prototype.setRatios = function setRatios(ratios, transition, callback) {
+        if (transition === undefined) transition = this.options.transition;
+        var currRatios = this._ratios;
+        if (currRatios.get().length === 0) transition = undefined;
+        if (currRatios.isActive()) currRatios.halt();
+        currRatios.set(ratios, transition, callback);
+        this._ratiosDirty = true;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    FlexibleLayout.prototype.commit = function commit(context) {
+        var parentSize = context.size;
+        var parentTransform = context.transform;
+        var parentOrigin = context.origin;
+
+        var ratios = this._ratios.get();
+        var direction = this.options.direction;
+        var length = parentSize[direction];
+        var size;
+
+        if (length !== this._cachedTotalLength || this._ratiosDirty || this._ratios.isActive() || direction !== this._cachedDirection) {
+            _reflow.call(this, ratios, length, direction);
+
+            if (length !== this._cachedTotalLength) this._cachedTotalLength = length;
+            if (direction !== this._cachedDirection) this._cachedDirection = direction;
+            if (this._ratiosDirty) this._ratiosDirty = false;
+        }
+
+        var result = [];
+        for (var i = 0; i < ratios.length; i++) {
+            size = [undefined, undefined];
+            length = this._cachedLengths[i];
+            size[direction] = length;
+            result.push({
+                transform : this._cachedTransforms[i],
+                size: size,
+                target : this._nodes[i].render()
+            });
+        }
+
+        if (parentSize && (parentOrigin[0] !== 0 && parentOrigin[1] !== 0))
+            parentTransform = Transform.moveThen([-parentSize[0]*parentOrigin[0], -parentSize[1]*parentOrigin[1], 0], parentTransform);
+
+        return {
+            transform: parentTransform,
+            size: parentSize,
+            target: result
+        };
+    };
+
+    module.exports = FlexibleLayout;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/Flipper',['require','exports','module','famous/core/Transform','famous/transitions/Transitionable','famous/core/RenderNode','famous/core/OptionsManager'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var RenderNode = require('famous/core/RenderNode');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * Allows you to link two renderables as front and back sides that can be
+     *  'flipped' back and forth along a chosen axis. Rendering optimizations are
+     *  automatically handled.
+     *
+     * @class Flipper
+     * @constructor
+     * @param {Options} [options] An object of options.
+     * @param {Transition} [options.transition=true] The transition executed when flipping your Flipper instance.
+     */
+    function Flipper(options) {
+        this.options = Object.create(Flipper.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.angle = new Transitionable(0);
+
+        this.frontNode = undefined;
+        this.backNode = undefined;
+
+        this.flipped = false;
+    }
+
+    Flipper.DIRECTION_X = 0;
+    Flipper.DIRECTION_Y = 1;
+
+    var SEPERATION_LENGTH = 1;
+
+    Flipper.DEFAULT_OPTIONS = {
+        transition: true,
+        direction: Flipper.DIRECTION_X
+    };
+
+    /**
+     * Toggles the rotation between the front and back renderables
+     *
+     * @method flip
+     * @param {Object} [transition] Transition definition
+     * @param {Function} [callback] Callback
+     */
+    Flipper.prototype.flip = function flip(transition, callback) {
+        var angle = this.flipped ? 0 : Math.PI;
+        this.setAngle(angle, transition, callback);
+        this.flipped = !this.flipped;
+    };
+
+    /**
+     * Basic setter to the angle
+     *
+     * @method setAngle
+     * @param {Number} angle
+     * @param {Object} [transition] Transition definition
+     * @param {Function} [callback] Callback
+     */
+    Flipper.prototype.setAngle = function setAngle(angle, transition, callback) {
+        if (transition === undefined) transition = this.options.transition;
+        if (this.angle.isActive()) this.angle.halt();
+        this.angle.set(angle, transition, callback);
+    };
+
+    /**
+     * Patches the Flipper instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Flipper instance.
+     */
+    Flipper.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Adds the passed-in renderable to the view associated with the 'front' of the Flipper instance.
+     *
+     * @method setFront
+     * @chainable
+     * @param {Object} node The renderable you want to add to the front.
+     */
+    Flipper.prototype.setFront = function setFront(node) {
+        this.frontNode = node;
+    };
+
+    /**
+     * Adds the passed-in renderable to the view associated with the 'back' of the Flipper instance.
+     *
+     * @method setBack
+     * @chainable
+     * @param {Object} node The renderable you want to add to the back.
+     */
+    Flipper.prototype.setBack = function setBack(node) {
+        this.backNode = node;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Number} Render spec for this component
+     */
+    Flipper.prototype.render = function render() {
+        var angle = this.angle.get();
+
+        var frontTransform;
+        var backTransform;
+
+        if (this.options.direction === Flipper.DIRECTION_X) {
+            frontTransform = Transform.rotateY(angle);
+            backTransform = Transform.rotateY(angle + Math.PI);
+        }
+        else {
+            frontTransform = Transform.rotateX(angle);
+            backTransform = Transform.rotateX(angle + Math.PI);
+        }
+
+        var result = [];
+        if (this.frontNode){
+            result.push({
+                transform: frontTransform,
+                target: this.frontNode.render()
+            });
+        }
+
+        if (this.backNode){
+            result.push({
+                transform: Transform.moveThen([0, 0, SEPERATION_LENGTH], backTransform),
+                target: this.backNode.render()
+            });
+        }
+
+        return result;
+    };
+
+    module.exports = Flipper;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/GridLayout',['require','exports','module','famous/core/Entity','famous/core/RenderNode','famous/core/Transform','famous/core/ViewSequence','famous/core/EventHandler','famous/core/Modifier','famous/core/OptionsManager','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var RenderNode = require('famous/core/RenderNode');
+    var Transform = require('famous/core/Transform');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var EventHandler = require('famous/core/EventHandler');
+    var Modifier = require('famous/core/Modifier');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     * A layout which divides a context into several evenly-sized grid cells.
+     *   If dimensions are provided, the grid is evenly subdivided with children
+     *   cells representing their own context, otherwise the cellSize property is used to compute
+     *   dimensions so that items of cellSize will fit.
+     * @class GridLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Array.Number} [options.dimensions=[1, 1]] A two value array which specifies the amount of columns
+     * and rows in your Gridlayout instance.
+     * @param {Array.Number} [options.cellSize=[250, 250]]  A two-value array which specifies the width and height
+     * of each cell in your Gridlayout instance.
+     * @param {Transition} [options.transition=false] The transiton that controls the Gridlayout instance's reflow.
+     */
+    function GridLayout(options) {
+        this.options = Object.create(GridLayout.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.id = Entity.register(this);
+
+        this._modifiers = [];
+        this._states = [];
+        this._contextSizeCache = [0, 0];
+        this._dimensionsCache = [0, 0];
+        this._activeCount = 0;
+
+        this._eventOutput = new EventHandler();
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    function _reflow(size, cols, rows) {
+        var usableSize = [size[0], size[1]];
+        usableSize[0] -= this.options.gutterSize[0] * (cols - 1);
+        usableSize[1] -= this.options.gutterSize[1] * (rows - 1);
+
+        var rowSize = Math.round(usableSize[1] / rows);
+        var colSize = Math.round(usableSize[0] / cols);
+
+        var currY = 0;
+        var currX;
+        var currIndex = 0;
+        for (var i = 0; i < rows; i++) {
+            currX = 0;
+            for (var j = 0; j < cols; j++) {
+                if (this._modifiers[currIndex] === undefined) {
+                    _createModifier.call(this, currIndex, [colSize, rowSize], [currX, currY, 0], 1);
+                }
+                else {
+                    _animateModifier.call(this, currIndex, [colSize, rowSize], [currX, currY, 0], 1);
+                }
+
+                currIndex++;
+                currX += colSize + this.options.gutterSize[0];
+            }
+
+            currY += rowSize + this.options.gutterSize[1];
+        }
+
+        this._dimensionsCache = [this.options.dimensions[0], this.options.dimensions[1]];
+        this._contextSizeCache = [size[0], size[1]];
+
+        this._activeCount = rows * cols;
+
+        for (i = this._activeCount ; i < this._modifiers.length; i++) _animateModifier.call(this, i, [Math.round(colSize), Math.round(rowSize)], [0, 0], 0);
+
+        this._eventOutput.emit('reflow');
+    }
+
+    function _createModifier(index, size, position, opacity) {
+        var transitionItem = {
+            transform: new TransitionableTransform(Transform.translate.apply(null, position)),
+            opacity: new Transitionable(opacity),
+            size: new Transitionable(size)
+        };
+
+        var modifier = new Modifier({
+            transform: transitionItem.transform,
+            opacity: transitionItem.opacity,
+            size: transitionItem.size
+        });
+
+        this._states[index] = transitionItem;
+        this._modifiers[index] = modifier;
+
+    }
+
+    function _animateModifier(index, size, position, opacity) {
+        var currState = this._states[index];
+
+        var currSize = currState.size;
+        var currOpacity = currState.opacity;
+        var currTransform = currState.transform;
+
+        var transition = this.options.transition;
+
+        currTransform.halt();
+        currOpacity.halt();
+        currSize.halt();
+
+        currTransform.setTranslate(position, transition);
+        currSize.set(size, transition);
+        currOpacity.set(opacity, transition);
+    }
+
+    GridLayout.DEFAULT_OPTIONS = {
+        dimensions: [1, 1],
+        transition: false,
+        gutterSize: [0, 0]
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Object} Render spec for this component
+     */
+    GridLayout.prototype.render = function render() {
+        return this.id;
+    };
+
+    /**
+     * Patches the GridLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the GridLayout instance.
+     */
+    GridLayout.prototype.setOptions = function setOptions(options) {
+        return this.optionsManager.setOptions(options);
+    };
+
+    /**
+     * Sets the collection of renderables under the Gridlayout instance's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} sequence Either an array of renderables or a Famous viewSequence.
+     */
+    GridLayout.prototype.sequenceFrom = function sequenceFrom(sequence) {
+        if (sequence instanceof Array) sequence = new ViewSequence(sequence);
+        this.sequence = sequence;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    GridLayout.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var opacity = context.opacity;
+        var origin = context.origin;
+        var size = context.size;
+
+        var cols = this.options.dimensions[0];
+        var rows = this.options.dimensions[1];
+
+        if (size[0] !== this._contextSizeCache[0] || size[1] !== this._contextSizeCache[1] || cols !== this._dimensionsCache[0] || rows !== this._dimensionsCache[1]) {
+            _reflow.call(this, size, cols, rows);
+        }
+
+        var sequence = this.sequence;
+        var result = [];
+        var currIndex = 0;
+        while (sequence && (currIndex < this._modifiers.length)) {
+            var item = sequence.get();
+            var modifier = this._modifiers[currIndex];
+            if (currIndex >= this._activeCount && this._states[currIndex].opacity.isActive()) {
+                this._modifiers.splice(currIndex, 1);
+                this._states.splice(currIndex, 1);
+            }
+            if (item) {
+                result.push(
+                    modifier.modify({
+                        origin: origin,
+                        target: item.render()
+                    })
+                );
+            }
+            sequence = sequence.getNext();
+            currIndex++;
+        }
+
+        if (size) transform = Transform.moveThen([-size[0]*origin[0], -size[1]*origin[1], 0], transform);
+        return {
+            transform: transform,
+            opacity: opacity,
+            size: size,
+            target: result
+        };
+    };
+
+    module.exports = GridLayout;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/HeaderFooterLayout',['require','exports','module','famous/core/Entity','famous/core/RenderNode','famous/core/Transform','famous/core/OptionsManager'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var RenderNode = require('famous/core/RenderNode');
+    var Transform = require('famous/core/Transform');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * A layout which will arrange three renderables into a header and footer area of defined size,
+      and a content area of flexible size.
+     * @class HeaderFooterLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=HeaderFooterLayout.DIRECTION_Y] A direction of HeaderFooterLayout.DIRECTION_X
+     * lays your HeaderFooterLayout instance horizontally, and a direction of HeaderFooterLayout.DIRECTION_Y
+     * lays it out vertically.
+     * @param {Number} [options.headerSize=undefined]  The amount of pixels allocated to the header node
+     * in the HeaderFooterLayout instance's direction.
+     * @param {Number} [options.footerSize=undefined] The amount of pixels allocated to the footer node
+     * in the HeaderFooterLayout instance's direction.
+     */
+    function HeaderFooterLayout(options) {
+        this.options = Object.create(HeaderFooterLayout.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this._entityId = Entity.register(this);
+
+        this.header = new RenderNode();
+        this.footer = new RenderNode();
+        this.content = new RenderNode();
+    }
+
+    /**
+     *  When used as a value for your HeaderFooterLayout's direction option, causes it to lay out horizontally.
+     *
+     *  @attribute DIRECTION_X
+     *  @type Number
+     *  @static
+     *  @default 0
+     *  @protected
+     */
+    HeaderFooterLayout.DIRECTION_X = 0;
+
+    /**
+     *  When used as a value for your HeaderFooterLayout's direction option, causes it to lay out vertically.
+     *
+     *  @attribute DIRECTION_Y
+     *  @type Number
+     *  @static
+     *  @default 1
+     *  @protected
+     */
+    HeaderFooterLayout.DIRECTION_Y = 1;
+
+    HeaderFooterLayout.DEFAULT_OPTIONS = {
+        direction: HeaderFooterLayout.DIRECTION_Y,
+        headerSize: undefined,
+        footerSize: undefined,
+        defaultHeaderSize: 0,
+        defaultFooterSize: 0
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Object} Render spec for this component
+     */
+    HeaderFooterLayout.prototype.render = function render() {
+        return this._entityId;
+    };
+
+    /**
+     * Patches the HeaderFooterLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the HeaderFooterLayout instance.
+     */
+    HeaderFooterLayout.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    function _resolveNodeSize(node, defaultSize) {
+        var nodeSize = node.getSize();
+        return nodeSize ? nodeSize[this.options.direction] : defaultSize;
+    }
+
+    function _outputTransform(offset) {
+        if (this.options.direction === HeaderFooterLayout.DIRECTION_X) return Transform.translate(offset, 0, 0);
+        else return Transform.translate(0, offset, 0);
+    }
+
+    function _finalSize(directionSize, size) {
+        if (this.options.direction === HeaderFooterLayout.DIRECTION_X) return [directionSize, size[1]];
+        else return [size[0], directionSize];
+    }
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    HeaderFooterLayout.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var origin = context.origin;
+        var size = context.size;
+        var opacity = context.opacity;
+
+        var headerSize = (this.options.headerSize !== undefined) ? this.options.headerSize : _resolveNodeSize.call(this, this.header, this.options.defaultHeaderSize);
+        var footerSize = (this.options.footerSize !== undefined) ? this.options.footerSize : _resolveNodeSize.call(this, this.footer, this.options.defaultFooterSize);
+        var contentSize = size[this.options.direction] - headerSize - footerSize;
+
+        if (size) transform = Transform.moveThen([-size[0]*origin[0], -size[1]*origin[1], 0], transform);
+
+        var result = [
+            {
+                size: _finalSize.call(this, headerSize, size),
+                target: this.header.render()
+            },
+            {
+                transform: _outputTransform.call(this, headerSize),
+                size: _finalSize.call(this, contentSize, size),
+                target: this.content.render()
+            },
+            {
+                transform: _outputTransform.call(this, headerSize + contentSize),
+                size: _finalSize.call(this, footerSize, size),
+                target: this.footer.render()
+            }
+        ];
+
+        return {
+            transform: transform,
+            opacity: opacity,
+            size: size,
+            target: result
+        };
+    };
+
+    module.exports = HeaderFooterLayout;
+});
+
+define('famous/views/Lightbox',['require','exports','module','famous/core/Transform','famous/core/Modifier','famous/core/RenderNode','famous/utilities/Utility','famous/core/OptionsManager','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var Modifier = require('famous/core/Modifier');
+    var RenderNode = require('famous/core/RenderNode');
+    var Utility = require('famous/utilities/Utility');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     * Lightbox, using transitions, shows and hides different renderables. Lightbox can essentially be
+     * thought of as RenderController with a stateful implementation and interface.
+     *
+     * @class Lightbox
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Transform} [options.inTransform] The transform at the start of transitioning in a shown renderable.
+     * @param {Transform} [options.outTransform] The transform at the end of transitioning out a renderable.
+     * @param {Transform} [options.showTransform] The transform applied to your shown renderable in its state of equilibrium.
+     * @param {Number} [options.inOpacity] A number between one and zero that defines the state of a shown renderables opacity upon initially
+     * being transitioned in.
+     * @param {Number} [options.outOpacity] A number between one and zero that defines the state of a shown renderables opacity upon being
+     * fully transitioned out.
+     * @param {Number} [options.showOpacity] A number between one and zero that defines the state of a shown renderables opacity
+     * once succesfully transitioned in.
+     * @param {Array<Number>} [options.inOrigin] A two value array of numbers between one and zero that defines the state of a shown renderables
+     * origin upon intially being transitioned in.
+     * @param {Array<Number>} [options.outOrigin] A two value array of numbers between one and zero that defines the state of a shown renderable
+     * once fully hidden.
+     * @param {Array<Number>} [options.showOrigin] A two value array of numbers between one and zero that defines the state of a shown renderables
+     * origin upon succesfully being shown.
+     * @param {Transition} [options.inTransition=true] The transition in charge of showing a renderable.
+     * @param {Transition} [options.outTransition=true]  The transition in charge of removing your previous renderable when
+     * you show a new one, or hiding your current renderable.
+     * @param {Boolean} [options.overlap=false] When showing a new renderable, overlap determines if the
+     *   out transition of the old one executes concurrently with the in transition of the new one,
+      *  or synchronously beforehand.
+     */
+    function Lightbox(options) {
+        this.options = Object.create(Lightbox.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+
+        this._showing = false;
+        this.nodes = [];
+        this.transforms = [];
+        this.states = [];
+    }
+
+    Lightbox.DEFAULT_OPTIONS = {
+        inTransform: Transform.scale(0.001, 0.001, 0.001),
+        inOpacity: 0,
+        inOrigin: [0.5, 0.5],
+        outTransform: Transform.scale(0.001, 0.001, 0.001),
+        outOpacity: 0,
+        outOrigin: [0.5, 0.5],
+        showTransform: Transform.identity,
+        showOpacity: 1,
+        showOrigin: [0.5, 0.5],
+        inTransition: true,
+        outTransition: true,
+        overlap: false
+    };
+
+    /**
+     * Patches the Lightbox instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Lightbox instance.
+     */
+    Lightbox.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+   /**
+     * Show displays the targeted renderable with a transition and an optional callback to
+     *  execute afterwards.
+     * @method show
+     * @param {Object} renderable The renderable you want to show.
+     * @param {Transition} [transition] Overwrites the default transition in to display the
+     * passed-in renderable.
+     * @param {function} [callback] Executes after transitioning in the renderable.
+     */
+    Lightbox.prototype.show = function show(renderable, transition, callback) {
+        if (!renderable) {
+            return this.hide(callback);
+        }
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = undefined;
+        }
+
+        if (this._showing) {
+            if (this.options.overlap) this.hide();
+            else {
+                return this.hide(this.show.bind(this, renderable, transition, callback));
+            }
+        }
+        this._showing = true;
+
+        var stateItem = {
+            transform: new TransitionableTransform(this.options.inTransform),
+            origin: new Transitionable(this.options.inOrigin),
+            opacity: new Transitionable(this.options.inOpacity)
+        };
+
+        var transform = new Modifier({
+            transform: stateItem.transform,
+            opacity: stateItem.opacity,
+            origin: stateItem.origin
+        });
+        var node = new RenderNode();
+        node.add(transform).add(renderable);
+        this.nodes.push(node);
+        this.states.push(stateItem);
+        this.transforms.push(transform);
+
+        var _cb = callback ? Utility.after(3, callback) : undefined;
+
+        if (!transition) transition = this.options.inTransition;
+        stateItem.transform.set(this.options.showTransform, transition, _cb);
+        stateItem.opacity.set(this.options.showOpacity, transition, _cb);
+        stateItem.origin.set(this.options.showOrigin, transition, _cb);
+    };
+
+    /**
+     * Hide hides the currently displayed renderable with an out transition.
+     * @method hide
+     * @param {Transition} [transition] Overwrites the default transition in to hide the
+     * currently controlled renderable.
+     * @param {function} [callback] Executes after transitioning out the renderable.
+     */
+    Lightbox.prototype.hide = function hide(transition, callback) {
+        if (!this._showing) return;
+        this._showing = false;
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = undefined;
+        }
+
+        var node = this.nodes[this.nodes.length - 1];
+        var transform = this.transforms[this.transforms.length - 1];
+        var stateItem = this.states[this.states.length - 1];
+        var _cb = Utility.after(3, function() {
+            this.nodes.splice(this.nodes.indexOf(node), 1);
+            this.states.splice(this.states.indexOf(stateItem), 1);
+            this.transforms.splice(this.transforms.indexOf(transform), 1);
+            if (callback) callback.call(this);
+        }.bind(this));
+
+        if (!transition) transition = this.options.outTransition;
+        stateItem.transform.set(this.options.outTransform, transition, _cb);
+        stateItem.opacity.set(this.options.outOpacity, transition, _cb);
+        stateItem.origin.set(this.options.outOrigin, transition, _cb);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Lightbox.prototype.render = function render() {
+        var result = [];
+        for (var i = 0; i < this.nodes.length; i++) {
+            result.push(this.nodes[i].render());
+        }
+        return result;
+    };
+
+    module.exports = Lightbox;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/Drag',['require','exports','module','./Force'],function(require, exports, module) {
+    var Force = require('./Force');
+
+    /**
+     * Drag is a force that opposes velocity. Attach it to the physics engine
+     * to slow down a physics body in motion.
+     *
+     * @class Drag
+     * @constructor
+     * @extends Force
+     * @param {Object} options options to set on drag
+     */
+    function Drag(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        Force.call(this);
+    }
+
+    Drag.prototype = Object.create(Force.prototype);
+    Drag.prototype.constructor = Drag;
+
+    /**
+     * @property Drag.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Drag.FORCE_FUNCTIONS = {
+
+        /**
+         * A drag force proportional to the velocity
+         * @attribute LINEAR
+         * @type Function
+         * @param {Vector} velocity
+         * @return {Vector} drag force
+         */
+        LINEAR : function(velocity) {
+            return velocity;
+        },
+
+        /**
+         * A drag force proportional to the square of the velocity
+         * @attribute QUADRATIC
+         * @type Function
+         * @param {Vector} velocity
+         * @return {Vector} drag force
+         */
+        QUADRATIC : function(velocity) {
+            return velocity.mult(velocity.norm());
+        }
+    };
+
+    /**
+     * @property Drag.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Drag.DEFAULT_OPTIONS = {
+
+        /**
+         * The strength of the force
+         *    Range : [0, 0.1]
+         * @attribute strength
+         * @type Number
+         * @default 0.01
+         */
+        strength : 0.01,
+
+        /**
+         * The type of opposing force
+         * @attribute forceFunction
+         * @type Function
+         */
+        forceFunction : Drag.FORCE_FUNCTIONS.LINEAR
+    };
+
+    /**
+     * Adds a drag force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply drag force to.
+     */
+    Drag.prototype.applyForce = function applyForce(targets) {
+        var strength        = this.options.strength;
+        var forceFunction   = this.options.forceFunction;
+        var force           = this.force;
+        for (var index = 0; index < targets.length; index++) {
+            var particle = targets[index];
+            forceFunction(particle.velocity).mult(-strength).put(force);
+            particle.applyForce(force);
+        }
+    };
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    Drag.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    module.exports = Drag;
+});
+
+define('famous/views/Scroller',['require','exports','module','famous/core/Entity','famous/core/Group','famous/core/OptionsManager','famous/core/Transform','famous/utilities/Utility','famous/core/ViewSequence','famous/core/EventHandler'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var Group = require('famous/core/Group');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transform = require('famous/core/Transform');
+    var Utility = require('famous/utilities/Utility');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Scroller lays out a collection of renderables, and will browse through them based on
+     * accessed position. Scroller also broadcasts an 'edgeHit' event, with a position property of the location of the edge,
+     * when you've hit the 'edges' of it's renderable collection.
+     * @class Scroller
+     * @constructor
+      * @event error
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=Utility.Direction.Y] Using the direction helper found in the famous Utility
+     * module, this option will lay out the Scroller instance's renderables either horizontally
+     * (x) or vertically (y). Utility's direction is essentially either zero (X) or one (Y), so feel free
+     * to just use integers as well.
+     * @param {Number} [clipSize=undefined] The size of the area (in pixels) that Scroller will display content in.
+     * @param {Number} [margin=undefined] The size of the area (in pixels) that Scroller will process renderables' associated calculations in.
+     */
+    function Scroller(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this._optionsManager.setOptions(options);
+
+        this._node = null;
+        this._position = 0;
+
+        // used for shifting nodes
+        this._positionOffset = 0;
+
+        this._positionGetter = null;
+        this._outputFunction = null;
+        this._masterOutputFunction = null;
+        this.outputFrom();
+
+        this._onEdge = 0; // -1 for top, 1 for bottom
+
+        this.group = new Group();
+        this.group.add({render: _innerRender.bind(this)});
+
+        this._entityId = Entity.register(this);
+        this._size = [undefined, undefined];
+        this._contextSize = [undefined, undefined];
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Scroller.DEFAULT_OPTIONS = {
+        direction: Utility.Direction.Y,
+        margin: 0,
+        clipSize: undefined,
+        groupScroll: false
+    };
+
+    function _sizeForDir(size) {
+        if (!size) size = this._contextSize;
+        var dimension = (this.options.direction === Utility.Direction.X) ? 0 : 1;
+        return (size[dimension] === undefined) ? this._contextSize[dimension] : size[dimension];
+    }
+
+    function _output(node, offset, target) {
+        var size = node.getSize ? node.getSize() : this._contextSize;
+        var transform = this._outputFunction(offset);
+        target.push({transform: transform, target: node.render()});
+        return _sizeForDir.call(this, size);
+    }
+
+    function _getClipSize() {
+        if (this.options.clipSize) return this.options.clipSize;
+        else return _sizeForDir.call(this, this._contextSize);
+    }
+
+    /**
+     * Patches the Scroller instance's options with the passed-in ones.
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Scroller instance.
+     */
+    Scroller.prototype.setOptions = function setOptions(options) {
+        this._optionsManager.setOptions(options);
+
+        if (this.options.groupScroll) {
+          this.group.pipe(this._eventOutput);
+        }
+        else {
+          this.group.unpipe(this._eventOutput);
+        }
+    };
+
+    /**
+     * Tells you if the Scroller instance is on an edge.
+     * @method onEdge
+     * @return {Boolean} Whether the Scroller instance is on an edge or not.
+     */
+    Scroller.prototype.onEdge = function onEdge() {
+        return this._onEdge;
+    };
+
+    /**
+     * Allows you to overwrite the way Scroller lays out it's renderables. Scroller will
+     * pass an offset into the function. By default the Scroller instance just translates each node
+     * in it's direction by the passed-in offset.
+     * Scroller will translate each renderable down
+     * @method outputFrom
+     * @param {Function} fn A function that takes an offset and returns a transform.
+     * @param {Function} [masterFn]
+     */
+    Scroller.prototype.outputFrom = function outputFrom(fn, masterFn) {
+        if (!fn) {
+            fn = function(offset) {
+                return (this.options.direction === Utility.Direction.X) ? Transform.translate(offset, 0) : Transform.translate(0, offset);
+            }.bind(this);
+            if (!masterFn) masterFn = fn;
+        }
+        this._outputFunction = fn;
+        this._masterOutputFunction = masterFn ? masterFn : function(offset) {
+            return Transform.inverse(fn(-offset));
+        };
+    };
+
+    /**
+     * The Scroller instance's method for reading from an external position. Scroller uses
+     * the external position to actually scroll through it's renderables.
+     * @method positionFrom
+     * @param {Getter} position Can be either a function that returns a position,
+     * or an object with a get method that returns a position.
+     */
+    Scroller.prototype.positionFrom = function positionFrom(position) {
+        if (position instanceof Function) this._positionGetter = position;
+        else if (position && position.get) this._positionGetter = position.get.bind(position);
+        else {
+            this._positionGetter = null;
+            this._position = position;
+        }
+        if (this._positionGetter) this._position = this._positionGetter.call(this);
+    };
+
+    /**
+     * Sets the collection of renderables under the Scroller instance's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} items Either an array of renderables or a Famous viewSequence.
+     * @chainable
+     */
+    Scroller.prototype.sequenceFrom = function sequenceFrom(node) {
+        if (node instanceof Array) node = new ViewSequence({array: node});
+        this._node = node;
+        this._positionOffset = 0;
+    };
+
+    /**
+     * Returns the width and the height of the Scroller instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of the Scroller instance's current width and height (in that order).
+     */
+    Scroller.prototype.getSize = function getSize(actual) {
+        return actual ? this._contextSize : this._size;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Scroller.prototype.render = function render() {
+        if (!this._node) return null;
+        if (this._positionGetter) this._position = this._positionGetter.call(this);
+        return this._entityId;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    Scroller.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var opacity = context.opacity;
+        var origin = context.origin;
+        var size = context.size;
+
+        // reset edge detection on size change
+        if (!this.options.clipSize && (size[0] !== this._contextSize[0] || size[1] !== this._contextSize[1])) {
+            this._onEdge = 0;
+            this._contextSize[0] = size[0];
+            this._contextSize[1] = size[1];
+
+            if (this.options.direction === Utility.Direction.X) {
+                this._size[0] = _getClipSize.call(this);
+                this._size[1] = undefined;
+            }
+            else {
+                this._size[0] = undefined;
+                this._size[1] = _getClipSize.call(this);
+            }
+        }
+
+        var scrollTransform = this._masterOutputFunction(-this._position);
+
+        return {
+            transform: Transform.multiply(transform, scrollTransform),
+            size: size,
+            opacity: opacity,
+            origin: origin,
+            target: this.group.render()
+        };
+    };
+
+    function _normalizeState() {
+        var nodeSize = _sizeForDir.call(this, this._node.getSize());
+        var nextNode = this._node && this._node.getNext ? this._node.getNext() : null;
+        while (nextNode && this._position + this._positionOffset >= nodeSize) {
+            this._positionOffset -= nodeSize;
+            this._node = nextNode;
+            nodeSize = _sizeForDir.call(this, this._node.getSize());
+            nextNode = this._node && this._node.getNext ? this._node.getNext() : null;
+        }
+        var prevNode = this._node && this._node.getPrevious ? this._node.getPrevious() : null;
+        while (prevNode && this._position + this._positionOffset < 0) {
+            var prevNodeSize = _sizeForDir.call(this, prevNode.getSize());
+            this._positionOffset += prevNodeSize;
+            this._node = prevNode;
+            prevNode = this._node && this._node.getPrevious ? this._node.getPrevious() : null;
+        }
+    }
+
+    function _innerRender() {
+        var size = null;
+        var position = this._position;
+        var result = [];
+
+        this._onEdge = 0;
+
+        var offset = -this._positionOffset;
+        var clipSize = _getClipSize.call(this);
+        var currNode = this._node;
+        while (currNode && offset - position < clipSize + this.options.margin) {
+            offset += _output.call(this, currNode, offset, result);
+            currNode = currNode.getNext ? currNode.getNext() : null;
+        }
+
+        var sizeNode = this._node;
+        var nodesSize = _sizeForDir.call(this, sizeNode.getSize());
+        if (offset < clipSize) {
+            while (sizeNode && nodesSize < clipSize) {
+                sizeNode = sizeNode.getPrevious();
+                if (sizeNode) nodesSize += _sizeForDir.call(this, sizeNode.getSize());
+            }
+            sizeNode = this._node;
+            while (sizeNode && nodesSize < clipSize) {
+                sizeNode = sizeNode.getNext();
+                if (sizeNode) nodesSize += _sizeForDir.call(this, sizeNode.getSize());
+            }
+        }
+
+        var edgeSize = (nodesSize !== undefined && nodesSize < clipSize) ? nodesSize : clipSize;
+
+        if (!currNode && offset - position <= edgeSize) {
+            this._onEdge = 1;
+            this._eventOutput.emit('edgeHit', {
+                position: offset - edgeSize
+            });
+        }
+        else if (!this._node.getPrevious() && position <= 0) {
+            this._onEdge = -1;
+            this._eventOutput.emit('edgeHit', {
+                position: 0
+            });
+        }
+
+        // backwards
+        currNode = (this._node && this._node.getPrevious) ? this._node.getPrevious() : null;
+        offset = -this._positionOffset;
+        if (currNode) {
+            size = currNode.getSize ? currNode.getSize() : this._contextSize;
+            offset -= _sizeForDir.call(this, size);
+        }
+
+        while (currNode && ((offset - position) > -(_getClipSize.call(this) + this.options.margin))) {
+            _output.call(this, currNode, offset, result);
+            currNode = currNode.getPrevious ? currNode.getPrevious() : null;
+            if (currNode) {
+                size = currNode.getSize ? currNode.getSize() : this._contextSize;
+                offset -= _sizeForDir.call(this, size);
+            }
+        }
+
+        _normalizeState.call(this);
+        return result;
+    }
+
+    module.exports = Scroller;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/Scrollview',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/forces/Drag','famous/physics/forces/Spring','famous/core/EventHandler','famous/core/OptionsManager','famous/core/ViewSequence','famous/views/Scroller','famous/utilities/Utility','famous/inputs/GenericSync','famous/inputs/ScrollSync','famous/inputs/TouchSync'],function(require, exports, module) {
+    var PhysicsEngine = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Drag = require('famous/physics/forces/Drag');
+    var Spring = require('famous/physics/forces/Spring');
+
+    var EventHandler = require('famous/core/EventHandler');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var Scroller = require('famous/views/Scroller');
+    var Utility = require('famous/utilities/Utility');
+
+    var GenericSync = require('famous/inputs/GenericSync');
+    var ScrollSync = require('famous/inputs/ScrollSync');
+    var TouchSync = require('famous/inputs/TouchSync');
+    GenericSync.register({scroll : ScrollSync, touch : TouchSync});
+
+    /**
+     * Scrollview will lay out a collection of renderables sequentially in the specified direction, and will
+     * allow you to scroll through them with mousewheel or touch events.
+     * @class Scrollview
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=Utility.Direction.Y] Using the direction helper found in the famous Utility
+     * module, this option will lay out the Scrollview instance's renderables either horizontally
+     * (x) or vertically (y). Utility's direction is essentially either zero (X) or one (Y), so feel free
+     * to just use integers as well.
+     * @param {Boolean} [options.rails=true] When true, Scrollview's genericSync will only process input in it's primary access.
+     * @param {Number} [clipSize=undefined] The size of the area (in pixels) that Scrollview will display content in.
+     * @param {Number} [margin=undefined] The size of the area (in pixels) that Scrollview will process renderables' associated calculations in.
+     * @param {Number} [friction=0.001] Input resistance proportional to the velocity of the input.
+     * Controls the feel of the Scrollview instance at low velocities.
+     * @param {Number} [drag=0.0001] Input resistance proportional to the square of the velocity of the input.
+     * Affects Scrollview instance more prominently at high velocities.
+     * @param {Number} [edgeGrip=0.5] A coefficient for resistance against after-touch momentum.
+     * @param {Number} [egePeriod=300] Sets the period on the spring that handles the physics associated
+     * with hitting the end of a scrollview.
+     * @param {Number} [edgeDamp=1] Sets the damping on the spring that handles the physics associated
+     * with hitting the end of a scrollview.
+     * @param {Boolean} [paginated=false] A paginated scrollview will scroll through items discretely
+     * rather than continously.
+     * @param {Number} [pagePeriod=500] Sets the period on the spring that handles the physics associated
+     * with pagination.
+     * @param {Number} [pageDamp=0.8] Sets the damping on the spring that handles the physics associated
+     * with pagination.
+     * @param {Number} [pageStopSpeed=Infinity] The threshold for determining the amount of velocity
+     * required to trigger pagination. The lower the threshold, the easier it is to scroll continuosly.
+     * @param {Number} [pageSwitchSpeed=1] The threshold for momentum-based velocity pagination.
+     * @param {Number} [speedLimit=10] The highest scrolling speed you can reach.
+     */
+    function Scrollview(options) {
+        this.options = Object.create(Scrollview.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        this._node = null;
+
+        this._physicsEngine = new PhysicsEngine();
+        this._particle = new Particle();
+        this._physicsEngine.addBody(this._particle);
+
+        this.spring = new Spring({anchor: [0, 0, 0]});
+
+        this.drag = new Drag({forceFunction: Drag.FORCE_FUNCTIONS.QUADRATIC});
+        this.friction = new Drag({forceFunction: Drag.FORCE_FUNCTIONS.LINEAR});
+
+        this.sync = new GenericSync(['scroll', 'touch'], {direction : this.options.direction});
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        this._eventInput.pipe(this.sync);
+        this.sync.pipe(this._eventInput);
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._touchCount = 0;
+        this._springState = 0;
+        this._onEdge = 0; // -1 for top, 1 for bottom
+        this._pageSpringPosition = 0;
+        this._edgeSpringPosition = 0;
+        this._touchVelocity = undefined;
+        this._earlyEnd = false;
+        this._needsPaginationCheck = false;
+
+        this._scroller = new Scroller();
+        this._scroller.positionFrom(this.getPosition.bind(this));
+
+        this.setOptions(options);
+
+        _bindEvents.call(this);
+    }
+
+    /** @const */
+    var TOLERANCE = 0.5;
+
+    Scrollview.DEFAULT_OPTIONS = {
+        direction: Utility.Direction.Y,
+        rails: true,
+        friction: 0.001,
+        drag: 0.0001,
+        edgeGrip: 0.5,
+        edgePeriod: 300,
+        edgeDamp: 1,
+        margin: 1000,       // mostly safe
+        paginated: false,
+        pagePeriod: 500,
+        pageDamp: 0.8,
+        pageStopSpeed: 10,
+        pageSwitchSpeed: 0.5,
+        speedLimit: 10,
+        groupScroll: false
+    };
+
+    /** @enum */
+    var SpringStates = {
+        NONE: 0,
+        EDGE: 1,
+        PAGE: 2
+    };
+
+    function _handleStart(event) {
+        this._touchCount = event.count;
+        if (event.count === undefined) this._touchCount = 1;
+
+        _detachAgents.call(this);
+        this.setVelocity(0);
+        this._touchVelocity = 0;
+        this._earlyEnd = false;
+    }
+
+    function _handleMove(event) {
+        var velocity = -event.velocity;
+        var delta = -event.delta;
+
+        if (this._onEdge && event.slip) {
+            if ((velocity < 0 && this._onEdge < 0) || (velocity > 0 && this._onEdge > 0)) {
+                if (!this._earlyEnd) {
+                    _handleEnd.call(this, event);
+                    this._earlyEnd = true;
+                }
+            }
+            else if (this._earlyEnd && (Math.abs(velocity) > Math.abs(this.getVelocity()))) {
+                _handleStart.call(this, event);
+            }
+        }
+        if (this._earlyEnd) return;
+        this._touchVelocity = velocity;
+
+        if (event.slip) this.setVelocity(velocity);
+        else this.setPosition(this.getPosition() + delta);
+    }
+
+    function _handleEnd(event) {
+        this._touchCount = event.count || 0;
+        if (!this._touchCount) {
+            _detachAgents.call(this);
+            if (this._onEdge) _setSpring.call(this, this._edgeSpringPosition, SpringStates.EDGE);
+            _attachAgents.call(this);
+            var velocity = -event.velocity;
+            var speedLimit = this.options.speedLimit;
+            if (event.slip) speedLimit *= this.options.edgeGrip;
+            if (velocity < -speedLimit) velocity = -speedLimit;
+            else if (velocity > speedLimit) velocity = speedLimit;
+            this.setVelocity(velocity);
+            this._touchVelocity = undefined;
+            this._needsPaginationCheck = true;
+        }
+    }
+
+    function _bindEvents() {
+        this._eventInput.bindThis(this);
+        this._eventInput.on('start', _handleStart);
+        this._eventInput.on('update', _handleMove);
+        this._eventInput.on('end', _handleEnd);
+
+        this._scroller.on('edgeHit', function(data) {
+            this._edgeSpringPosition = data.position;
+        }.bind(this));
+    }
+
+    function _attachAgents() {
+        if (this._springState) this._physicsEngine.attach([this.spring], this._particle);
+        else this._physicsEngine.attach([this.drag, this.friction], this._particle);
+    }
+
+    function _detachAgents() {
+        this._springState = SpringStates.NONE;
+        this._physicsEngine.detachAll();
+    }
+
+    function _nodeSizeForDirection(node) {
+        var direction = this.options.direction;
+        var nodeSize = (node.getSize() || this._scroller.getSize())[direction];
+        if (!nodeSize) nodeSize = this._scroller.getSize()[direction];
+        return nodeSize;
+    }
+
+    function _handleEdge(edgeDetected) {
+        if (!this._onEdge && edgeDetected) {
+            this.sync.setOptions({scale: this.options.edgeGrip});
+            if (!this._touchCount && this._springState !== SpringStates.EDGE) {
+                _setSpring.call(this, this._edgeSpringPosition, SpringStates.EDGE);
+            }
+        }
+        else if (this._onEdge && !edgeDetected) {
+            this.sync.setOptions({scale: 1});
+            if (this._springState && Math.abs(this.getVelocity()) < 0.001) {
+                // reset agents, detaching the spring
+                _detachAgents.call(this);
+                _attachAgents.call(this);
+            }
+        }
+        this._onEdge = edgeDetected;
+    }
+
+    function _handlePagination() {
+        if (!this._needsPaginationCheck) return;
+
+        if (this._touchCount) return;
+        if (this._springState === SpringStates.EDGE) return;
+
+        var velocity = this.getVelocity();
+        if (Math.abs(velocity) >= this.options.pageStopSpeed) return;
+
+        var position = this.getPosition();
+        var velocitySwitch = Math.abs(velocity) > this.options.pageSwitchSpeed;
+
+        // parameters to determine when to switch
+        var nodeSize = _nodeSizeForDirection.call(this, this._node);
+        var positionNext = position > 0.5 * nodeSize;
+        var velocityNext = velocity > 0;
+
+        if ((positionNext && !velocitySwitch) || (velocitySwitch && velocityNext)) this.goToNextPage();
+        else _setSpring.call(this, 0, SpringStates.PAGE);
+
+        this._needsPaginationCheck = false;
+    }
+
+    function _setSpring(position, springState) {
+        var springOptions;
+        if (springState === SpringStates.EDGE) {
+            this._edgeSpringPosition = position;
+            springOptions = {
+                anchor: [this._edgeSpringPosition, 0, 0],
+                period: this.options.edgePeriod,
+                dampingRatio: this.options.edgeDamp
+            };
+        }
+        else if (springState === SpringStates.PAGE) {
+            this._pageSpringPosition = position;
+            springOptions = {
+                anchor: [this._pageSpringPosition, 0, 0],
+                period: this.options.pagePeriod,
+                dampingRatio: this.options.pageDamp
+            };
+        }
+
+        this.spring.setOptions(springOptions);
+        if (springState && !this._springState) {
+            _detachAgents.call(this);
+            this._springState = springState;
+            _attachAgents.call(this);
+        }
+        this._springState = springState;
+    }
+
+    function _normalizeState() {
+        var position = this.getPosition();
+        var nodeSize = _nodeSizeForDirection.call(this, this._node);
+        var nextNode = this._node.getNext();
+
+        while (position > nodeSize + TOLERANCE && nextNode) {
+            _shiftOrigin.call(this, -nodeSize);
+            position -= nodeSize;
+            this._scroller.sequenceFrom(nextNode);
+            this._node = nextNode;
+            nextNode = this._node.getNext();
+            nodeSize = _nodeSizeForDirection.call(this, this._node);
+        }
+
+        var previousNode = this._node.getPrevious();
+        var previousNodeSize;
+
+        while (position < -TOLERANCE && previousNode) {
+            previousNodeSize = _nodeSizeForDirection.call(this, previousNode);
+            this._scroller.sequenceFrom(previousNode);
+            this._node = previousNode;
+            _shiftOrigin.call(this, previousNodeSize);
+            position += previousNodeSize;
+            previousNode = this._node.getPrevious();
+        }
+    }
+
+    function _shiftOrigin(amount) {
+        this._edgeSpringPosition += amount;
+        this._pageSpringPosition += amount;
+        this.setPosition(this.getPosition() + amount);
+        if (this._springState === SpringStates.EDGE) {
+            this.spring.setOptions({anchor: [this._edgeSpringPosition, 0, 0]});
+        }
+        else if (this._springState === SpringStates.PAGE) {
+            this.spring.setOptions({anchor: [this._pageSpringPosition, 0, 0]});
+        }
+    }
+
+    Scrollview.prototype.outputFrom = function outputFrom() {
+        return this._scroller.outputFrom.apply(this._scroller, arguments);
+    };
+
+    /**
+     * Returns the position associated with the Scrollview instance's current node
+     *  (generally the node currently at the top).
+     * @method getPosition
+     * @param {number} [node] If specified, returns the position of the node at that index in the
+     * Scrollview instance's currently managed collection.
+     * @return {number} The position of either the specified node, or the Scrollview's current Node,
+     * in pixels translated.
+     */
+    Scrollview.prototype.getPosition = function getPosition() {
+        return this._particle.getPosition1D();
+    };
+
+    /**
+     * Sets position of the physics particle that controls Scrollview instance's "position"
+     * @method setPosition
+     * @param {number} x The amount of pixels you want your scrollview to progress by.
+     */
+    Scrollview.prototype.setPosition = function setPosition(x) {
+        this._particle.setPosition1D(x);
+    };
+
+    /**
+     * Returns the Scrollview instance's velocity.
+     * @method getVelocity
+     * @return {Number} The velocity.
+     */
+
+    Scrollview.prototype.getVelocity = function getVelocity() {
+        return this._touchCount ? this._touchVelocity : this._particle.getVelocity1D();
+    };
+
+    /**
+     * Sets the Scrollview instance's velocity. Until affected by input or another call of setVelocity
+     *  the Scrollview instance will scroll at the passed-in velocity.
+     * @method setVelocity
+     * @param {number} v The magnitude of the velocity.
+     */
+    Scrollview.prototype.setVelocity = function setVelocity(v) {
+        this._particle.setVelocity1D(v);
+    };
+
+    /**
+     * Patches the Scrollview instance's options with the passed-in ones.
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Scrollview instance.
+     */
+    Scrollview.prototype.setOptions = function setOptions(options) {
+        if (options) {
+            if (options.direction !== undefined) {
+                if (options.direction === 'x') options.direction = Utility.Direction.X;
+                else if (options.direction === 'y') options.direction = Utility.Direction.Y;
+            }
+
+            this._scroller.setOptions(options);
+            this._optionsManager.setOptions(options);
+        }
+
+        this._scroller.setOptions(this.options);
+        if (this.options.groupScroll)
+            this._scroller.pipe(this._eventInput);
+        else
+            this._scroller.unpipe(this._eventInput);
+
+        this.drag.setOptions({strength: this.options.drag});
+        this.friction.setOptions({strength: this.options.friction});
+
+        this.spring.setOptions({
+            period: this.options.edgePeriod,
+            dampingRatio: this.options.edgeDamp
+        });
+
+        this.sync.setOptions({
+            rails: this.options.rails,
+            direction: (this.options.direction === Utility.Direction.X) ? GenericSync.DIRECTION_X : GenericSync.DIRECTION_Y
+        });
+    };
+
+    /**
+     * goToPreviousPage paginates your Scrollview instance backwards by one item.
+     * @method goToPreviousPage
+     * @return {ViewSequence} The previous node.
+     */
+    Scrollview.prototype.goToPreviousPage = function goToPreviousPage() {
+        if (!this._node) return null;
+        var previousNode = this._node.getPrevious();
+        if (previousNode) {
+            var currentPosition = this.getPosition();
+            var previousNodeSize = _nodeSizeForDirection.call(this, previousNode);
+            this._scroller.sequenceFrom(previousNode);
+            this._node = previousNode;
+            var previousSpringPosition = (currentPosition < TOLERANCE) ? -previousNodeSize : 0;
+            _setSpring.call(this, previousSpringPosition, SpringStates.PAGE);
+            _shiftOrigin.call(this, previousNodeSize);
+        }
+        this._eventOutput.emit('pageChange', {direction: -1});
+        return previousNode;
+    };
+
+    /**
+     * goToNextPage paginates your Scrollview instance forwards by one item.
+     * @method goToNextPage
+     * @return {ViewSequence} The next node.
+     */
+    Scrollview.prototype.goToNextPage = function goToNextPage() {
+        if (!this._node) return null;
+        var nextNode = this._node.getNext();
+        if (nextNode) {
+            var currentPosition = this.getPosition();
+            var currentNodeSize = _nodeSizeForDirection.call(this, this._node);
+            var nextNodeSize = _nodeSizeForDirection.call(this, nextNode);
+            this._scroller.sequenceFrom(nextNode);
+            this._node = nextNode;
+            var nextSpringPosition = (currentPosition > currentNodeSize - TOLERANCE) ? currentNodeSize + nextNodeSize : currentNodeSize;
+            _setSpring.call(this, nextSpringPosition, SpringStates.PAGE);
+            _shiftOrigin.call(this, -currentNodeSize);
+        }
+        this._eventOutput.emit('pageChange', {direction: 1});
+        return nextNode;
+    };
+
+    /**
+     * Sets the collection of renderables under the Scrollview instance's control, by
+     *  setting its current node to the passed in ViewSequence. If you
+     *  pass in an array, the Scrollview instance will set its node as a ViewSequence instantiated with
+     *  the passed-in array.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} node Either an array of renderables or a Famous viewSequence.
+     */
+    Scrollview.prototype.sequenceFrom = function sequenceFrom(node) {
+        if (node instanceof Array) node = new ViewSequence({array: node});
+        this._node = node;
+        return this._scroller.sequenceFrom(node);
+    };
+
+    /**
+     * Returns the width and the height of the Scrollview instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of the Scrollview instance's current width and height (in that order).
+     */
+    Scrollview.prototype.getSize = function getSize() {
+        return this._scroller.getSize.apply(this._scroller, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Scrollview.prototype.render = function render() {
+        if (!this._node) return null;
+
+        _normalizeState.call(this);
+        _handleEdge.call(this, this._scroller.onEdge());
+        if (this.options.paginated) _handlePagination.call(this);
+
+        return this._scroller.render();
+    };
+
+    module.exports = Scrollview;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/ScrollContainer',['require','exports','module','famous/surfaces/ContainerSurface','famous/core/EventHandler','./Scrollview','famous/utilities/Utility','famous/core/OptionsManager'],function(require, exports, module) {
+    var ContainerSurface = require('famous/surfaces/ContainerSurface');
+    var EventHandler = require('famous/core/EventHandler');
+    var Scrollview = require('./Scrollview');
+    var Utility = require('famous/utilities/Utility');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * A Container surface with a scrollview automatically added. The convenience of ScrollContainer lies in
+     * being able to clip out portions of the associated scrollview that lie outside the bounding surface,
+     * and in being able to move the scrollview more easily by applying modifiers to the parent container
+     * surface.
+     * @class ScrollContainer
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Options} [options.container=undefined] Options for the ScrollContainer instance's surface.
+     * @param {Options} [options.scrollview={direction:Utility.Direction.X}]  Options for the ScrollContainer instance's scrollview.
+     */
+    function ScrollContainer(options) {
+        this.options = Object.create(ScrollContainer.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+
+        this.container = new ContainerSurface(this.options.container);
+        this.scrollview = new Scrollview(this.options.scrollview);
+
+        this.container.add(this.scrollview);
+
+        EventHandler.setInputHandler(this, this.scrollview);
+        EventHandler.setOutputHandler(this, this.scrollview);
+        this.scrollview.subscribe(this.container);
+    }
+
+    ScrollContainer.DEFAULT_OPTIONS = {
+        container: {
+            properties: {overflow : 'hidden'}
+        },
+        scrollview: {direction: Utility.Direction.X}
+    };
+
+    /**
+     * Patches the ScrollContainer instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the ScrollContainer instance.
+     */
+    ScrollContainer.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Sets the collection of renderables under the ScrollContainer instance scrollview's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} sequence Either an array of renderables or a Famous ViewSequence.
+     */
+    ScrollContainer.prototype.sequenceFrom = function sequenceFrom() {
+        return this.scrollview.sequenceFrom.apply(this.scrollview, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    ScrollContainer.prototype.render = function render() {
+        return this.container.render.apply(this.container, arguments);
+    };
+
+    module.exports = ScrollContainer;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/NavigationBar',['require','exports','module','famous/core/Scene','famous/core/Surface','famous/core/Transform','famous/core/View'],function(require, exports, module) {
+    var Scene = require('famous/core/Scene');
+    var Surface = require('famous/core/Surface');
+    var Transform = require('famous/core/Transform');
+    var View = require('famous/core/View');
+
+    /**
+     * A view for displaying the title of the current page
+     *  as well as icons for navigating backwards and opening
+     *  further options
+     *
+     * @class NavigationBar
+     * @extends View
+     * @constructor
+     *
+     * @param {object} [options] overrides of default options
+     * @param {Array.number} [options.size=(undefined,0.5)] Size of the navigation bar and it's componenets.
+     * @param {Array.string} [options.backClasses=(back)] CSS Classes attached to back of Navigation.
+     * @param {String} [options.backContent=(&#x25c0;)] Content of the back button.
+     * @param {Array.string} [options.classes=(navigation)] CSS Classes attached to the surfaces.
+     * @param {String} [options.content] Content to pass into title bar.
+     * @param {Array.string} [options.classes=(more)] CSS Classes attached to the More surface.
+     * @param {String} [options.moreContent=(&#x271a;)] Content of the more button.
+     */
+    function NavigationBar(options) {
+        View.apply(this, arguments);
+
+        this.title = new Surface({
+            classes: this.options.classes,
+            content: this.options.content
+        });
+
+        this.back = new Surface({
+            size: [this.options.size[1], this.options.size[1]],
+            classes: this.options.classes,
+            content: this.options.backContent
+        });
+        this.back.on('click', function() {
+            this._eventOutput.emit('back', {});
+        }.bind(this));
+
+        this.more = new Surface({
+            size: [this.options.size[1], this.options.size[1]],
+            classes: this.options.classes,
+            content: this.options.moreContent
+        });
+        this.more.on('click', function() {
+            this._eventOutput.emit('more', {});
+        }.bind(this));
+
+        this.layout = new Scene({
+            id: 'master',
+            size: this.options.size,
+            target: [
+                {
+                    transform: Transform.inFront,
+                    origin: [0, 0.5],
+                    target: this.back
+                },
+                {
+                    origin: [0.5, 0.5],
+                    target: this.title
+                },
+                {
+                    transform: Transform.inFront,
+                    origin: [1, 0.5],
+                    target: this.more
+                }
+            ]
+        });
+
+        this._add(this.layout);
+
+        this._optionsManager.on('change', function(event) {
+            var key = event.id;
+            var data = event.value;
+            if (key === 'size') {
+                this.layout.id.master.setSize(data);
+                this.title.setSize(data);
+                this.back.setSize([data[1], data[1]]);
+                this.more.setSize([data[1], data[1]]);
+            }
+            else if (key === 'backClasses') {
+                this.back.setOptions({classes: this.options.classes.concat(this.options.backClasses)});
+            }
+            else if (key === 'backContent') {
+                this.back.setContent(this.options.backContent);
+            }
+            else if (key === 'classes') {
+                this.title.setOptions({classes: this.options.classes});
+                this.back.setOptions({classes: this.options.classes.concat(this.options.backClasses)});
+                this.more.setOptions({classes: this.options.classes.concat(this.options.moreClasses)});
+            }
+            else if (key === 'content') {
+                this.setContent(this.options.content);
+            }
+            else if (key === 'moreClasses') {
+                this.more.setOptions({classes: this.options.classes.concat(this.options.moreClasses)});
+            }
+            else if (key === 'moreContent') {
+                this.more.setContent(this.options.content);
+            }
+        }.bind(this));
+    }
+
+    NavigationBar.prototype = Object.create(View.prototype);
+    NavigationBar.prototype.constructor = NavigationBar;
+
+    NavigationBar.DEFAULT_OPTIONS = {
+        size: [undefined, 50],
+        backClasses: ['back'],
+        backContent: '&#x25c0;',
+        classes: ['navigation'],
+        content: '',
+        moreClasses: ['more'],
+        moreContent: '&#x271a;'
+    };
+
+    /**
+     * Set the title of the NavigationBar
+     *
+     * @method setContent
+     *
+     * @param {object} content JSON object containing title information
+     *
+     * @return {undefined}
+     */
+    NavigationBar.prototype.setContent = function setContent(content) {
+        return this.title.setContent(content);
+    };
+
+    module.exports = NavigationBar;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/Slider',['require','exports','module','famous/core/Surface','famous/surfaces/CanvasSurface','famous/core/Transform','famous/core/EventHandler','famous/math/Utilities','famous/core/OptionsManager','famous/inputs/MouseSync','famous/inputs/TouchSync','famous/inputs/GenericSync'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+    var CanvasSurface = require('famous/surfaces/CanvasSurface');
+    var Transform = require('famous/core/Transform');
+    var EventHandler = require('famous/core/EventHandler');
+    var Utilities = require('famous/math/Utilities');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    var MouseSync = require('famous/inputs/MouseSync');
+    var TouchSync = require('famous/inputs/TouchSync');
+    var GenericSync = require('famous/inputs/GenericSync');
+
+    GenericSync.register({
+        mouse : MouseSync,
+        touch : TouchSync
+    });
+
+    /** @constructor */
+    function Slider(options) {
+        this.options = Object.create(Slider.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.indicator = new CanvasSurface({
+            size: this.options.indicatorSize,
+            classes : ['slider-back']
+        });
+
+        this.label = new Surface({
+            size: this.options.labelSize,
+            content: this.options.label,
+            properties : {pointerEvents : 'none'},
+            classes: ['slider-label']
+        });
+
+        this.eventOutput = new EventHandler();
+        this.eventInput = new EventHandler();
+        EventHandler.setInputHandler(this, this.eventInput);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+
+        var scale = (this.options.range[1] - this.options.range[0]) / this.options.indicatorSize[0];
+
+        this.sync = new GenericSync(
+            ['mouse', 'touch'],
+            {
+                scale : scale,
+                direction : GenericSync.DIRECTION_X
+            }
+        );
+
+        this.indicator.pipe(this.sync);
+        this.sync.pipe(this);
+
+        this.eventInput.on('update', function(data) {
+            this.set(data.position);
+        }.bind(this));
+
+        this._drawPos = 0;
+        _updateLabel.call(this);
+    }
+
+    Slider.DEFAULT_OPTIONS = {
+        size: [200, 60],
+        indicatorSize: [200, 30],
+        labelSize: [200, 30],
+        range: [0, 1],
+        precision: 2,
+        value: 0,
+        label: '',
+        fillColor: 'rgba(170, 170, 170, 1)'
+    };
+
+    function _updateLabel() {
+        this.label.setContent(this.options.label + '<span style="float: right">' + this.get().toFixed(this.options.precision) + '</span>');
+    }
+
+    Slider.prototype.setOptions = function setOptions(options) {
+        return this.optionsManager.setOptions(options);
+    };
+
+    Slider.prototype.get = function get() {
+        return this.options.value;
+    };
+
+    Slider.prototype.set = function set(value) {
+        if (value === this.options.value) return;
+        this.options.value = Utilities.clamp(value, this.options.range);
+        _updateLabel.call(this);
+        this.eventOutput.emit('change', {value: value});
+    };
+
+    Slider.prototype.getSize = function getSize() {
+        return this.options.size;
+    };
+
+    Slider.prototype.render = function render() {
+        var range = this.options.range;
+        var fillSize = Math.floor(((this.get() - range[0]) / (range[1] - range[0])) * this.options.indicatorSize[0]);
+
+        if (fillSize < this._drawPos) {
+            this.indicator.getContext('2d').clearRect(fillSize, 0, this._drawPos - fillSize + 1, this.options.indicatorSize[1]);
+        }
+        else if (fillSize > this._drawPos) {
+            var ctx = this.indicator.getContext('2d');
+            ctx.fillStyle = this.options.fillColor;
+            ctx.fillRect(this._drawPos-1, 0, fillSize - this._drawPos+1, this.options.indicatorSize[1]);
+        }
+        this._drawPos = fillSize;
+
+        return {
+            size: this.options.size,
+            target: [
+                {
+                    origin: [0, 0],
+                    target: this.indicator.render()
+                },
+                {
+                    transform: Transform.translate(0, 0, 1),
+                    origin: [0, 0],
+                    target: this.label.render()
+                }
+            ]
+        };
+    };
+
+    module.exports = Slider;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/ToggleButton',['require','exports','module','famous/core/Surface','famous/core/EventHandler','famous/views/RenderController'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+    var EventHandler = require('famous/core/EventHandler');
+    var RenderController = require('famous/views/RenderController');
+
+    /**
+     * A view for transitioning between two surfaces based
+     *  on a 'on' and 'off' state
+     *
+     * @class TabBar
+     * @extends View
+     * @constructor
+     *
+     * @param {object} options overrides of default options
+     */
+    function ToggleButton(options) {
+        this.options = {
+            content: '',
+            offClasses: ['off'],
+            onClasses: ['on'],
+            size: undefined,
+            outTransition: {curve: 'easeInOut', duration: 300},
+            inTransition: {curve: 'easeInOut', duration: 300},
+            toggleMode: ToggleButton.TOGGLE,
+            crossfade: true
+        };
+
+        this._eventOutput = new EventHandler();
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this.offSurface = new Surface();
+        this.offSurface.on('click', function() {
+            if (this.options.toggleMode !== ToggleButton.OFF) this.select();
+        }.bind(this));
+        this.offSurface.pipe(this._eventOutput);
+
+        this.onSurface = new Surface();
+        this.onSurface.on('click', function() {
+            if (this.options.toggleMode !== ToggleButton.ON) this.deselect();
+        }.bind(this));
+        this.onSurface.pipe(this._eventOutput);
+
+        this.arbiter = new RenderController({
+            overlap : this.options.crossfade
+        });
+
+        this.deselect();
+
+        if (options) this.setOptions(options);
+    }
+
+    ToggleButton.OFF = 0;
+    ToggleButton.ON = 1;
+    ToggleButton.TOGGLE = 2;
+
+    /**
+     * Transition towards the 'on' state and dispatch an event to
+     *  listeners to announce it was selected
+     *
+     * @method select
+     */
+    ToggleButton.prototype.select = function select() {
+        this.selected = true;
+        this.arbiter.show(this.onSurface, this.options.inTransition);
+//        this.arbiter.setMode(ToggleButton.ON, this.options.inTransition);
+        this._eventOutput.emit('select');
+    };
+
+    /**
+     * Transition towards the 'off' state and dispatch an event to
+     *  listeners to announce it was deselected
+     *
+     * @method deselect
+     */
+    ToggleButton.prototype.deselect = function deselect() {
+        this.selected = false;
+        this.arbiter.show(this.offSurface, this.options.outTransition);
+        this._eventOutput.emit('deselect');
+    };
+
+    /**
+     * Return the state of the button
+     *
+     * @method isSelected
+     *
+     * @return {boolean} selected state
+     */
+    ToggleButton.prototype.isSelected = function isSelected() {
+        return this.selected;
+    };
+
+    /**
+     * Override the current options
+     *
+     * @method setOptions
+     *
+     * @param {object} options JSON
+     */
+    ToggleButton.prototype.setOptions = function setOptions(options) {
+        if (options.content !== undefined) {
+            this.options.content = options.content;
+            this.offSurface.setContent(this.options.content);
+            this.onSurface.setContent(this.options.content);
+        }
+        if (options.offClasses) {
+            this.options.offClasses = options.offClasses;
+            this.offSurface.setClasses(this.options.offClasses);
+        }
+        if (options.onClasses) {
+            this.options.onClasses = options.onClasses;
+            this.onSurface.setClasses(this.options.onClasses);
+        }
+        if (options.size !== undefined) {
+            this.options.size = options.size;
+            this.onSurface.setSize(this.options.size);
+            this.offSurface.setSize(this.options.size);
+        }
+        if (options.toggleMode !== undefined) this.options.toggleMode = options.toggleMode;
+        if (options.outTransition !== undefined) this.options.outTransition = options.outTransition;
+        if (options.inTransition !== undefined) this.options.inTransition = options.inTransition;
+        if (options.crossfade !== undefined) {
+            this.options.crossfade = options.crossfade;
+            this.arbiter.setOptions({overlap: this.options.crossfade});
+        }
+    };
+
+    /**
+     * Return the size defined in the options object
+     *
+     * @method getSize
+     *
+     * @return {array} two element array [height, width]
+     */
+    ToggleButton.prototype.getSize = function getSize() {
+        return this.options.size;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    ToggleButton.prototype.render = function render() {
+        return this.arbiter.render();
+    };
+
+    module.exports = ToggleButton;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/TabBar',['require','exports','module','famous/utilities/Utility','famous/core/View','famous/views/GridLayout','./ToggleButton'],function(require, exports, module) {
+    var Utility = require('famous/utilities/Utility');
+    var View = require('famous/core/View');
+    var GridLayout = require('famous/views/GridLayout');
+    var ToggleButton = require('./ToggleButton');
+
+    /**
+     * A view for displaying various tabs that dispatch events
+     *  based on the id of the button that was clicked
+     *
+     * @class TabBar
+     * @extends View
+     * @constructor
+     *
+     * @param {object} options overrides of default options
+     */
+    function TabBar(options) {
+        View.apply(this, arguments);
+
+        this.layout = new GridLayout();
+        this.buttons = [];
+        this._buttonIds = {};
+        this._buttonCallbacks = {};
+
+        this.layout.sequenceFrom(this.buttons);
+        this._add(this.layout);
+
+        this._optionsManager.on('change', _updateOptions.bind(this));
+    }
+
+    TabBar.prototype = Object.create(View.prototype);
+    TabBar.prototype.constructor = TabBar;
+
+    TabBar.DEFAULT_OPTIONS = {
+        sections: [],
+        widget: ToggleButton,
+        size: [undefined, 50],
+        direction: Utility.Direction.X,
+        buttons: {
+            toggleMode: ToggleButton.ON
+        }
+    };
+
+    /**
+     * Update the options for all components of the view
+     *
+     * @method _updateOptions
+     *
+     * @param {object} data component options
+     */
+    function _updateOptions(data) {
+        var id = data.id;
+        var value = data.value;
+
+        if (id === 'direction') {
+            this.layout.setOptions({dimensions: _resolveGridDimensions.call(this.buttons.length, this.options.direction)});
+        }
+        else if (id === 'buttons') {
+            for (var i in this.buttons) {
+                this.buttons[i].setOptions(value);
+            }
+        }
+        else if (id === 'sections') {
+            for (var sectionId in this.options.sections) {
+                this.defineSection(sectionId, this.options.sections[sectionId]);
+            }
+        }
+    }
+
+    /**
+     * Return an array of the proper dimensions for the tabs
+     *
+     * @method _resolveGridDimensions
+     *
+     * @param {number} count number of buttons
+     * @param {number} direction direction of the layout
+     *
+     * @return {array} the dimensions of the tab section
+     */
+    function _resolveGridDimensions(count, direction) {
+        if (direction === Utility.Direction.X) return [count, 1];
+        else return [1, count];
+    }
+
+    /**
+     * Create a new button with the specified id.  If one already exists with
+     *  that id, unbind all listeners.
+     *
+     * @method defineSection
+     *
+     * @param {string} id name of the button
+     * @param {object} content data for the creation of a new ToggleButton
+     */
+    TabBar.prototype.defineSection = function defineSection(id, content) {
+        var button;
+        var i = this._buttonIds[id];
+
+        if (i === undefined) {
+            i = this.buttons.length;
+            this._buttonIds[id] = i;
+            var widget = this.options.widget;
+            button = new widget();
+            this.buttons[i] = button;
+            this.layout.setOptions({dimensions: _resolveGridDimensions(this.buttons.length, this.options.direction)});
+        }
+        else {
+            button = this.buttons[i];
+            button.unbind('select', this._buttonCallbacks[id]);
+        }
+
+        if (this.options.buttons) button.setOptions(this.options.buttons);
+        button.setOptions(content);
+
+        this._buttonCallbacks[id] = this.select.bind(this, id);
+        button.on('select', this._buttonCallbacks[id]);
+    };
+
+    /**
+     * Select a particular button and dispatch the id of the selection
+     *  to any listeners.  Deselect all others
+     *
+     * @method select
+     *
+     * @param {string} id button id
+     */
+    TabBar.prototype.select = function select(id) {
+        var btn = this._buttonIds[id];
+        // this prevents event loop
+        if (this.buttons[btn] && this.buttons[btn].isSelected()) {
+            this._eventOutput.emit('select', {id: id});
+        }
+        else if (this.buttons[btn]) {
+            this.buttons[btn].select();
+        }
+
+        for (var i = 0; i < this.buttons.length; i++) {
+            if (i !== btn) this.buttons[i].deselect();
+        }
+    };
+
+    module.exports = TabBar;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Body',['require','exports','module','./Particle','famous/core/Transform','famous/math/Vector','famous/math/Quaternion','famous/math/Matrix'],function(require, exports, module) {
+    var Particle = require('./Particle');
+    var Transform = require('famous/core/Transform');
+    var Vector = require('famous/math/Vector');
+    var Quaternion = require('famous/math/Quaternion');
+    var Matrix = require('famous/math/Matrix');
+
+    /**
+     * A unit controlled by the physics engine which extends the zero-dimensional
+     * Particle to include geometry. In addition to maintaining the state
+     * of a Particle its state includes orientation, angular velocity
+     * and angular momentum and responds to torque forces.
+     *
+     * @class Body
+     * @extends Particle
+     * @constructor
+     */
+    function Body(options) {
+        Particle.call(this, options);
+        options = options || {};
+
+        this.orientation     = new Quaternion();
+        this.angularVelocity = new Vector();
+        this.angularMomentum = new Vector();
+        this.torque          = new Vector();
+
+        if (options.orientation)     this.orientation.set(options.orientation);
+        if (options.angularVelocity) this.angularVelocity.set(options.angularVelocity);
+        if (options.angularMomentum) this.angularMomentum.set(options.angularMomentum);
+        if (options.torque)          this.torque.set(options.torque);
+
+        this.setMomentsOfInertia();
+
+        this.angularVelocity.w = 0;        //quaternify the angular velocity
+
+        //registers
+        this.pWorld = new Vector();        //placeholder for world space position
+    }
+
+    Body.DEFAULT_OPTIONS = Particle.DEFAULT_OPTIONS;
+    Body.DEFAULT_OPTIONS.orientation = [0,0,0,1];
+    Body.DEFAULT_OPTIONS.angularVelocity = [0,0,0];
+
+    Body.AXES = Particle.AXES;
+    Body.SLEEP_TOLERANCE = Particle.SLEEP_TOLERANCE;
+    Body.INTEGRATOR = Particle.INTEGRATOR;
+
+    Body.prototype = Object.create(Particle.prototype);
+    Body.prototype.constructor = Body;
+
+    Body.prototype.isBody = true;
+
+    Body.prototype.setMass = function setMass() {
+        Particle.prototype.setMass.apply(this, arguments);
+        this.setMomentsOfInertia();
+    };
+
+    /**
+     * Setter for moment of inertia, which is necessary to give proper
+     * angular inertia depending on the geometry of the body.
+     *
+     * @method setMomentsOfInertia
+     */
+    Body.prototype.setMomentsOfInertia = function setMomentsOfInertia() {
+        this.inertia = new Matrix();
+        this.inverseInertia = new Matrix();
+    };
+
+    /**
+     * Update the angular velocity from the angular momentum state.
+     *
+     * @method updateAngularVelocity
+     */
+    Body.prototype.updateAngularVelocity = function updateAngularVelocity() {
+        this.angularVelocity.set(this.inverseInertia.vectorMultiply(this.angularMomentum));
+    };
+
+    /**
+     * Determine world coordinates from the local coordinate system. Useful
+     * if the Body has rotated in space.
+     *
+     * @method toWorldCoordinates
+     * @param localPosition {Vector} local coordinate vector
+     * @return global coordinate vector {Vector}
+     */
+    Body.prototype.toWorldCoordinates = function toWorldCoordinates(localPosition) {
+        return this.pWorld.set(this.orientation.rotateVector(localPosition));
+    };
+
+    /**
+     * Calculates the kinetic and intertial energy of a body.
+     *
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    Body.prototype.getEnergy = function getEnergy() {
+        return Particle.prototype.getEnergy.call(this)
+            + 0.5 * this.inertia.vectorMultiply(this.angularVelocity).dot(this.angularVelocity);
+    };
+
+    /**
+     * Extends Particle.reset to reset orientation, angular velocity
+     * and angular momentum.
+     *
+     * @method reset
+     * @param [p] {Array|Vector} position
+     * @param [v] {Array|Vector} velocity
+     * @param [q] {Array|Quaternion} orientation
+     * @param [L] {Array|Vector} angular momentum
+     */
+    Body.prototype.reset = function reset(p, v, q, L) {
+        Particle.prototype.reset.call(this, p, v);
+        this.angularVelocity.clear();
+        this.setOrientation(q || [1,0,0,0]);
+        this.setAngularMomentum(L || [0,0,0]);
+    };
+
+    /**
+     * Setter for orientation
+     *
+     * @method setOrientation
+     * @param q {Array|Quaternion} orientation
+     */
+    Body.prototype.setOrientation = function setOrientation(q) {
+        this.orientation.set(q);
+    };
+
+    /**
+     * Setter for angular velocity
+     *
+     * @method setAngularVelocity
+     * @param w {Array|Vector} angular velocity
+     */
+    Body.prototype.setAngularVelocity = function setAngularVelocity(w) {
+        this.wake();
+        this.angularVelocity.set(w);
+    };
+
+    /**
+     * Setter for angular momentum
+     *
+     * @method setAngularMomentum
+     * @param L {Array|Vector} angular momentum
+     */
+    Body.prototype.setAngularMomentum = function setAngularMomentum(L) {
+        this.wake();
+        this.angularMomentum.set(L);
+    };
+
+    /**
+     * Extends Particle.applyForce with an optional argument
+     * to apply the force at an off-centered location, resulting in a torque.
+     *
+     * @method applyForce
+     * @param force {Vector} force
+     * @param [location] {Vector} off-center location on the body
+     */
+    Body.prototype.applyForce = function applyForce(force, location) {
+        Particle.prototype.applyForce.call(this, force);
+        if (location !== undefined) this.applyTorque(location.cross(force));
+    };
+
+    /**
+     * Applied a torque force to a body, inducing a rotation.
+     *
+     * @method applyTorque
+     * @param torque {Vector} torque
+     */
+    Body.prototype.applyTorque = function applyTorque(torque) {
+        this.wake();
+        this.torque.set(this.torque.add(torque));
+    };
+
+    /**
+     * Extends Particle.getTransform to include a rotational component
+     * derived from the particle's orientation.
+     *
+     * @method getTransform
+     * @return transform {Transform}
+     */
+    Body.prototype.getTransform = function getTransform() {
+        return Transform.thenMove(
+            this.orientation.getTransform(),
+            Transform.getTranslate(Particle.prototype.getTransform.call(this))
+        );
+    };
+
+    /**
+     * Extends Particle._integrate to also update the rotational states
+     * of the body.
+     *
+     * @method getTransform
+     * @protected
+     * @param dt {Number} delta time
+     */
+    Body.prototype._integrate = function _integrate(dt) {
+        Particle.prototype._integrate.call(this, dt);
+        this.integrateAngularMomentum(dt);
+        this.updateAngularVelocity(dt);
+        this.integrateOrientation(dt);
+    };
+
+    /**
+     * Updates the angular momentum via the its integrator.
+     *
+     * @method integrateAngularMomentum
+     * @param dt {Number} delta time
+     */
+    Body.prototype.integrateAngularMomentum = function integrateAngularMomentum(dt) {
+        Body.INTEGRATOR.integrateAngularMomentum(this, dt);
+    };
+
+    /**
+     * Updates the orientation via the its integrator.
+     *
+     * @method integrateOrientation
+     * @param dt {Number} delta time
+     */
+    Body.prototype.integrateOrientation = function integrateOrientation(dt) {
+        Body.INTEGRATOR.integrateOrientation(this, dt);
+    };
+
+    module.exports = Body;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Circle',['require','exports','module','./Body','famous/math/Matrix'],function(require, exports, module) {
+    var Body = require('./Body');
+    var Matrix = require('famous/math/Matrix');
+
+    /**
+     * Implements a circle, or spherical, geometry for an Body with
+     * radius.
+     *
+     * @class Circle
+     * @extends Body
+     * @constructor
+     */
+    function Circle(options) {
+        options = options || {};
+        this.setRadius(options.radius || 0);
+        Body.call(this, options);
+    }
+
+    Circle.prototype = Object.create(Body.prototype);
+    Circle.prototype.constructor = Circle;
+
+    /**
+     * Basic setter for radius.
+     * @method setRadius
+     * @param r {Number} radius
+     */
+    Circle.prototype.setRadius = function setRadius(r) {
+        this.radius = r;
+        this.size = [2*this.radius, 2*this.radius];
+        this.setMomentsOfInertia();
+    };
+
+    Circle.prototype.setMomentsOfInertia = function setMomentsOfInertia() {
+        var m = this.mass;
+        var r = this.radius;
+
+        this.inertia = new Matrix([
+            [0.25 * m * r * r, 0, 0],
+            [0, 0.25 * m * r * r, 0],
+            [0, 0, 0.5 * m * r * r]
+        ]);
+
+        this.inverseInertia = new Matrix([
+            [4 / (m * r * r), 0, 0],
+            [0, 4 / (m * r * r), 0],
+            [0, 0, 2 / (m * r * r)]
+        ]);
+    };
+
+    module.exports = Circle;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Rectangle',['require','exports','module','./Body','famous/math/Matrix'],function(require, exports, module) {
+    var Body = require('./Body');
+    var Matrix = require('famous/math/Matrix');
+
+    /**
+     * Implements a rectangular geometry for an Body with
+     * size = [width, height].
+     *
+     * @class Rectangle
+     * @extends Body
+     * @constructor
+     */
+    function Rectangle(options) {
+        options = options || {};
+        this.size = options.size || [0,0];
+        Body.call(this, options);
+    }
+
+    Rectangle.prototype = Object.create(Body.prototype);
+    Rectangle.prototype.constructor = Rectangle;
+
+    /**
+     * Basic setter for size.
+     * @method setSize
+     * @param size {Array} size = [width, height]
+     */
+    Rectangle.prototype.setSize = function setSize(size) {
+        this.size = size;
+        this.setMomentsOfInertia();
+    };
+
+    Rectangle.prototype.setMomentsOfInertia = function setMomentsOfInertia() {
+        var m = this.mass;
+        var w = this.size[0];
+        var h = this.size[1];
+
+        this.inertia = new Matrix([
+            [m * h * h / 12, 0, 0],
+            [0, m * w * w / 12, 0],
+            [0, 0, m * (w * w + h * h) / 12]
+        ]);
+
+        this.inverseInertia = new Matrix([
+            [12 / (m * h * h), 0, 0],
+            [0, 12 / (m * w * w), 0],
+            [0, 0, 12 / (m * (w * w + h * h))]
+        ]);
+    };
+
+    module.exports = Rectangle;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Collision',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  Allows for two circular bodies to collide and bounce off each other.
+     *
+     *  @class Collision
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Number} [options.restitution] The energy ratio lost in a collision (0 = stick, 1 = elastic) Range : [0, 1]
+     *  @param {Number} [options.drift] Baumgarte stabilization parameter. Makes constraints "loosely" (0) or "tightly" (1) enforced. Range : [0, 1]
+     *  @param {Number} [options.slop] Amount of penetration in pixels to ignore before collision event triggers
+     *
+     */
+    function Collision(options) {
+        this.options = Object.create(Collision.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.normal   = new Vector();
+        this.pDiff    = new Vector();
+        this.vDiff    = new Vector();
+        this.impulse1 = new Vector();
+        this.impulse2 = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Collision.prototype = Object.create(Constraint.prototype);
+    Collision.prototype.constructor = Collision;
+
+    Collision.DEFAULT_OPTIONS = {
+        restitution : 0.5,
+        drift : 0.5,
+        slop : 0
+    };
+
+    function _normalVelocity(particle1, particle2) {
+        return particle1.velocity.dot(particle2.velocity);
+    }
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Collision.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Collision.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        if (source === undefined) return;
+
+        var v1 = source.velocity;
+        var p1 = source.position;
+        var w1 = source.inverseMass;
+        var r1 = source.radius;
+
+        var options = this.options;
+        var drift = options.drift;
+        var slop = -options.slop;
+        var restitution = options.restitution;
+
+        var n     = this.normal;
+        var pDiff = this.pDiff;
+        var vDiff = this.vDiff;
+        var impulse1 = this.impulse1;
+        var impulse2 = this.impulse2;
+
+        for (var i = 0; i < targets.length; i++) {
+            var target = targets[i];
+
+            if (target === source) continue;
+
+            var v2 = target.velocity;
+            var p2 = target.position;
+            var w2 = target.inverseMass;
+            var r2 = target.radius;
+
+            pDiff.set(p2.sub(p1));
+            vDiff.set(v2.sub(v1));
+
+            var dist    = pDiff.norm();
+            var overlap = dist - (r1 + r2);
+            var effMass = 1/(w1 + w2);
+            var gamma   = 0;
+
+            if (overlap < 0) {
+
+                n.set(pDiff.normalize());
+
+                if (this._eventOutput) {
+                    var collisionData = {
+                        target  : target,
+                        source  : source,
+                        overlap : overlap,
+                        normal  : n
+                    };
+
+                    this._eventOutput.emit('preCollision', collisionData);
+                    this._eventOutput.emit('collision', collisionData);
+                }
+
+                var lambda = (overlap <= slop)
+                    ? ((1 + restitution) * n.dot(vDiff) + drift/dt * (overlap - slop)) / (gamma + dt/effMass)
+                    : ((1 + restitution) * n.dot(vDiff)) / (gamma + dt/effMass);
+
+                n.mult(dt*lambda).put(impulse1);
+                impulse1.mult(-1).put(impulse2);
+
+                source.applyImpulse(impulse1);
+                target.applyImpulse(impulse2);
+
+                //source.setPosition(p1.add(n.mult(overlap/2)));
+                //target.setPosition(p2.sub(n.mult(overlap/2)));
+
+                if (this._eventOutput) this._eventOutput.emit('postCollision', collisionData);
+
+            }
+        }
+    };
+
+    module.exports = Collision;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Curve',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A constraint that keeps a physics body on a given implicit curve
+     *    regardless of other physical forces are applied to it.
+     *
+     *    A curve constraint is two surface constraints in disguise, as a curve is
+     *    the intersection of two surfaces, and is essentially constrained to both
+     *
+     *  @class Curve
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Function} [options.equation] An implicitly defined surface f(x,y,z) = 0 that body is constrained to e.g. function(x,y,z) { x*x + y*y - r*r } corresponds to a circle of radius r pixels
+     *  @param {Function} [options.plane] An implicitly defined second surface that the body is constrained to
+     *  @param {Number} [options.period] The spring-like reaction when the constraint is violated
+     *  @param {Number} [options.number] The damping-like reaction when the constraint is violated
+     */
+    function Curve(options) {
+        this.options = Object.create(Curve.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.J = new Vector();
+        this.impulse = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Curve.prototype = Object.create(Constraint.prototype);
+    Curve.prototype.constructor = Curve;
+
+    /** @const */ var epsilon = 1e-7;
+    /** @const */ var pi = Math.PI;
+
+    Curve.DEFAULT_OPTIONS = {
+        equation  : function(x,y,z) {
+            return 0;
+        },
+        plane : function(x,y,z) {
+            return z;
+        },
+        period : 0,
+        dampingRatio : 0
+    };
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Curve.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a curve impulse to a physics body.
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body} Array of bodies to apply force to.
+     * @param source {Body} Not applicable
+     * @param dt {Number} Delta time
+     */
+    Curve.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var options = this.options;
+        var impulse = this.impulse;
+        var J = this.J;
+
+        var f = options.equation;
+        var g = options.plane;
+        var dampingRatio = options.dampingRatio;
+        var period = options.period;
+
+        for (var i = 0; i < targets.length; i++) {
+            var body = targets[i];
+
+            var v = body.velocity;
+            var p = body.position;
+            var m = body.mass;
+
+            var gamma;
+            var beta;
+
+            if (period === 0) {
+                gamma = 0;
+                beta = 1;
+            }
+            else {
+                var c = 4 * m * pi * dampingRatio / period;
+                var k = 4 * m * pi * pi / (period * period);
+
+                gamma = 1 / (c + dt*k);
+                beta  = dt*k / (c + dt*k);
+            }
+
+            var x = p.x;
+            var y = p.y;
+            var z = p.z;
+
+            var f0  = f(x, y, z);
+            var dfx = (f(x + epsilon, p, p) - f0) / epsilon;
+            var dfy = (f(x, y + epsilon, p) - f0) / epsilon;
+            var dfz = (f(x, y, p + epsilon) - f0) / epsilon;
+
+            var g0  = g(x, y, z);
+            var dgx = (g(x + epsilon, y, z) - g0) / epsilon;
+            var dgy = (g(x, y + epsilon, z) - g0) / epsilon;
+            var dgz = (g(x, y, z + epsilon) - g0) / epsilon;
+
+            J.setXYZ(dfx + dgx, dfy + dgy, dfz + dgz);
+
+            var antiDrift = beta/dt * (f0 + g0);
+            var lambda = -(J.dot(v) + antiDrift) / (gamma + dt * J.normSquared() / m);
+
+            impulse.set(J.mult(dt*lambda));
+            body.applyImpulse(impulse);
+        }
+    };
+
+    module.exports = Curve;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Distance',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A constraint that keeps a physics body a given distance away from a given
+     *  anchor, or another attached body.
+     *
+     *
+     *  @class Distance
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Array} [options.anchor] The location of the anchor
+     *  @param {Number} [options.length] The amount of distance from the anchor the constraint should enforce
+     *  @param {Number} [options.minLength] The minimum distance before the constraint is activated. Use this property for a "rope" effect.
+     *  @param {Number} [options.period] The spring-like reaction when the constraint is broken.
+     *  @param {Number} [options.dampingRatio] The damping-like reaction when the constraint is broken.
+     *
+     */
+    function Distance(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.impulse  = new Vector();
+        this.normal   = new Vector();
+        this.diffP    = new Vector();
+        this.diffV    = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Distance.prototype = Object.create(Constraint.prototype);
+    Distance.prototype.constructor = Distance;
+
+    Distance.DEFAULT_OPTIONS = {
+        anchor : null,
+        length : 0,
+        minLength : 0,
+        period : 0,
+        dampingRatio : 0
+    };
+
+    /** @const */ var pi = Math.PI;
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Distance.prototype.setOptions = function setOptions(options) {
+        if (options.anchor) {
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Vector)  this.options.anchor = options.anchor;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+        }
+        if (options.length !== undefined) this.options.length = options.length;
+        if (options.dampingRatio !== undefined) this.options.dampingRatio = options.dampingRatio;
+        if (options.period !== undefined) this.options.period = options.period;
+        if (options.minLength !== undefined) this.options.minLength = options.minLength;
+    };
+
+    function _calcError(impulse, body) {
+        return body.mass * impulse.norm();
+    }
+
+    /**
+     * Set the anchor position
+     *
+     * @method setOptions
+     * @param anchor {Array}
+     */
+    Distance.prototype.setAnchor = function setAnchor(anchor) {
+        if (!this.options.anchor) this.options.anchor = new Vector();
+        this.options.anchor.set(anchor);
+    };
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Distance.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var n        = this.normal;
+        var diffP    = this.diffP;
+        var diffV    = this.diffV;
+        var impulse  = this.impulse;
+        var options  = this.options;
+
+        var dampingRatio = options.dampingRatio;
+        var period       = options.period;
+        var minLength    = options.minLength;
+
+        var p2;
+        var w2;
+
+        if (source) {
+            var v2 = source.velocity;
+            p2 = source.position;
+            w2 = source.inverseMass;
+        }
+        else {
+            p2 = this.options.anchor;
+            w2 = 0;
+        }
+
+        var length = this.options.length;
+
+        for (var i = 0; i < targets.length; i++) {
+            var body = targets[i];
+
+            var v1 = body.velocity;
+            var p1 = body.position;
+            var w1 = body.inverseMass;
+
+            diffP.set(p1.sub(p2));
+            n.set(diffP.normalize());
+
+            var dist = diffP.norm() - length;
+
+            //rope effect
+            if (Math.abs(dist) < minLength) return;
+
+            if (source) diffV.set(v1.sub(v2));
+            else diffV.set(v1);
+
+            var effMass = 1 / (w1 + w2);
+            var gamma;
+            var beta;
+
+            if (period === 0) {
+                gamma = 0;
+                beta  = 1;
+            }
+            else {
+                var c = 4 * effMass * pi * dampingRatio / period;
+                var k = 4 * effMass * pi * pi / (period * period);
+
+                gamma = 1 / (c + dt*k);
+                beta  = dt*k / (c + dt*k);
+            }
+
+            var antiDrift = beta/dt * dist;
+            var lambda    = -(n.dot(diffV) + antiDrift) / (gamma + dt/effMass);
+
+            impulse.set(n.mult(dt*lambda));
+            body.applyImpulse(impulse);
+
+            if (source) source.applyImpulse(impulse.mult(-1));
+        }
+    };
+
+    module.exports = Distance;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Surface',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A constraint that keeps a physics body on a given implicit surface
+     *    regardless of other physical forces are applied to it.
+     *
+     *  @class Surface
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Function} [options.equation] An implicitly defined surface f(x,y,z) = 0 that body is constrained to e.g. function(x,y,z) { x*x + y*y + z*z - r*r } corresponds to a sphere of radius r pixels.
+     *  @param {Number} [options.period] The spring-like reaction when the constraint is violated.
+     *  @param {Number} [options.dampingRatio] The damping-like reaction when the constraint is violated.
+     */
+    function Surface(options) {
+        this.options = Object.create(Surface.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this.J = new Vector();
+        this.impulse  = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Surface.prototype = Object.create(Constraint.prototype);
+    Surface.prototype.constructor = Surface;
+
+    Surface.DEFAULT_OPTIONS = {
+        equation : undefined,
+        period : 0,
+        dampingRatio : 0
+    };
+
+    /** @const */ var epsilon = 1e-7;
+    /** @const */ var pi = Math.PI;
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Surface.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a surface impulse to a physics body.
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body} Array of bodies to apply force to.
+     * @param source {Body} Not applicable
+     * @param dt {Number} Delta time
+     */
+    Surface.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var impulse = this.impulse;
+        var J       = this.J;
+        var options = this.options;
+
+        var f = options.equation;
+        var dampingRatio = options.dampingRatio;
+        var period = options.period;
+
+        for (var i = 0; i < targets.length; i++) {
+            var particle = targets[i];
+
+            var v = particle.velocity;
+            var p = particle.position;
+            var m = particle.mass;
+
+            var gamma;
+            var beta;
+
+            if (period === 0) {
+                gamma = 0;
+                beta = 1;
+            }
+            else {
+                var c = 4 * m * pi * dampingRatio / period;
+                var k = 4 * m * pi * pi / (period * period);
+
+                gamma = 1 / (c + dt*k);
+                beta  = dt*k / (c + dt*k);
+            }
+
+            var x = p.x;
+            var y = p.y;
+            var z = p.z;
+
+            var f0  = f(x, y, z);
+            var dfx = (f(x + epsilon, p, p) - f0) / epsilon;
+            var dfy = (f(x, y + epsilon, p) - f0) / epsilon;
+            var dfz = (f(x, y, p + epsilon) - f0) / epsilon;
+            J.setXYZ(dfx, dfy, dfz);
+
+            var antiDrift = beta/dt * f0;
+            var lambda = -(J.dot(v) + antiDrift) / (gamma + dt * J.normSquared() / m);
+
+            impulse.set(J.mult(dt*lambda));
+            particle.applyImpulse(impulse);
+        }
+    };
+
+    module.exports = Surface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Walls',['require','exports','module','./Constraint','./Wall','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Wall = require('./Wall');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  Walls combines one or more Wall primitives and exposes a simple API to
+     *  interact with several walls at once. A common use case would be to set up
+     *  a bounding box for a physics body, that would collide with each side.
+     *
+     *  @class Walls
+     *  @constructor
+     *  @extends Constraint
+     *  @uses Wall
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Array} [options.sides] An array of sides e.g., [Walls.LEFT, Walls.TOP]
+     *  @param {Array} [options.size] The size of the bounding box of the walls.
+     *  @param {Array} [options.origin] The center of the wall relative to the size.
+     *  @param {Array} [options.drift] Baumgarte stabilization parameter. Makes constraints "loosely" (0) or "tightly" (1) enforced. Range : [0, 1]
+     *  @param {Array} [options.slop] Amount of penetration in pixels to ignore before collision event triggers.
+     *  @param {Array} [options.restitution] The energy ratio lost in a collision (0 = stick, 1 = elastic) The energy ratio lost in a collision (0 = stick, 1 = elastic)
+     *  @param {Array} [options.onContact] How to handle collision against the wall.
+     */
+    function Walls(options) {
+        this.options = Object.create(Walls.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+        _createComponents.call(this, options.sides || this.options.sides);
+
+        Constraint.call(this);
+    }
+
+    Walls.prototype = Object.create(Constraint.prototype);
+    Walls.prototype.constructor = Walls;
+    /**
+     * @property Walls.ON_CONTACT
+     * @type Object
+     * @extends Wall.ON_CONTACT
+     * @static
+     */
+    Walls.ON_CONTACT = Wall.ON_CONTACT;
+
+    /**
+     * An enumeration of common types of walls
+     *    LEFT, RIGHT, TOP, BOTTOM, FRONT, BACK
+     *    TWO_DIMENSIONAL, THREE_DIMENSIONAL
+     *
+     * @property Walls.SIDES
+     * @type Object
+     * @final
+     * @static
+     */
+    Walls.SIDES = {
+        LEFT   : 0,
+        RIGHT  : 1,
+        TOP    : 2,
+        BOTTOM : 3,
+        FRONT  : 4,
+        BACK   : 5,
+        TWO_DIMENSIONAL : [0, 1, 2, 3],
+        THREE_DIMENSIONAL : [0, 1, 2, 3, 4, 5]
+    };
+
+    Walls.DEFAULT_OPTIONS = {
+        sides : Walls.SIDES.TWO_DIMENSIONAL,
+        size : [window.innerWidth, window.innerHeight, 0],
+        origin : [.5, .5, .5],
+        drift : 0.5,
+        slop : 0,
+        restitution : 0.5,
+        onContact : Walls.ON_CONTACT.REFLECT
+    };
+
+    var _SIDE_NORMALS = {
+        0 : new Vector(1, 0, 0),
+        1 : new Vector(-1, 0, 0),
+        2 : new Vector(0, 1, 0),
+        3 : new Vector(0,-1, 0),
+        4 : new Vector(0, 0, 1),
+        5 : new Vector(0, 0,-1)
+    };
+
+    function _getDistance(side, size, origin) {
+        var distance;
+        var SIDES = Walls.SIDES;
+        switch (parseInt(side)) {
+            case SIDES.LEFT:
+                distance = size[0] * origin[0];
+                break;
+            case SIDES.TOP:
+                distance = size[1] * origin[1];
+                break;
+            case SIDES.FRONT:
+                distance = size[2] * origin[2];
+                break;
+            case SIDES.RIGHT:
+                distance = size[0] * (1 - origin[0]);
+                break;
+            case SIDES.BOTTOM:
+                distance = size[1] * (1 - origin[1]);
+                break;
+            case SIDES.BACK:
+                distance = size[2] * (1 - origin[2]);
+                break;
+        }
+        return distance;
+    }
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Walls.prototype.setOptions = function setOptions(options) {
+        var resizeFlag = false;
+        if (options.restitution !== undefined) _setOptionsForEach.call(this, {restitution : options.restitution});
+        if (options.drift !== undefined) _setOptionsForEach.call(this, {drift : options.drift});
+        if (options.slop !== undefined) _setOptionsForEach.call(this, {slop : options.slop});
+        if (options.onContact !== undefined) _setOptionsForEach.call(this, {onContact : options.onContact});
+        if (options.size !== undefined) resizeFlag = true;
+        if (options.sides !== undefined) this.options.sides = options.sides;
+        if (options.origin !== undefined) resizeFlag = true;
+        if (resizeFlag) this.setSize(options.size, options.origin);
+    };
+
+    function _createComponents(sides) {
+        this.components = {};
+        var components = this.components;
+
+        for (var i = 0; i < sides.length; i++) {
+            var side = sides[i];
+            components[i] = new Wall({
+                normal   : _SIDE_NORMALS[side].clone(),
+                distance : _getDistance(side, this.options.size, this.options.origin)
+            });
+        }
+    }
+
+    /*
+     * Setter for size.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Walls.prototype.setSize = function setSize(size, origin) {
+        origin = origin || this.options.origin;
+        if (origin.length < 3) origin[2] = 0.5;
+
+        this.forEach(function(wall, side) {
+            var d = _getDistance(side, size, origin);
+            wall.setOptions({distance : d});
+        });
+
+        this.options.size   = size;
+        this.options.origin = origin;
+    };
+
+    function _setOptionsForEach(options) {
+        this.forEach(function(wall) {
+            wall.setOptions(options);
+        });
+        for (var key in options) this.options[key] = options[key];
+    }
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the walls constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Walls.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        this.forEach(function(wall) {
+            wall.applyConstraint(targets, source, dt);
+        });
+    };
+
+    /**
+     * Apply a method to each wall making up the walls
+     *
+     * @method applyConstraint
+     * @param fn {Function}  Function that takes in a wall as its first parameter
+     */
+    Walls.prototype.forEach = function forEach(fn) {
+        for (var key in this.sides) fn(this.sides[key], key);
+    };
+
+    /**
+     * Rotates the walls by an angle in the XY-plane
+     *
+     * @method applyConstraint
+     * @param angle {Function}
+     */
+    Walls.prototype.rotateZ = function rotateZ(angle) {
+        this.forEach(function(wall) {
+            var n = wall.options.normal;
+            n.rotateZ(angle).put(n);
+        });
+    };
+
+    /**
+     * Rotates the walls by an angle in the YZ-plane
+     *
+     * @method applyConstraint
+     * @param angle {Function}
+     */
+    Walls.prototype.rotateX = function rotateX(angle) {
+        this.forEach(function(wall) {
+            var n = wall.options.normal;
+            n.rotateX(angle).put(n);
+        });
+    };
+
+    /**
+     * Rotates the walls by an angle in the XZ-plane
+     *
+     * @method applyConstraint
+     * @param angle {Function}
+     */
+    Walls.prototype.rotateY = function rotateY(angle) {
+        this.forEach(function(wall) {
+            var n = wall.options.normal;
+            n.rotateY(angle).put(n);
+        });
+    };
+
+    module.exports = Walls;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+//TODO: test options manager
+define('famous/physics/forces/Repulsion',['require','exports','module','./Force','famous/math/Vector'],function(require, exports, module) {
+    var Force = require('./Force');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  Repulsion is a force that repels (attracts) bodies away (towards)
+     *    each other. A repulsion of negative strength is attractive.
+     *
+     *  @class Repulsion
+     *  @constructor
+     *  @extends Force
+     *  @param {Object} options overwrites default options
+     */
+    function Repulsion(options) {
+        this.options = Object.create(Repulsion.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.disp  = new Vector();
+
+        Force.call(this);
+    }
+
+    Repulsion.prototype = Object.create(Force.prototype);
+    Repulsion.prototype.constructor = Repulsion;
+    /**
+     * @property Repulsion.DECAY_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Repulsion.DECAY_FUNCTIONS = {
+
+        /**
+         * A linear decay function
+         * @attribute LINEAR
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff the effective radius of influence
+         */
+        LINEAR : function(r, cutoff) {
+            return Math.max(1 - (1 / cutoff) * r, 0);
+        },
+
+        /**
+         * A Morse potential decay function (http://en.wikipedia.org/wiki/Morse_potential)
+         * @attribute MORSE
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff the minimum radius of influence
+         */
+        MORSE : function(r, cutoff) {
+            var r0 = (cutoff === 0) ? 100 : cutoff;
+            var rShifted = r + r0 * (1 - Math.log(2)); //shift by x-intercept
+            return Math.max(1 - Math.pow(1 - Math.exp(rShifted/r0 - 1), 2), 0);
+        },
+
+        /**
+         * An inverse distance decay function
+         * @attribute INVERSE
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff a distance shift to avoid singularities
+         */
+        INVERSE : function(r, cutoff) {
+            return 1 / (1 - cutoff + r);
+        },
+
+        /**
+         * An inverse squared distance decay function
+         * @attribute INVERSE
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff a distance shift to avoid singularities
+         */
+        GRAVITY : function(r, cutoff) {
+            return 1 / (1 - cutoff + r*r);
+        }
+    };
+
+    /**
+     * @property Repulsion.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Repulsion.DEFAULT_OPTIONS = {
+
+        /**
+         * The strength of the force
+         *    Range : [0, 100]
+         * @attribute strength
+         * @type Number
+         * @default 1
+         */
+        strength : 1,
+
+        /**
+         * The location of the force, if not another physics body
+         *
+         * @attribute anchor
+         * @type Number
+         * @default 0.01
+         * @optional
+         */
+        anchor : undefined,
+
+        /**
+         * The range of the repulsive force
+         * @attribute radii
+         * @type Array
+         * @default [0, Infinity]
+         */
+        range : [0, Infinity],
+
+        /**
+         * A normalization for the force to avoid singularities at the origin
+         * @attribute cutoff
+         * @type Number
+         * @default 0
+         */
+        cutoff : 0,
+
+        /**
+         * The maximum magnitude of the force
+         *    Range : [0, Infinity]
+         * @attribute cap
+         * @type Number
+         * @default Infinity
+         */
+        cap : Infinity,
+
+        /**
+         * The type of decay the repulsive force should have
+         * @attribute decayFunction
+         * @type Function
+         */
+        decayFunction : Repulsion.DECAY_FUNCTIONS.GRAVITY
+    };
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    Repulsion.prototype.setOptions = function setOptions(options) {
+        if (options.anchor !== undefined) {
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+            delete options.anchor;
+        }
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a drag force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body}  Array of bodies to apply force to
+     * @param source {Body}         The source of the force
+     */
+    Repulsion.prototype.applyForce = function applyForce(targets, source) {
+        var options     = this.options;
+        var force       = this.force;
+        var disp        = this.disp;
+
+        var strength    = options.strength;
+        var anchor      = options.anchor || source.position;
+        var cap         = options.cap;
+        var cutoff      = options.cutoff;
+        var rMin        = options.range[0];
+        var rMax        = options.range[1];
+        var decayFn     = options.decayFunction;
+
+        if (strength === 0) return;
+
+        for (var index in targets) {
+            var particle = targets[index];
+
+            if (particle === source) continue;
+
+            var m1 = particle.mass;
+            var p1 = particle.position;
+
+            disp.set(p1.sub(anchor));
+            var r = disp.norm();
+
+            if (r < rMax && r > rMin) {
+                force.set(disp.normalize(strength * m1 * decayFn(r, cutoff)).cap(cap));
+                particle.applyForce(force);
+            }
+        }
+
+    };
+
+    module.exports = Repulsion;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/RotationalDrag',['require','exports','module','./Drag'],function(require, exports, module) {
+    var Drag = require('./Drag');
+
+    /**
+     * Rotational drag is a force that opposes angular velocity.
+     *   Attach it to a physics body to slow down its rotation.
+     *
+     * @class RotationalDrag
+     * @constructor
+     * @extends Force
+     * @param {Object} options options to set on drag
+     */
+    function RotationalDrag(options) {
+        Drag.call(this, options);
+    }
+
+    RotationalDrag.prototype = Object.create(Drag.prototype);
+    RotationalDrag.prototype.constructor = RotationalDrag;
+
+    RotationalDrag.DEFAULT_OPTIONS = Drag.DEFAULT_OPTIONS;
+    RotationalDrag.FORCE_FUNCTIONS = Drag.FORCE_FUNCTIONS;
+
+    /**
+     * @property Repulsion.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    RotationalDrag.FORCE_FUNCTIONS = {
+
+        /**
+         * A drag force proprtional to the angular velocity
+         * @attribute LINEAR
+         * @type Function
+         * @param {Vector} angularVelocity
+         * @return {Vector} drag force
+         */
+        LINEAR : function(angularVelocity) {
+            return angularVelocity;
+        },
+
+        /**
+         * A drag force proprtional to the square of the angular velocity
+         * @attribute QUADRATIC
+         * @type Function
+         * @param {Vector} angularVelocity
+         * @return {Vector} drag force
+         */
+        QUADRATIC : function(angularVelocity) {
+            return angularVelocity.mult(angularVelocity.norm());
+        }
+    };
+
+    /**
+     * Adds a rotational drag force to a physics body's torque accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply drag force to.
+     */
+    RotationalDrag.prototype.applyForce = function applyForce(targets) {
+        var strength       = this.options.strength;
+        var forceFunction  = this.options.forceFunction;
+        var force          = this.force;
+
+        //TODO: rotational drag as function of inertia
+        for (var index = 0; index < targets.length; index++) {
+            var particle = targets[index];
+            forceFunction(particle.angularVelocity).mult(-100*strength).put(force);
+            particle.applyTorque(force);
+        }
+    };
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    RotationalDrag.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    module.exports = RotationalDrag;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+//TODO: test inheritance
+define('famous/physics/forces/RotationalSpring',['require','exports','module','./Spring'],function(require, exports, module) {
+    var Spring = require('./Spring');
+
+    /**
+     *  A force that rotates a physics body back to target Euler angles.
+     *  Just as a spring translates a body to a particular X, Y, Z, location,
+     *  a rotational spring rotates a body to a particular X, Y, Z Euler angle.
+     *      Note: there is no physical agent that does this in the "real world"
+     *
+     *  @class RotationalSpring
+     *  @constructor
+     *  @extends Spring
+     *  @param {Object} options options to set on drag
+     */
+    function RotationalSpring(options) {
+        Spring.call(this, options);
+    }
+
+    RotationalSpring.prototype = Object.create(Spring.prototype);
+    RotationalSpring.prototype.constructor = RotationalSpring;
+
+    RotationalSpring.DEFAULT_OPTIONS = Spring.DEFAULT_OPTIONS;
+    RotationalSpring.FORCE_FUNCTIONS = Spring.FORCE_FUNCTIONS;
+
+    /**
+     * Adds a torque force to a physics body's torque accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply torque to.
+     */
+    RotationalSpring.prototype.applyForce = function applyForce(targets) {
+        var force        = this.force;
+        var options      = this.options;
+        var disp         = this.disp;
+
+        var stiffness    = options.stiffness;
+        var damping      = options.damping;
+        var restLength   = options.length;
+        var anchor       = options.anchor;
+
+        for (var i = 0; i < targets.length; i++) {
+            var target = targets[i];
+
+            disp.set(anchor.sub(target.orientation));
+            var dist = disp.norm() - restLength;
+
+            if (dist === 0) return;
+
+            //if dampingRatio specified, then override strength and damping
+            var m      = target.mass;
+            stiffness *= m;
+            damping   *= m;
+
+            force.set(disp.normalize(stiffness * this.forceFunction(dist, this.options.lMax)));
+
+            if (damping) force.set(force.add(target.angularVelocity.mult(-damping)));
+
+            target.applyTorque(force);
+        }
+    };
+
+    /**
+     * Calculates the potential energy of the rotational spring.
+     *
+     * @method getEnergy
+     * @param {Body} target The physics body attached to the spring
+     */
+    RotationalSpring.prototype.getEnergy = function getEnergy(target) {
+        var options     = this.options;
+        var restLength  = options.length;
+        var anchor      = options.anchor;
+        var strength    = options.stiffness;
+
+        var dist = anchor.sub(target.orientation).norm() - restLength;
+        return 0.5 * strength * dist * dist;
+    };
+
+    module.exports = RotationalSpring;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/VectorField',['require','exports','module','./Force','famous/math/Vector'],function(require, exports, module) {
+    var Force = require('./Force');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A force that moves a physics body to a location with a spring motion.
+     *    The body can be moved to another physics body, or an anchor point.
+     *
+     *  @class VectorField
+     *  @constructor
+     *  @extends Force
+     *  @param {Object} options options to set on drag
+     */
+    function VectorField(options) {
+        this.options = Object.create(VectorField.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        _setFieldOptions.call(this, this.options.field);
+        Force.call(this);
+
+        //registers
+        this.evaluation = new Vector(0,0,0);
+    }
+
+    VectorField.prototype = Object.create(Force.prototype);
+    VectorField.prototype.constructor = VectorField;
+
+    /**
+     * @property Spring.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    VectorField.FIELDS = {
+        /**
+         * Constant force, e.g., gravity
+         * @attribute CONSTANT
+         * @type Function
+         * @param v {Vector}        Current position of physics body
+         * @param options {Object}  The direction of the force
+         *      Pass a {direction : Vector} into the VectorField options
+         * @return {Number} unscaled force
+         */
+        CONSTANT : function(v, options) {
+            return v.set(options.direction);
+        },
+
+        /**
+         * Linear force
+         * @attribute LINEAR
+         * @type Function
+         * @param v {Vector} Current position of physics body
+         * @return {Number} unscaled force
+         */
+        LINEAR : function(v) {
+            return v;
+        },
+
+        /**
+         * Radial force, e.g., Hookean spring
+         * @attribute RADIAL
+         * @type Function
+         * @param v {Vector} Current position of physics body
+         * @return {Number} unscaled force
+         */
+        RADIAL : function(v) {
+            return v.set(v.mult(-1, v));
+        },
+
+        /**
+         * Spherical force
+         * @attribute SPHERE_ATTRACTOR
+         * @type Function
+         * @param v {Vector}        Current position of physics body
+         * @param options {Object}  An object with the radius of the sphere
+         *      Pass a {radius : Number} into the VectorField options
+         * @return {Number} unscaled force
+         */
+        SPHERE_ATTRACTOR : function(v, options) {
+            return v.set(v.mult((options.radius - v.norm()) / v.norm()));
+        },
+
+        /**
+         * Point attractor force, e.g., Hookean spring with an anchor
+         * @attribute POINT_ATTRACTOR
+         * @type Function
+         * @param v {Vector}        Current position of physics body
+         * @param options {Object}  And object with the position of the attractor
+         *      Pass a {position : Vector} into the VectorField options
+         * @return {Number} unscaled force
+         */
+        POINT_ATTRACTOR : function(v, options) {
+            return v.set(options.position.sub(v));
+        }
+    };
+
+    /**
+     * @property VectorField.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    VectorField.DEFAULT_OPTIONS = {
+
+        /**
+         * The strength of the force
+         *    Range : [0, 10]
+         * @attribute strength
+         * @type Number
+         * @default 1
+         */
+        strength : 1,
+
+        /**
+         * Type of vectorfield
+         *    Range : [0, 100]
+         * @attribute field
+         * @type Function
+         */
+        field : VectorField.FIELDS.CONSTANT
+    };
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    VectorField.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    function _setFieldOptions(field) {
+        var FIELDS = VectorField.FIELDS;
+
+        switch (field) {
+            case FIELDS.CONSTANT:
+                if (!this.options.direction) this.options.direction = new Vector(0,1,0);
+                break;
+            case FIELDS.POINT_ATTRACTOR:
+                if (!this.options.position) this.options.position = new Vector(0,0,0);
+                break;
+            case FIELDS.SPHERE_ATTRACTOR:
+                if (!this.options.radius) this.options.radius = 1;
+                break;
+        }
+    }
+
+    function _evaluate(v) {
+        var evaluation = this.evaluation;
+        var field = this.options.field;
+        evaluation.set(v);
+        return field(evaluation, this.options);
+    }
+
+    /**
+     * Adds the vectorfield's force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.body} Array of bodies to apply force to.
+     */
+    VectorField.prototype.applyForce = function applyForce(targets) {
+        var force = this.force;
+        for (var i = 0; i < targets.length; i++) {
+            var particle = targets[i];
+            force.set(
+                _evaluate.call(this, particle.position)
+                .mult(particle.mass * this.options.strength)
+            );
+            particle.applyForce(force);
+        }
+    };
+
+    module.exports = VectorField;
+});
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/famous_styles.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/famous_styles.css	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,163 @@
+body {
+  color: #404040;
+  background-color: #f2f2f0;
+}
+
+.main {
+  background-color: white;
+}
+
+a {
+  color: #fa5c4f;
+}
+
+.red {
+  color: #fa5c4f;
+}
+
+.light-grey {
+  color: #f2f2f0;
+}
+
+.medium-grey {
+  color: #878785;
+}
+
+.red-bg {
+  color: white;
+  background-color: #fa5c4f;
+}
+
+.red-outline {
+  border: 2px solid #fa5c4f;
+}
+
+.grey-bg {
+  background-color: #404040;
+  color: white;
+}
+
+.spacer-line {
+  border-top: 1px solid #fa5c4f;
+}
+
+.white-bg {
+  background-color: white;
+}
+
+@font-face {
+  font-family: "Avenir Next W04 Demi";
+  src: url("fonts/7adddd91-84e0-4423-b40e-61945189916d.eot") format("eot"), url("fonts/b0908846-3d5c-4768-af33-5f968b1da156.woff") format("woff"), url("fonts/fe1602be-28ca-467e-9cd3-7bfc586f31bc.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "AvenirNextLTW02-Regular";
+  src: url("fonts/7a1b7ae7-5c29-481f-83ac-652e932c5509.eot") format("eot"), url("fonts/3a42a252-67ff-4186-88cf-762f56719ca1.woff") format("woff"), url("fonts/dbc39ae3-2636-4653-a23e-8938bce2cf51.ttf") format("truetype");
+}
+
+input:focus {
+  border: 1px solid #fa5c4f;
+}
+
+input:hover {
+  border: 1px solid #404040;
+}
+
+input {
+  outline: 0px;
+  border-radius: 5px;
+  border: 1px solid #f2f2f0;
+  padding: 18px;
+}
+
+body, input {
+  font-family: "AvenirNextLTW02-Regular", sans-serif;
+  font-size: 16px;
+  line-height: 25px;
+}
+
+h1 {
+  font-size: 67px;
+  line-height: 109px;
+  margin-bottom: 67px;
+}
+
+h2 {
+  font-size: 41px;
+  line-height: 67px;
+  margin-bottom: 41px;
+}
+
+h3 {
+  font-size: 25px;
+  line-height: 41px;
+  margin-bottom: 25px;
+}
+
+h4 {
+  font-family: "Avenir Next W04 Demi";
+}
+
+h4, h5, h6, p, li, a {
+  font-size: 16px;
+  line-height: 25px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  max-width: 845px;
+}
+
+p {
+  max-width: 522px;
+}
+
+h5 {
+  text-transform: uppercase;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+pre {
+  font-family: monospace;
+  width: 100%;
+  background-color: #404040;
+  border-radius: 5px;
+  padding: 27px 18px;
+  overflow-x: scroll;
+}
+
+ul {
+  margin-left: 25px;
+}
+
+code {
+  width: 100%;
+}
+
+p, pre, ul {
+  margin-bottom: 25px;
+}
+
+small {
+  font-size: 9px;
+  line-height: 9px;
+}
+
+.button {
+  padding: 18px;
+  border-radius: 3px;
+  margin: 29px 0px;
+}
+
+.backface-visible {
+  backface-visibility: visible;
+  -webkit-backface-visibility: visible;
+  -moz-backface-visibility: visible;
+  -ms-backface-visibility: visible;
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/functionPrototypeBind.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/functionPrototypeBind.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,23 @@
+if (!Function.prototype.bind) {
+    Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+            // closest thing possible to the ECMAScript 5 internal IsCallable function
+            throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+
+        var aArgs = Array.prototype.slice.call(arguments, 1), 
+        fToBind = this, 
+        fNOP = function () {},
+        fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis
+                ? this
+                : oThis,
+                aArgs.concat(Array.prototype.slice.call(arguments)));
+        };
+
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+
+        return fBound;
+    };
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/jquery.min.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/jquery.min.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,4 @@
+/*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.1",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+-new Date,v=a.document,w=0,x=0,y=gb(),z=gb(),A=gb(),B=function(a,b){return a===b&&(l=!0),0},C="undefined",D=1<<31,E={}.hasOwnProperty,F=[],G=F.pop,H=F.push,I=F.push,J=F.slice,K=F.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},L="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",N="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=N.replace("w","w#"),P="\\["+M+"*("+N+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+O+"))|)"+M+"*\\]",Q=":("+N+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+P+")*)|.*)\\)|)",R=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),S=new RegExp("^"+M+"*,"+M+"*"),T=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),V=new RegExp(Q),W=new RegExp("^"+O+"$"),X={ID:new RegExp("^#("+N+")"),CLASS:new RegExp("^\\.("+N+")"),TAG:new RegExp("^("+N.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+Q),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+L+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{I.apply(F=J.call(v.childNodes),v.childNodes),F[v.childNodes.length].nodeType}catch(eb){I={apply:F.length?function(a,b){H.apply(a,J.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],!a||"string"!=typeof a)return d;if(1!==(k=b.nodeType)&&9!==k)return[];if(p&&!e){if(f=_.exec(a))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return I.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return I.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=9===k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+qb(o[l]);w=ab.test(a)&&ob(b.parentNode)||b,x=o.join(",")}if(x)try{return I.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function gb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function hb(a){return a[u]=!0,a}function ib(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function jb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function kb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||D)-(~a.sourceIndex||D);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function lb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function nb(a){return hb(function(b){return b=+b,hb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function ob(a){return a&&typeof a.getElementsByTagName!==C&&a}c=fb.support={},f=fb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fb.setDocument=function(a){var b,e=a?a.ownerDocument||a:v,g=e.defaultView;return e!==n&&9===e.nodeType&&e.documentElement?(n=e,o=e.documentElement,p=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){m()},!1):g.attachEvent&&g.attachEvent("onunload",function(){m()})),c.attributes=ib(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ib(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(e.getElementsByClassName)&&ib(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=ib(function(a){return o.appendChild(a).id=u,!e.getElementsByName||!e.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==C&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c=typeof a.getAttributeNode!==C&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==C?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==C&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(e.querySelectorAll))&&(ib(function(a){a.innerHTML="<select msallowclip=''><option selected=''></option></select>",a.querySelectorAll("[msallowclip^='']").length&&q.push("[*^$]="+M+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+M+"*(?:value|"+L+")"),a.querySelectorAll(":checked").length||q.push(":checked")}),ib(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+M+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ib(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",Q)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===v&&t(v,a)?-1:b===e||b.ownerDocument===v&&t(v,b)?1:k?K.call(k,a)-K.call(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],i=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:k?K.call(k,a)-K.call(k,b):0;if(f===g)return kb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?kb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},e):n},fb.matches=function(a,b){return fb(a,null,null,b)},fb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fb(b,n,null,[a]).length>0},fb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&E.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fb.selectors={cacheLength:50,createPseudo:hb,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+M+")"+a+"("+M+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==C&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?hb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=K.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:hb(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?hb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:hb(function(a){return function(b){return fb(a,b).length>0}}),contains:hb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:hb(function(a){return W.test(a||"")||fb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:nb(function(){return[0]}),last:nb(function(a,b){return[b-1]}),eq:nb(function(a,b,c){return[0>c?c+b:c]}),even:nb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:nb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:nb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:nb(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=lb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=mb(b);function pb(){}pb.prototype=d.filters=d.pseudos,d.setFilters=new pb,g=fb.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?fb.error(a):z(a,i).slice(0)};function qb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function rb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function sb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function tb(a,b,c){for(var d=0,e=b.length;e>d;d++)fb(a,b[d],c);return c}function ub(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function vb(a,b,c,d,e,f){return d&&!d[u]&&(d=vb(d)),e&&!e[u]&&(e=vb(e,f)),hb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||tb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ub(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ub(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?K.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ub(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):I.apply(g,r)})}function wb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=rb(function(a){return a===b},h,!0),l=rb(function(a){return K.call(b,a)>-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>i;i++)if(c=d.relative[a[i].type])m=[rb(sb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return vb(i>1&&sb(m),i>1&&qb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&wb(a.slice(i,e)),f>e&&wb(a=a.slice(e)),f>e&&qb(a))}m.push(c)}return sb(m)}function xb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=G.call(i));s=ub(s)}I.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&fb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?hb(f):f}return h=fb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xb(e,d)),f.selector=a}return f},i=fb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&ob(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qb(j),!a)return I.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&ob(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ib(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ib(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||jb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ib(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||jb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ib(function(a){return null==a.getAttribute("disabled")})||jb(L,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;
+if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?m.queue(this[0],a):void 0===b?this:this.each(function(){var c=m.queue(this,a,b);m._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&m.dequeue(this,a)})},dequeue:function(a){return this.each(function(){m.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=m.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=m._data(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var S=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=["Top","Right","Bottom","Left"],U=function(a,b){return a=b||a,"none"===m.css(a,"display")||!m.contains(a.ownerDocument,a)},V=m.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===m.type(c)){e=!0;for(h in c)m.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,m.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(m(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav></:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="<input type='radio' checked='checked' name='t'/>",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},fix:function(a){if(a[m.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=Z.test(e)?this.mouseHooks:Y.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new m.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=f.srcElement||y),3===a.target.nodeType&&(a.target=a.target.parentNode),a.metaKey=!!a.metaKey,g.filter?g.filter(a,f):a},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button,g=b.fromElement;return null==a.pageX&&null!=b.clientX&&(d=a.target.ownerDocument||y,e=d.documentElement,c=d.body,a.pageX=b.clientX+(e&&e.scrollLeft||c&&c.scrollLeft||0)-(e&&e.clientLeft||c&&c.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||c&&c.scrollTop||0)-(e&&e.clientTop||c&&c.clientTop||0)),!a.relatedTarget&&g&&(a.relatedTarget=g===a.target?b.toElement:g),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==cb()&&this.focus)try{return this.focus(),!1}catch(a){}},delegateType:"focusin"},blur:{trigger:function(){return this===cb()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return m.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):void 0},_default:function(a){return m.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=m.extend(new m.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?m.event.trigger(e,null,b):m.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},m.removeEvent=y.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){var d="on"+b;a.detachEvent&&(typeof a[d]===K&&(a[d]=null),a.detachEvent(d,c))},m.Event=function(a,b){return this instanceof m.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?ab:bb):this.type=a,b&&m.extend(this,b),this.timeStamp=a&&a.timeStamp||m.now(),void(this[m.expando]=!0)):new m.Event(a,b)},m.Event.prototype={isDefaultPrevented:bb,isPropagationStopped:bb,isImmediatePropagationStopped:bb,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=ab,a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=ab,a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=ab,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},m.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){m.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!m.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.submitBubbles||(m.event.special.submit={setup:function(){return m.nodeName(this,"form")?!1:void m.event.add(this,"click._submit keypress._submit",function(a){var b=a.target,c=m.nodeName(b,"input")||m.nodeName(b,"button")?b.form:void 0;c&&!m._data(c,"submitBubbles")&&(m.event.add(c,"submit._submit",function(a){a._submit_bubble=!0}),m._data(c,"submitBubbles",!0))})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&m.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){return m.nodeName(this,"form")?!1:void m.event.remove(this,"._submit")}}),k.changeBubbles||(m.event.special.change={setup:function(){return X.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(m.event.add(this,"propertychange._change",function(a){"checked"===a.originalEvent.propertyName&&(this._just_changed=!0)}),m.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1),m.event.simulate("change",this,a,!0)})),!1):void m.event.add(this,"beforeactivate._change",function(a){var b=a.target;X.test(b.nodeName)&&!m._data(b,"changeBubbles")&&(m.event.add(b,"change._change",function(a){!this.parentNode||a.isSimulated||a.isTrigger||m.event.simulate("change",this.parentNode,a,!0)}),m._data(b,"changeBubbles",!0))})},handle:function(a){var b=a.target;return this!==b||a.isSimulated||a.isTrigger||"radio"!==b.type&&"checkbox"!==b.type?a.handleObj.handler.apply(this,arguments):void 0},teardown:function(){return m.event.remove(this,"._change"),!X.test(this.nodeName)}}),k.focusinBubbles||m.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){m.event.simulate(b,a.target,m.event.fix(a),!0)};m.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=m._data(d,b);e||d.addEventListener(a,c,!0),m._data(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=m._data(d,b)-1;e?m._data(d,b,e):(d.removeEventListener(a,c,!0),m._removeData(d,b))}}}),m.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(f in a)this.on(f,b,c,a[f],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=bb;else if(!d)return this;return 1===e&&(g=d,d=function(a){return m().off(a),g.apply(this,arguments)},d.guid=g.guid||(g.guid=m.guid++)),this.each(function(){m.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,m(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=bb),this.each(function(){m.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){m.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?m.event.trigger(a,b,c,!0):void 0}});function db(a){var b=eb.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}var eb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",fb=/ jQuery\d+="(?:null|\d+)"/g,gb=new RegExp("<(?:"+eb+")[\\s/>]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/<tbody/i,lb=/<|&#?\w+;/,mb=/<(?:script|style|link)/i,nb=/checked\s*(?:[^=]|=\s*.checked.)/i,ob=/^$|\/(?:java|ecma)script/i,pb=/^true\/(.*)/,qb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,rb={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:k.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1></$2>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?"<table>"!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=(Cb[0].contentWindow||Cb[0].contentDocument).document,b.write(),b.close(),c=Eb(a,b),Cb.detach()),Db[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Gb=/^margin/,Hb=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ib,Jb,Kb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ib=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Hb.test(g)&&Gb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ib=function(a){return a.currentStyle},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Hb.test(g)&&!Kb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Lb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",d=b.getElementsByTagName("a")[0],c=d&&d.style){c.cssText="float:left;opacity:.5",k.opacity="0.5"===c.opacity,k.cssFloat=!!c.cssFloat,b.style.backgroundClip="content-box",b.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===b.style.backgroundClip,k.boxSizing=""===c.boxSizing||""===c.MozBoxSizing||""===c.WebkitBoxSizing,m.extend(k,{reliableHiddenOffsets:function(){return null==g&&i(),g},boxSizingReliable:function(){return null==f&&i(),f},pixelPosition:function(){return null==e&&i(),e},reliableMarginRight:function(){return null==h&&i(),h}});function i(){var b,c,d,i;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),b.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",e=f=!1,h=!0,a.getComputedStyle&&(e="1%"!==(a.getComputedStyle(b,null)||{}).top,f="4px"===(a.getComputedStyle(b,null)||{width:"4px"}).width,i=b.appendChild(y.createElement("div")),i.style.cssText=b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",i.style.marginRight=i.style.width="0",b.style.width="1px",h=!parseFloat((a.getComputedStyle(i,null)||{}).marginRight)),b.innerHTML="<table><tr><td></td><td>t</td></tr></table>",i=b.getElementsByTagName("td"),i[0].style.cssText="margin:0;border:0;padding:0;display:none",g=0===i[0].offsetHeight,g&&(i[0].style.display="",i[1].style.display="none",g=0===i[0].offsetHeight),c.removeChild(d))}}}(),m.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Mb=/alpha\([^)]*\)/i,Nb=/opacity\s*=\s*([^)]*)/,Ob=/^(none|table(?!-c[ea]).+)/,Pb=new RegExp("^("+S+")(.*)$","i"),Qb=new RegExp("^([+-])=("+S+")","i"),Rb={position:"absolute",visibility:"hidden",display:"block"},Sb={letterSpacing:"0",fontWeight:"400"},Tb=["Webkit","O","Moz","ms"];function Ub(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Tb.length;while(e--)if(b=Tb[e]+c,b in a)return b;return d}function Vb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=m._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&U(d)&&(f[g]=m._data(d,"olddisplay",Fb(d.nodeName)))):(e=U(d),(c&&"none"!==c||!e)&&m._data(d,"olddisplay",e?c:m.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function Wb(a,b,c){var d=Pb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Xb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=m.css(a,c+T[f],!0,e)),d?("content"===c&&(g-=m.css(a,"padding"+T[f],!0,e)),"margin"!==c&&(g-=m.css(a,"border"+T[f]+"Width",!0,e))):(g+=m.css(a,"padding"+T[f],!0,e),"padding"!==c&&(g+=m.css(a,"border"+T[f]+"Width",!0,e)));return g}function Yb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ib(a),g=k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Jb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Hb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Xb(a,b,c||(g?"border":"content"),d,f)+"px"}m.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Jb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":k.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=m.camelCase(b),i=a.style;if(b=m.cssProps[h]||(m.cssProps[h]=Ub(i,h)),g=m.cssHooks[b]||m.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Qb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(m.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||m.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=m.camelCase(b);return b=m.cssProps[h]||(m.cssProps[h]=Ub(a.style,h)),g=m.cssHooks[b]||m.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Jb(a,b,d)),"normal"===f&&b in Sb&&(f=Sb[b]),""===c||c?(e=parseFloat(f),c===!0||m.isNumeric(e)?e||0:f):f}}),m.each(["height","width"],function(a,b){m.cssHooks[b]={get:function(a,c,d){return c?Ob.test(m.css(a,"display"))&&0===a.offsetWidth?m.swap(a,Rb,function(){return Yb(a,b,d)}):Yb(a,b,d):void 0},set:function(a,c,d){var e=d&&Ib(a);return Wb(a,c,d?Xb(a,b,d,k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,e),e):0)}}}),k.opacity||(m.cssHooks.opacity={get:function(a,b){return Nb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=m.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===m.trim(f.replace(Mb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Mb.test(f)?f.replace(Mb,e):f+" "+e)}}),m.cssHooks.marginRight=Lb(k.reliableMarginRight,function(a,b){return b?m.swap(a,{display:"inline-block"},Jb,[a,"marginRight"]):void 0}),m.each({margin:"",padding:"",border:"Width"},function(a,b){m.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+T[d]+b]=f[d]||f[d-2]||f[0];return e}},Gb.test(a)||(m.cssHooks[a+b].set=Wb)}),m.fn.extend({css:function(a,b){return V(this,function(a,b,c){var d,e,f={},g=0;if(m.isArray(b)){for(d=Ib(a),e=b.length;e>g;g++)f[b[g]]=m.css(a,b[g],!1,d);return f}return void 0!==c?m.style(a,b,c):m.css(a,b)},a,b,arguments.length>1)},show:function(){return Vb(this,!0)},hide:function(){return Vb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){U(this)?m(this).show():m(this).hide()})}});function Zb(a,b,c,d,e){return new Zb.prototype.init(a,b,c,d,e)}m.Tween=Zb,Zb.prototype={constructor:Zb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(m.cssNumber[c]?"":"px")
+},cur:function(){var a=Zb.propHooks[this.prop];return a&&a.get?a.get(this):Zb.propHooks._default.get(this)},run:function(a){var b,c=Zb.propHooks[this.prop];return this.pos=b=this.options.duration?m.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Zb.propHooks._default.set(this),this}},Zb.prototype.init.prototype=Zb.prototype,Zb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=m.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){m.fx.step[a.prop]?m.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[m.cssProps[a.prop]]||m.cssHooks[a.prop])?m.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Zb.propHooks.scrollTop=Zb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},m.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},m.fx=Zb.prototype.init,m.fx.step={};var $b,_b,ac=/^(?:toggle|show|hide)$/,bc=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),cc=/queueHooks$/,dc=[ic],ec={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=bc.exec(b),f=e&&e[3]||(m.cssNumber[a]?"":"px"),g=(m.cssNumber[a]||"px"!==f&&+d)&&bc.exec(m.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,m.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function fc(){return setTimeout(function(){$b=void 0}),$b=m.now()}function gc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=T[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function hc(a,b,c){for(var d,e=(ec[b]||[]).concat(ec["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function ic(a,b,c){var d,e,f,g,h,i,j,l,n=this,o={},p=a.style,q=a.nodeType&&U(a),r=m._data(a,"fxshow");c.queue||(h=m._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,n.always(function(){n.always(function(){h.unqueued--,m.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=m.css(a,"display"),l="none"===j?m._data(a,"olddisplay")||Fb(a.nodeName):j,"inline"===l&&"none"===m.css(a,"float")&&(k.inlineBlockNeedsLayout&&"inline"!==Fb(a.nodeName)?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",k.shrinkWrapBlocks()||n.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],ac.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||m.style(a,d)}else j=void 0;if(m.isEmptyObject(o))"inline"===("none"===j?Fb(a.nodeName):j)&&(p.display=j);else{r?"hidden"in r&&(q=r.hidden):r=m._data(a,"fxshow",{}),f&&(r.hidden=!q),q?m(a).show():n.done(function(){m(a).hide()}),n.done(function(){var b;m._removeData(a,"fxshow");for(b in o)m.style(a,b,o[b])});for(d in o)g=hc(q?r[d]:0,d,n),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function jc(a,b){var c,d,e,f,g;for(c in a)if(d=m.camelCase(c),e=b[d],f=a[c],m.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=m.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function kc(a,b,c){var d,e,f=0,g=dc.length,h=m.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=$b||fc(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:m.extend({},b),opts:m.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:$b||fc(),duration:c.duration,tweens:[],createTween:function(b,c){var d=m.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(jc(k,j.opts.specialEasing);g>f;f++)if(d=dc[f].call(j,a,k,j.opts))return d;return m.map(k,hc,j),m.isFunction(j.opts.start)&&j.opts.start.call(a,j),m.fx.timer(m.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}m.Animation=m.extend(kc,{tweener:function(a,b){m.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],ec[c]=ec[c]||[],ec[c].unshift(b)},prefilter:function(a,b){b?dc.unshift(a):dc.push(a)}}),m.speed=function(a,b,c){var d=a&&"object"==typeof a?m.extend({},a):{complete:c||!c&&b||m.isFunction(a)&&a,duration:a,easing:c&&b||b&&!m.isFunction(b)&&b};return d.duration=m.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in m.fx.speeds?m.fx.speeds[d.duration]:m.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){m.isFunction(d.old)&&d.old.call(this),d.queue&&m.dequeue(this,d.queue)},d},m.fn.extend({fadeTo:function(a,b,c,d){return this.filter(U).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=m.isEmptyObject(a),f=m.speed(b,c,d),g=function(){var b=kc(this,m.extend({},a),f);(e||m._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=m.timers,g=m._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&cc.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&m.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=m._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=m.timers,g=d?d.length:0;for(c.finish=!0,m.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),m.each(["toggle","show","hide"],function(a,b){var c=m.fn[b];m.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(gc(b,!0),a,d,e)}}),m.each({slideDown:gc("show"),slideUp:gc("hide"),slideToggle:gc("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){m.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),m.timers=[],m.fx.tick=function(){var a,b=m.timers,c=0;for($b=m.now();c<b.length;c++)a=b[c],a()||b[c]!==a||b.splice(c--,1);b.length||m.fx.stop(),$b=void 0},m.fx.timer=function(a){m.timers.push(a),a()?m.fx.start():m.timers.pop()},m.fx.interval=13,m.fx.start=function(){_b||(_b=setInterval(m.fx.tick,m.fx.interval))},m.fx.stop=function(){clearInterval(_b),_b=null},m.fx.speeds={slow:600,fast:200,_default:400},m.fn.delay=function(a,b){return a=m.fx?m.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a,b,c,d,e;b=y.createElement("div"),b.setAttribute("className","t"),b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",d=b.getElementsByTagName("a")[0],c=y.createElement("select"),e=c.appendChild(y.createElement("option")),a=b.getElementsByTagName("input")[0],d.style.cssText="top:1px",k.getSetAttribute="t"!==b.className,k.style=/top/.test(d.getAttribute("style")),k.hrefNormalized="/a"===d.getAttribute("href"),k.checkOn=!!a.value,k.optSelected=e.selected,k.enctype=!!y.createElement("form").enctype,c.disabled=!0,k.optDisabled=!e.disabled,a=y.createElement("input"),a.setAttribute("value",""),k.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),k.radioValue="t"===a.value}();var lc=/\r/g;m.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=m.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,m(this).val()):a,null==e?e="":"number"==typeof e?e+="":m.isArray(e)&&(e=m.map(e,function(a){return null==a?"":a+""})),b=m.valHooks[this.type]||m.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=m.valHooks[e.type]||m.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(lc,""):null==c?"":c)}}}),m.extend({valHooks:{option:{get:function(a){var b=m.find.attr(a,"value");return null!=b?b:m.trim(m.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&m.nodeName(c.parentNode,"optgroup"))){if(b=m(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=m.makeArray(b),g=e.length;while(g--)if(d=e[g],m.inArray(m.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),m.each(["radio","checkbox"],function(){m.valHooks[this]={set:function(a,b){return m.isArray(b)?a.checked=m.inArray(m(a).val(),b)>=0:void 0}},k.checkOn||(m.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var mc,nc,oc=m.expr.attrHandle,pc=/^(?:checked|selected)$/i,qc=k.getSetAttribute,rc=k.input;m.fn.extend({attr:function(a,b){return V(this,m.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){m.removeAttr(this,a)})}}),m.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===K?m.prop(a,b,c):(1===f&&m.isXMLDoc(a)||(b=b.toLowerCase(),d=m.attrHooks[b]||(m.expr.match.bool.test(b)?nc:mc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=m.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void m.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=m.propFix[c]||c,m.expr.match.bool.test(c)?rc&&qc||!pc.test(c)?a[d]=!1:a[m.camelCase("default-"+c)]=a[d]=!1:m.attr(a,c,""),a.removeAttribute(qc?c:d)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&m.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),nc={set:function(a,b,c){return b===!1?m.removeAttr(a,c):rc&&qc||!pc.test(c)?a.setAttribute(!qc&&m.propFix[c]||c,c):a[m.camelCase("default-"+c)]=a[c]=!0,c}},m.each(m.expr.match.bool.source.match(/\w+/g),function(a,b){var c=oc[b]||m.find.attr;oc[b]=rc&&qc||!pc.test(b)?function(a,b,d){var e,f;return d||(f=oc[b],oc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,oc[b]=f),e}:function(a,b,c){return c?void 0:a[m.camelCase("default-"+b)]?b.toLowerCase():null}}),rc&&qc||(m.attrHooks.value={set:function(a,b,c){return m.nodeName(a,"input")?void(a.defaultValue=b):mc&&mc.set(a,b,c)}}),qc||(mc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},oc.id=oc.name=oc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},m.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:mc.set},m.attrHooks.contenteditable={set:function(a,b,c){mc.set(a,""===b?!1:b,c)}},m.each(["width","height"],function(a,b){m.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),k.style||(m.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var sc=/^(?:input|select|textarea|button|object)$/i,tc=/^(?:a|area)$/i;m.fn.extend({prop:function(a,b){return V(this,m.prop,a,b,arguments.length>1)},removeProp:function(a){return a=m.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),m.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!m.isXMLDoc(a),f&&(b=m.propFix[b]||b,e=m.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=m.find.attr(a,"tabindex");return b?parseInt(b,10):sc.test(a.nodeName)||tc.test(a.nodeName)&&a.href?0:-1}}}}),k.hrefNormalized||m.each(["href","src"],function(a,b){m.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),k.optSelected||(m.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),m.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){m.propFix[this.toLowerCase()]=this}),k.enctype||(m.propFix.enctype="encoding");var uc=/[\t\r\n\f]/g;m.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=m.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?m.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(m.isFunction(a)?function(c){m(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=m(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===K||"boolean"===c)&&(this.className&&m._data(this,"__className__",this.className),this.className=this.className||a===!1?"":m._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(uc," ").indexOf(b)>=0)return!0;return!1}}),m.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){m.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),m.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var vc=m.now(),wc=/\?/,xc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;m.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=m.trim(b+"");return e&&!m.trim(e.replace(xc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():m.error("Invalid JSON: "+b)},m.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||m.error("Invalid XML: "+b),c};var yc,zc,Ac=/#.*$/,Bc=/([?&])_=[^&]*/,Cc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Dc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Ec=/^(?:GET|HEAD)$/,Fc=/^\/\//,Gc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Hc={},Ic={},Jc="*/".concat("*");try{zc=location.href}catch(Kc){zc=y.createElement("a"),zc.href="",zc=zc.href}yc=Gc.exec(zc.toLowerCase())||[];function Lc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(m.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Mc(a,b,c,d){var e={},f=a===Ic;function g(h){var i;return e[h]=!0,m.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Nc(a,b){var c,d,e=m.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&m.extend(!0,a,c),a}function Oc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Pc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}m.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:zc,type:"GET",isLocal:Dc.test(yc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Jc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":m.parseJSON,"text xml":m.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Nc(Nc(a,m.ajaxSettings),b):Nc(m.ajaxSettings,a)},ajaxPrefilter:Lc(Hc),ajaxTransport:Lc(Ic),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=m.ajaxSetup({},b),l=k.context||k,n=k.context&&(l.nodeType||l.jquery)?m(l):m.event,o=m.Deferred(),p=m.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!j){j={};while(b=Cc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return i&&i.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||zc)+"").replace(Ac,"").replace(Fc,yc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=m.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(c=Gc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===yc[1]&&c[2]===yc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(yc[3]||("http:"===yc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=m.param(k.data,k.traditional)),Mc(Hc,k,b,v),2===t)return v;h=k.global,h&&0===m.active++&&m.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Ec.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(wc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Bc.test(e)?e.replace(Bc,"$1_="+vc++):e+(wc.test(e)?"&":"?")+"_="+vc++)),k.ifModified&&(m.lastModified[e]&&v.setRequestHeader("If-Modified-Since",m.lastModified[e]),m.etag[e]&&v.setRequestHeader("If-None-Match",m.etag[e])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+Jc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Mc(Ic,k,b,v)){v.readyState=1,h&&n.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Oc(k,v,c)),u=Pc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(m.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(m.etag[e]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,h&&n.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(n.trigger("ajaxComplete",[v,k]),--m.active||m.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return m.get(a,b,c,"json")},getScript:function(a,b){return m.get(a,void 0,b,"script")}}),m.each(["get","post"],function(a,b){m[b]=function(a,c,d,e){return m.isFunction(c)&&(e=e||d,d=c,c=void 0),m.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m._evalUrl=function(a){return m.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},m.fn.extend({wrapAll:function(a){if(m.isFunction(a))return this.each(function(b){m(this).wrapAll(a.call(this,b))});if(this[0]){var b=m(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each(m.isFunction(a)?function(b){m(this).wrapInner(a.call(this,b))}:function(){var b=m(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=m.isFunction(a);return this.each(function(c){m(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){m.nodeName(this,"body")||m(this).replaceWith(this.childNodes)}).end()}}),m.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0||!k.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||m.css(a,"display"))},m.expr.filters.visible=function(a){return!m.expr.filters.hidden(a)};var Qc=/%20/g,Rc=/\[\]$/,Sc=/\r?\n/g,Tc=/^(?:submit|button|image|reset|file)$/i,Uc=/^(?:input|select|textarea|keygen)/i;function Vc(a,b,c,d){var e;if(m.isArray(b))m.each(b,function(b,e){c||Rc.test(a)?d(a,e):Vc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==m.type(b))d(a,b);else for(e in b)Vc(a+"["+e+"]",b[e],c,d)}m.param=function(a,b){var c,d=[],e=function(a,b){b=m.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=m.ajaxSettings&&m.ajaxSettings.traditional),m.isArray(a)||a.jquery&&!m.isPlainObject(a))m.each(a,function(){e(this.name,this.value)});else for(c in a)Vc(c,a[c],b,e);return d.join("&").replace(Qc,"+")},m.fn.extend({serialize:function(){return m.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=m.prop(this,"elements");return a?m.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!m(this).is(":disabled")&&Uc.test(this.nodeName)&&!Tc.test(a)&&(this.checked||!W.test(a))}).map(function(a,b){var c=m(this).val();return null==c?null:m.isArray(c)?m.map(c,function(a){return{name:b.name,value:a.replace(Sc,"\r\n")}}):{name:b.name,value:c.replace(Sc,"\r\n")}}).get()}}),m.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&Zc()||$c()}:Zc;var Wc=0,Xc={},Yc=m.ajaxSettings.xhr();a.ActiveXObject&&m(a).on("unload",function(){for(var a in Xc)Xc[a](void 0,!0)}),k.cors=!!Yc&&"withCredentials"in Yc,Yc=k.ajax=!!Yc,Yc&&m.ajaxTransport(function(a){if(!a.crossDomain||k.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Wc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Xc[g],b=void 0,f.onreadystatechange=m.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Xc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function Zc(){try{return new a.XMLHttpRequest}catch(b){}}function $c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}m.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return m.globalEval(a),a}}}),m.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),m.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=y.head||m("head")[0]||y.documentElement;return{send:function(d,e){b=y.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var _c=[],ad=/(=)\?(?=&|$)|\?\?/;m.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=_c.pop()||m.expando+"_"+vc++;return this[a]=!0,a}}),m.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(ad.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&ad.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=m.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(ad,"$1"+e):b.jsonp!==!1&&(b.url+=(wc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||m.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,_c.push(e)),g&&m.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),m.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||y;var d=u.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=m.buildFragment([a],b,e),e&&e.length&&m(e).remove(),m.merge([],d.childNodes))};var bd=m.fn.load;m.fn.load=function(a,b,c){if("string"!=typeof a&&bd)return bd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=m.trim(a.slice(h,a.length)),a=a.slice(0,h)),m.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&m.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?m("<div>").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/requestAnimationFrame.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/requestAnimationFrame.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,13 @@
+// adds requestAnimationFrame functionality
+// Source: http://strd6.com/2011/05/better-window-requestanimationframe-shim/
+
+window.requestAnimationFrame || (window.requestAnimationFrame = 
+  window.webkitRequestAnimationFrame || 
+  window.mozRequestAnimationFrame    || 
+  window.oRequestAnimationFrame      || 
+  window.msRequestAnimationFrame     || 
+  function(callback, element) {
+    return window.setTimeout(function() {
+      callback(+new Date());
+  }, 1000 / 60);
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/lib/require.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/lib/require.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,2076 @@
+/** vim: et:ts=4:sw=4:sts=4
+ * @license RequireJS 2.1.14 Copyright (c) 2010-2014, The Dojo Foundation All Rights Reserved.
+ * Available via the MIT or new BSD license.
+ * see: http://github.com/jrburke/requirejs for details
+ */
+//Not using strict: uneven strict support in browsers, #392, and causes
+//problems with requirejs.exec()/transpiler plugins that may not be strict.
+/*jslint regexp: true, nomen: true, sloppy: true */
+/*global window, navigator, document, importScripts, setTimeout, opera */
+
+var requirejs, require, define;
+(function (global) {
+    var req, s, head, baseElement, dataMain, src,
+        interactiveScript, currentlyAddingScript, mainScript, subPath,
+        version = '2.1.14',
+        commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,
+        cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,
+        jsSuffixRegExp = /\.js$/,
+        currDirRegExp = /^\.\//,
+        op = Object.prototype,
+        ostring = op.toString,
+        hasOwn = op.hasOwnProperty,
+        ap = Array.prototype,
+        apsp = ap.splice,
+        isBrowser = !!(typeof window !== 'undefined' && typeof navigator !== 'undefined' && window.document),
+        isWebWorker = !isBrowser && typeof importScripts !== 'undefined',
+        //PS3 indicates loaded and complete, but need to wait for complete
+        //specifically. Sequence is 'loading', 'loaded', execution,
+        // then 'complete'. The UA check is unfortunate, but not sure how
+        //to feature test w/o causing perf issues.
+        readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ?
+                      /^complete$/ : /^(complete|loaded)$/,
+        defContextName = '_',
+        //Oh the tragedy, detecting opera. See the usage of isOpera for reason.
+        isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]',
+        contexts = {},
+        cfg = {},
+        globalDefQueue = [],
+        useInteractive = false;
+
+    function isFunction(it) {
+        return ostring.call(it) === '[object Function]';
+    }
+
+    function isArray(it) {
+        return ostring.call(it) === '[object Array]';
+    }
+
+    /**
+     * Helper function for iterating over an array. If the func returns
+     * a true value, it will break out of the loop.
+     */
+    function each(ary, func) {
+        if (ary) {
+            var i;
+            for (i = 0; i < ary.length; i += 1) {
+                if (ary[i] && func(ary[i], i, ary)) {
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * Helper function for iterating over an array backwards. If the func
+     * returns a true value, it will break out of the loop.
+     */
+    function eachReverse(ary, func) {
+        if (ary) {
+            var i;
+            for (i = ary.length - 1; i > -1; i -= 1) {
+                if (ary[i] && func(ary[i], i, ary)) {
+                    break;
+                }
+            }
+        }
+    }
+
+    function hasProp(obj, prop) {
+        return hasOwn.call(obj, prop);
+    }
+
+    function getOwn(obj, prop) {
+        return hasProp(obj, prop) && obj[prop];
+    }
+
+    /**
+     * Cycles over properties in an object and calls a function for each
+     * property value. If the function returns a truthy value, then the
+     * iteration is stopped.
+     */
+    function eachProp(obj, func) {
+        var prop;
+        for (prop in obj) {
+            if (hasProp(obj, prop)) {
+                if (func(obj[prop], prop)) {
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * Simple function to mix in properties from source into target,
+     * but only if target does not already have a property of the same name.
+     */
+    function mixin(target, source, force, deepStringMixin) {
+        if (source) {
+            eachProp(source, function (value, prop) {
+                if (force || !hasProp(target, prop)) {
+                    if (deepStringMixin && typeof value === 'object' && value &&
+                        !isArray(value) && !isFunction(value) &&
+                        !(value instanceof RegExp)) {
+
+                        if (!target[prop]) {
+                            target[prop] = {};
+                        }
+                        mixin(target[prop], value, force, deepStringMixin);
+                    } else {
+                        target[prop] = value;
+                    }
+                }
+            });
+        }
+        return target;
+    }
+
+    //Similar to Function.prototype.bind, but the 'this' object is specified
+    //first, since it is easier to read/figure out what 'this' will be.
+    function bind(obj, fn) {
+        return function () {
+            return fn.apply(obj, arguments);
+        };
+    }
+
+    function scripts() {
+        return document.getElementsByTagName('script');
+    }
+
+    function defaultOnError(err) {
+        throw err;
+    }
+
+    //Allow getting a global that is expressed in
+    //dot notation, like 'a.b.c'.
+    function getGlobal(value) {
+        if (!value) {
+            return value;
+        }
+        var g = global;
+        each(value.split('.'), function (part) {
+            g = g[part];
+        });
+        return g;
+    }
+
+    /**
+     * Constructs an error with a pointer to an URL with more information.
+     * @param {String} id the error ID that maps to an ID on a web page.
+     * @param {String} message human readable error.
+     * @param {Error} [err] the original error, if there is one.
+     *
+     * @returns {Error}
+     */
+    function makeError(id, msg, err, requireModules) {
+        var e = new Error(msg + '\nhttp://requirejs.org/docs/errors.html#' + id);
+        e.requireType = id;
+        e.requireModules = requireModules;
+        if (err) {
+            e.originalError = err;
+        }
+        return e;
+    }
+
+    if (typeof define !== 'undefined') {
+        //If a define is already in play via another AMD loader,
+        //do not overwrite.
+        return;
+    }
+
+    if (typeof requirejs !== 'undefined') {
+        if (isFunction(requirejs)) {
+            //Do not overwrite an existing requirejs instance.
+            return;
+        }
+        cfg = requirejs;
+        requirejs = undefined;
+    }
+
+    //Allow for a require config object
+    if (typeof require !== 'undefined' && !isFunction(require)) {
+        //assume it is a config object.
+        cfg = require;
+        require = undefined;
+    }
+
+    function newContext(contextName) {
+        var inCheckLoaded, Module, context, handlers,
+            checkLoadedTimeoutId,
+            config = {
+                //Defaults. Do not set a default for map
+                //config to speed up normalize(), which
+                //will run faster if there is no default.
+                waitSeconds: 7,
+                baseUrl: './',
+                paths: {},
+                bundles: {},
+                pkgs: {},
+                shim: {},
+                config: {}
+            },
+            registry = {},
+            //registry of just enabled modules, to speed
+            //cycle breaking code when lots of modules
+            //are registered, but not activated.
+            enabledRegistry = {},
+            undefEvents = {},
+            defQueue = [],
+            defined = {},
+            urlFetched = {},
+            bundlesMap = {},
+            requireCounter = 1,
+            unnormalizedCounter = 1;
+
+        /**
+         * Trims the . and .. from an array of path segments.
+         * It will keep a leading path segment if a .. will become
+         * the first path segment, to help with module name lookups,
+         * which act like paths, but can be remapped. But the end result,
+         * all paths that use this function should look normalized.
+         * NOTE: this method MODIFIES the input array.
+         * @param {Array} ary the array of path segments.
+         */
+        function trimDots(ary) {
+            var i, part;
+            for (i = 0; i < ary.length; i++) {
+                part = ary[i];
+                if (part === '.') {
+                    ary.splice(i, 1);
+                    i -= 1;
+                } else if (part === '..') {
+                    // If at the start, or previous value is still ..,
+                    // keep them so that when converted to a path it may
+                    // still work when converted to a path, even though
+                    // as an ID it is less than ideal. In larger point
+                    // releases, may be better to just kick out an error.
+                    if (i === 0 || (i == 1 && ary[2] === '..') || ary[i - 1] === '..') {
+                        continue;
+                    } else if (i > 0) {
+                        ary.splice(i - 1, 2);
+                        i -= 2;
+                    }
+                }
+            }
+        }
+
+        /**
+         * Given a relative module name, like ./something, normalize it to
+         * a real name that can be mapped to a path.
+         * @param {String} name the relative name
+         * @param {String} baseName a real name that the name arg is relative
+         * to.
+         * @param {Boolean} applyMap apply the map config to the value. Should
+         * only be done if this normalization is for a dependency ID.
+         * @returns {String} normalized name
+         */
+        function normalize(name, baseName, applyMap) {
+            var pkgMain, mapValue, nameParts, i, j, nameSegment, lastIndex,
+                foundMap, foundI, foundStarMap, starI, normalizedBaseParts,
+                baseParts = (baseName && baseName.split('/')),
+                map = config.map,
+                starMap = map && map['*'];
+
+            //Adjust any relative paths.
+            if (name) {
+                name = name.split('/');
+                lastIndex = name.length - 1;
+
+                // If wanting node ID compatibility, strip .js from end
+                // of IDs. Have to do this here, and not in nameToUrl
+                // because node allows either .js or non .js to map
+                // to same file.
+                if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {
+                    name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');
+                }
+
+                // Starts with a '.' so need the baseName
+                if (name[0].charAt(0) === '.' && baseParts) {
+                    //Convert baseName to array, and lop off the last part,
+                    //so that . matches that 'directory' and not name of the baseName's
+                    //module. For instance, baseName of 'one/two/three', maps to
+                    //'one/two/three.js', but we want the directory, 'one/two' for
+                    //this normalization.
+                    normalizedBaseParts = baseParts.slice(0, baseParts.length - 1);
+                    name = normalizedBaseParts.concat(name);
+                }
+
+                trimDots(name);
+                name = name.join('/');
+            }
+
+            //Apply map config if available.
+            if (applyMap && map && (baseParts || starMap)) {
+                nameParts = name.split('/');
+
+                outerLoop: for (i = nameParts.length; i > 0; i -= 1) {
+                    nameSegment = nameParts.slice(0, i).join('/');
+
+                    if (baseParts) {
+                        //Find the longest baseName segment match in the config.
+                        //So, do joins on the biggest to smallest lengths of baseParts.
+                        for (j = baseParts.length; j > 0; j -= 1) {
+                            mapValue = getOwn(map, baseParts.slice(0, j).join('/'));
+
+                            //baseName segment has config, find if it has one for
+                            //this name.
+                            if (mapValue) {
+                                mapValue = getOwn(mapValue, nameSegment);
+                                if (mapValue) {
+                                    //Match, update name to the new value.
+                                    foundMap = mapValue;
+                                    foundI = i;
+                                    break outerLoop;
+                                }
+                            }
+                        }
+                    }
+
+                    //Check for a star map match, but just hold on to it,
+                    //if there is a shorter segment match later in a matching
+                    //config, then favor over this star map.
+                    if (!foundStarMap && starMap && getOwn(starMap, nameSegment)) {
+                        foundStarMap = getOwn(starMap, nameSegment);
+                        starI = i;
+                    }
+                }
+
+                if (!foundMap && foundStarMap) {
+                    foundMap = foundStarMap;
+                    foundI = starI;
+                }
+
+                if (foundMap) {
+                    nameParts.splice(0, foundI, foundMap);
+                    name = nameParts.join('/');
+                }
+            }
+
+            // If the name points to a package's name, use
+            // the package main instead.
+            pkgMain = getOwn(config.pkgs, name);
+
+            return pkgMain ? pkgMain : name;
+        }
+
+        function removeScript(name) {
+            if (isBrowser) {
+                each(scripts(), function (scriptNode) {
+                    if (scriptNode.getAttribute('data-requiremodule') === name &&
+                            scriptNode.getAttribute('data-requirecontext') === context.contextName) {
+                        scriptNode.parentNode.removeChild(scriptNode);
+                        return true;
+                    }
+                });
+            }
+        }
+
+        function hasPathFallback(id) {
+            var pathConfig = getOwn(config.paths, id);
+            if (pathConfig && isArray(pathConfig) && pathConfig.length > 1) {
+                //Pop off the first array value, since it failed, and
+                //retry
+                pathConfig.shift();
+                context.require.undef(id);
+
+                //Custom require that does not do map translation, since
+                //ID is "absolute", already mapped/resolved.
+                context.makeRequire(null, {
+                    skipMap: true
+                })([id]);
+
+                return true;
+            }
+        }
+
+        //Turns a plugin!resource to [plugin, resource]
+        //with the plugin being undefined if the name
+        //did not have a plugin prefix.
+        function splitPrefix(name) {
+            var prefix,
+                index = name ? name.indexOf('!') : -1;
+            if (index > -1) {
+                prefix = name.substring(0, index);
+                name = name.substring(index + 1, name.length);
+            }
+            return [prefix, name];
+        }
+
+        /**
+         * Creates a module mapping that includes plugin prefix, module
+         * name, and path. If parentModuleMap is provided it will
+         * also normalize the name via require.normalize()
+         *
+         * @param {String} name the module name
+         * @param {String} [parentModuleMap] parent module map
+         * for the module name, used to resolve relative names.
+         * @param {Boolean} isNormalized: is the ID already normalized.
+         * This is true if this call is done for a define() module ID.
+         * @param {Boolean} applyMap: apply the map config to the ID.
+         * Should only be true if this map is for a dependency.
+         *
+         * @returns {Object}
+         */
+        function makeModuleMap(name, parentModuleMap, isNormalized, applyMap) {
+            var url, pluginModule, suffix, nameParts,
+                prefix = null,
+                parentName = parentModuleMap ? parentModuleMap.name : null,
+                originalName = name,
+                isDefine = true,
+                normalizedName = '';
+
+            //If no name, then it means it is a require call, generate an
+            //internal name.
+            if (!name) {
+                isDefine = false;
+                name = '_@r' + (requireCounter += 1);
+            }
+
+            nameParts = splitPrefix(name);
+            prefix = nameParts[0];
+            name = nameParts[1];
+
+            if (prefix) {
+                prefix = normalize(prefix, parentName, applyMap);
+                pluginModule = getOwn(defined, prefix);
+            }
+
+            //Account for relative paths if there is a base name.
+            if (name) {
+                if (prefix) {
+                    if (pluginModule && pluginModule.normalize) {
+                        //Plugin is loaded, use its normalize method.
+                        normalizedName = pluginModule.normalize(name, function (name) {
+                            return normalize(name, parentName, applyMap);
+                        });
+                    } else {
+                        // If nested plugin references, then do not try to
+                        // normalize, as it will not normalize correctly. This
+                        // places a restriction on resourceIds, and the longer
+                        // term solution is not to normalize until plugins are
+                        // loaded and all normalizations to allow for async
+                        // loading of a loader plugin. But for now, fixes the
+                        // common uses. Details in #1131
+                        normalizedName = name.indexOf('!') === -1 ?
+                                         normalize(name, parentName, applyMap) :
+                                         name;
+                    }
+                } else {
+                    //A regular module.
+                    normalizedName = normalize(name, parentName, applyMap);
+
+                    //Normalized name may be a plugin ID due to map config
+                    //application in normalize. The map config values must
+                    //already be normalized, so do not need to redo that part.
+                    nameParts = splitPrefix(normalizedName);
+                    prefix = nameParts[0];
+                    normalizedName = nameParts[1];
+                    isNormalized = true;
+
+                    url = context.nameToUrl(normalizedName);
+                }
+            }
+
+            //If the id is a plugin id that cannot be determined if it needs
+            //normalization, stamp it with a unique ID so two matching relative
+            //ids that may conflict can be separate.
+            suffix = prefix && !pluginModule && !isNormalized ?
+                     '_unnormalized' + (unnormalizedCounter += 1) :
+                     '';
+
+            return {
+                prefix: prefix,
+                name: normalizedName,
+                parentMap: parentModuleMap,
+                unnormalized: !!suffix,
+                url: url,
+                originalName: originalName,
+                isDefine: isDefine,
+                id: (prefix ?
+                        prefix + '!' + normalizedName :
+                        normalizedName) + suffix
+            };
+        }
+
+        function getModule(depMap) {
+            var id = depMap.id,
+                mod = getOwn(registry, id);
+
+            if (!mod) {
+                mod = registry[id] = new context.Module(depMap);
+            }
+
+            return mod;
+        }
+
+        function on(depMap, name, fn) {
+            var id = depMap.id,
+                mod = getOwn(registry, id);
+
+            if (hasProp(defined, id) &&
+                    (!mod || mod.defineEmitComplete)) {
+                if (name === 'defined') {
+                    fn(defined[id]);
+                }
+            } else {
+                mod = getModule(depMap);
+                if (mod.error && name === 'error') {
+                    fn(mod.error);
+                } else {
+                    mod.on(name, fn);
+                }
+            }
+        }
+
+        function onError(err, errback) {
+            var ids = err.requireModules,
+                notified = false;
+
+            if (errback) {
+                errback(err);
+            } else {
+                each(ids, function (id) {
+                    var mod = getOwn(registry, id);
+                    if (mod) {
+                        //Set error on module, so it skips timeout checks.
+                        mod.error = err;
+                        if (mod.events.error) {
+                            notified = true;
+                            mod.emit('error', err);
+                        }
+                    }
+                });
+
+                if (!notified) {
+                    req.onError(err);
+                }
+            }
+        }
+
+        /**
+         * Internal method to transfer globalQueue items to this context's
+         * defQueue.
+         */
+        function takeGlobalQueue() {
+            //Push all the globalDefQueue items into the context's defQueue
+            if (globalDefQueue.length) {
+                //Array splice in the values since the context code has a
+                //local var ref to defQueue, so cannot just reassign the one
+                //on context.
+                apsp.apply(defQueue,
+                           [defQueue.length, 0].concat(globalDefQueue));
+                globalDefQueue = [];
+            }
+        }
+
+        handlers = {
+            'require': function (mod) {
+                if (mod.require) {
+                    return mod.require;
+                } else {
+                    return (mod.require = context.makeRequire(mod.map));
+                }
+            },
+            'exports': function (mod) {
+                mod.usingExports = true;
+                if (mod.map.isDefine) {
+                    if (mod.exports) {
+                        return (defined[mod.map.id] = mod.exports);
+                    } else {
+                        return (mod.exports = defined[mod.map.id] = {});
+                    }
+                }
+            },
+            'module': function (mod) {
+                if (mod.module) {
+                    return mod.module;
+                } else {
+                    return (mod.module = {
+                        id: mod.map.id,
+                        uri: mod.map.url,
+                        config: function () {
+                            return  getOwn(config.config, mod.map.id) || {};
+                        },
+                        exports: mod.exports || (mod.exports = {})
+                    });
+                }
+            }
+        };
+
+        function cleanRegistry(id) {
+            //Clean up machinery used for waiting modules.
+            delete registry[id];
+            delete enabledRegistry[id];
+        }
+
+        function breakCycle(mod, traced, processed) {
+            var id = mod.map.id;
+
+            if (mod.error) {
+                mod.emit('error', mod.error);
+            } else {
+                traced[id] = true;
+                each(mod.depMaps, function (depMap, i) {
+                    var depId = depMap.id,
+                        dep = getOwn(registry, depId);
+
+                    //Only force things that have not completed
+                    //being defined, so still in the registry,
+                    //and only if it has not been matched up
+                    //in the module already.
+                    if (dep && !mod.depMatched[i] && !processed[depId]) {
+                        if (getOwn(traced, depId)) {
+                            mod.defineDep(i, defined[depId]);
+                            mod.check(); //pass false?
+                        } else {
+                            breakCycle(dep, traced, processed);
+                        }
+                    }
+                });
+                processed[id] = true;
+            }
+        }
+
+        function checkLoaded() {
+            var err, usingPathFallback,
+                waitInterval = config.waitSeconds * 1000,
+                //It is possible to disable the wait interval by using waitSeconds of 0.
+                expired = waitInterval && (context.startTime + waitInterval) < new Date().getTime(),
+                noLoads = [],
+                reqCalls = [],
+                stillLoading = false,
+                needCycleCheck = true;
+
+            //Do not bother if this call was a result of a cycle break.
+            if (inCheckLoaded) {
+                return;
+            }
+
+            inCheckLoaded = true;
+
+            //Figure out the state of all the modules.
+            eachProp(enabledRegistry, function (mod) {
+                var map = mod.map,
+                    modId = map.id;
+
+                //Skip things that are not enabled or in error state.
+                if (!mod.enabled) {
+                    return;
+                }
+
+                if (!map.isDefine) {
+                    reqCalls.push(mod);
+                }
+
+                if (!mod.error) {
+                    //If the module should be executed, and it has not
+                    //been inited and time is up, remember it.
+                    if (!mod.inited && expired) {
+                        if (hasPathFallback(modId)) {
+                            usingPathFallback = true;
+                            stillLoading = true;
+                        } else {
+                            noLoads.push(modId);
+                            removeScript(modId);
+                        }
+                    } else if (!mod.inited && mod.fetched && map.isDefine) {
+                        stillLoading = true;
+                        if (!map.prefix) {
+                            //No reason to keep looking for unfinished
+                            //loading. If the only stillLoading is a
+                            //plugin resource though, keep going,
+                            //because it may be that a plugin resource
+                            //is waiting on a non-plugin cycle.
+                            return (needCycleCheck = false);
+                        }
+                    }
+                }
+            });
+
+            if (expired && noLoads.length) {
+                //If wait time expired, throw error of unloaded modules.
+                err = makeError('timeout', 'Load timeout for modules: ' + noLoads, null, noLoads);
+                err.contextName = context.contextName;
+                return onError(err);
+            }
+
+            //Not expired, check for a cycle.
+            if (needCycleCheck) {
+                each(reqCalls, function (mod) {
+                    breakCycle(mod, {}, {});
+                });
+            }
+
+            //If still waiting on loads, and the waiting load is something
+            //other than a plugin resource, or there are still outstanding
+            //scripts, then just try back later.
+            if ((!expired || usingPathFallback) && stillLoading) {
+                //Something is still waiting to load. Wait for it, but only
+                //if a timeout is not already in effect.
+                if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) {
+                    checkLoadedTimeoutId = setTimeout(function () {
+                        checkLoadedTimeoutId = 0;
+                        checkLoaded();
+                    }, 50);
+                }
+            }
+
+            inCheckLoaded = false;
+        }
+
+        Module = function (map) {
+            this.events = getOwn(undefEvents, map.id) || {};
+            this.map = map;
+            this.shim = getOwn(config.shim, map.id);
+            this.depExports = [];
+            this.depMaps = [];
+            this.depMatched = [];
+            this.pluginMaps = {};
+            this.depCount = 0;
+
+            /* this.exports this.factory
+               this.depMaps = [],
+               this.enabled, this.fetched
+            */
+        };
+
+        Module.prototype = {
+            init: function (depMaps, factory, errback, options) {
+                options = options || {};
+
+                //Do not do more inits if already done. Can happen if there
+                //are multiple define calls for the same module. That is not
+                //a normal, common case, but it is also not unexpected.
+                if (this.inited) {
+                    return;
+                }
+
+                this.factory = factory;
+
+                if (errback) {
+                    //Register for errors on this module.
+                    this.on('error', errback);
+                } else if (this.events.error) {
+                    //If no errback already, but there are error listeners
+                    //on this module, set up an errback to pass to the deps.
+                    errback = bind(this, function (err) {
+                        this.emit('error', err);
+                    });
+                }
+
+                //Do a copy of the dependency array, so that
+                //source inputs are not modified. For example
+                //"shim" deps are passed in here directly, and
+                //doing a direct modification of the depMaps array
+                //would affect that config.
+                this.depMaps = depMaps && depMaps.slice(0);
+
+                this.errback = errback;
+
+                //Indicate this module has be initialized
+                this.inited = true;
+
+                this.ignore = options.ignore;
+
+                //Could have option to init this module in enabled mode,
+                //or could have been previously marked as enabled. However,
+                //the dependencies are not known until init is called. So
+                //if enabled previously, now trigger dependencies as enabled.
+                if (options.enabled || this.enabled) {
+                    //Enable this module and dependencies.
+                    //Will call this.check()
+                    this.enable();
+                } else {
+                    this.check();
+                }
+            },
+
+            defineDep: function (i, depExports) {
+                //Because of cycles, defined callback for a given
+                //export can be called more than once.
+                if (!this.depMatched[i]) {
+                    this.depMatched[i] = true;
+                    this.depCount -= 1;
+                    this.depExports[i] = depExports;
+                }
+            },
+
+            fetch: function () {
+                if (this.fetched) {
+                    return;
+                }
+                this.fetched = true;
+
+                context.startTime = (new Date()).getTime();
+
+                var map = this.map;
+
+                //If the manager is for a plugin managed resource,
+                //ask the plugin to load it now.
+                if (this.shim) {
+                    context.makeRequire(this.map, {
+                        enableBuildCallback: true
+                    })(this.shim.deps || [], bind(this, function () {
+                        return map.prefix ? this.callPlugin() : this.load();
+                    }));
+                } else {
+                    //Regular dependency.
+                    return map.prefix ? this.callPlugin() : this.load();
+                }
+            },
+
+            load: function () {
+                var url = this.map.url;
+
+                //Regular dependency.
+                if (!urlFetched[url]) {
+                    urlFetched[url] = true;
+                    context.load(this.map.id, url);
+                }
+            },
+
+            /**
+             * Checks if the module is ready to define itself, and if so,
+             * define it.
+             */
+            check: function () {
+                if (!this.enabled || this.enabling) {
+                    return;
+                }
+
+                var err, cjsModule,
+                    id = this.map.id,
+                    depExports = this.depExports,
+                    exports = this.exports,
+                    factory = this.factory;
+
+                if (!this.inited) {
+                    this.fetch();
+                } else if (this.error) {
+                    this.emit('error', this.error);
+                } else if (!this.defining) {
+                    //The factory could trigger another require call
+                    //that would result in checking this module to
+                    //define itself again. If already in the process
+                    //of doing that, skip this work.
+                    this.defining = true;
+
+                    if (this.depCount < 1 && !this.defined) {
+                        if (isFunction(factory)) {
+                            //If there is an error listener, favor passing
+                            //to that instead of throwing an error. However,
+                            //only do it for define()'d  modules. require
+                            //errbacks should not be called for failures in
+                            //their callbacks (#699). However if a global
+                            //onError is set, use that.
+                            if ((this.events.error && this.map.isDefine) ||
+                                req.onError !== defaultOnError) {
+                                try {
+                                    exports = context.execCb(id, factory, depExports, exports);
+                                } catch (e) {
+                                    err = e;
+                                }
+                            } else {
+                                exports = context.execCb(id, factory, depExports, exports);
+                            }
+
+                            // Favor return value over exports. If node/cjs in play,
+                            // then will not have a return value anyway. Favor
+                            // module.exports assignment over exports object.
+                            if (this.map.isDefine && exports === undefined) {
+                                cjsModule = this.module;
+                                if (cjsModule) {
+                                    exports = cjsModule.exports;
+                                } else if (this.usingExports) {
+                                    //exports already set the defined value.
+                                    exports = this.exports;
+                                }
+                            }
+
+                            if (err) {
+                                err.requireMap = this.map;
+                                err.requireModules = this.map.isDefine ? [this.map.id] : null;
+                                err.requireType = this.map.isDefine ? 'define' : 'require';
+                                return onError((this.error = err));
+                            }
+
+                        } else {
+                            //Just a literal value
+                            exports = factory;
+                        }
+
+                        this.exports = exports;
+
+                        if (this.map.isDefine && !this.ignore) {
+                            defined[id] = exports;
+
+                            if (req.onResourceLoad) {
+                                req.onResourceLoad(context, this.map, this.depMaps);
+                            }
+                        }
+
+                        //Clean up
+                        cleanRegistry(id);
+
+                        this.defined = true;
+                    }
+
+                    //Finished the define stage. Allow calling check again
+                    //to allow define notifications below in the case of a
+                    //cycle.
+                    this.defining = false;
+
+                    if (this.defined && !this.defineEmitted) {
+                        this.defineEmitted = true;
+                        this.emit('defined', this.exports);
+                        this.defineEmitComplete = true;
+                    }
+
+                }
+            },
+
+            callPlugin: function () {
+                var map = this.map,
+                    id = map.id,
+                    //Map already normalized the prefix.
+                    pluginMap = makeModuleMap(map.prefix);
+
+                //Mark this as a dependency for this plugin, so it
+                //can be traced for cycles.
+                this.depMaps.push(pluginMap);
+
+                on(pluginMap, 'defined', bind(this, function (plugin) {
+                    var load, normalizedMap, normalizedMod,
+                        bundleId = getOwn(bundlesMap, this.map.id),
+                        name = this.map.name,
+                        parentName = this.map.parentMap ? this.map.parentMap.name : null,
+                        localRequire = context.makeRequire(map.parentMap, {
+                            enableBuildCallback: true
+                        });
+
+                    //If current map is not normalized, wait for that
+                    //normalized name to load instead of continuing.
+                    if (this.map.unnormalized) {
+                        //Normalize the ID if the plugin allows it.
+                        if (plugin.normalize) {
+                            name = plugin.normalize(name, function (name) {
+                                return normalize(name, parentName, true);
+                            }) || '';
+                        }
+
+                        //prefix and name should already be normalized, no need
+                        //for applying map config again either.
+                        normalizedMap = makeModuleMap(map.prefix + '!' + name,
+                                                      this.map.parentMap);
+                        on(normalizedMap,
+                            'defined', bind(this, function (value) {
+                                this.init([], function () { return value; }, null, {
+                                    enabled: true,
+                                    ignore: true
+                                });
+                            }));
+
+                        normalizedMod = getOwn(registry, normalizedMap.id);
+                        if (normalizedMod) {
+                            //Mark this as a dependency for this plugin, so it
+                            //can be traced for cycles.
+                            this.depMaps.push(normalizedMap);
+
+                            if (this.events.error) {
+                                normalizedMod.on('error', bind(this, function (err) {
+                                    this.emit('error', err);
+                                }));
+                            }
+                            normalizedMod.enable();
+                        }
+
+                        return;
+                    }
+
+                    //If a paths config, then just load that file instead to
+                    //resolve the plugin, as it is built into that paths layer.
+                    if (bundleId) {
+                        this.map.url = context.nameToUrl(bundleId);
+                        this.load();
+                        return;
+                    }
+
+                    load = bind(this, function (value) {
+                        this.init([], function () { return value; }, null, {
+                            enabled: true
+                        });
+                    });
+
+                    load.error = bind(this, function (err) {
+                        this.inited = true;
+                        this.error = err;
+                        err.requireModules = [id];
+
+                        //Remove temp unnormalized modules for this module,
+                        //since they will never be resolved otherwise now.
+                        eachProp(registry, function (mod) {
+                            if (mod.map.id.indexOf(id + '_unnormalized') === 0) {
+                                cleanRegistry(mod.map.id);
+                            }
+                        });
+
+                        onError(err);
+                    });
+
+                    //Allow plugins to load other code without having to know the
+                    //context or how to 'complete' the load.
+                    load.fromText = bind(this, function (text, textAlt) {
+                        /*jslint evil: true */
+                        var moduleName = map.name,
+                            moduleMap = makeModuleMap(moduleName),
+                            hasInteractive = useInteractive;
+
+                        //As of 2.1.0, support just passing the text, to reinforce
+                        //fromText only being called once per resource. Still
+                        //support old style of passing moduleName but discard
+                        //that moduleName in favor of the internal ref.
+                        if (textAlt) {
+                            text = textAlt;
+                        }
+
+                        //Turn off interactive script matching for IE for any define
+                        //calls in the text, then turn it back on at the end.
+                        if (hasInteractive) {
+                            useInteractive = false;
+                        }
+
+                        //Prime the system by creating a module instance for
+                        //it.
+                        getModule(moduleMap);
+
+                        //Transfer any config to this other module.
+                        if (hasProp(config.config, id)) {
+                            config.config[moduleName] = config.config[id];
+                        }
+
+                        try {
+                            req.exec(text);
+                        } catch (e) {
+                            return onError(makeError('fromtexteval',
+                                             'fromText eval for ' + id +
+                                            ' failed: ' + e,
+                                             e,
+                                             [id]));
+                        }
+
+                        if (hasInteractive) {
+                            useInteractive = true;
+                        }
+
+                        //Mark this as a dependency for the plugin
+                        //resource
+                        this.depMaps.push(moduleMap);
+
+                        //Support anonymous modules.
+                        context.completeLoad(moduleName);
+
+                        //Bind the value of that module to the value for this
+                        //resource ID.
+                        localRequire([moduleName], load);
+                    });
+
+                    //Use parentName here since the plugin's name is not reliable,
+                    //could be some weird string with no path that actually wants to
+                    //reference the parentName's path.
+                    plugin.load(map.name, localRequire, load, config);
+                }));
+
+                context.enable(pluginMap, this);
+                this.pluginMaps[pluginMap.id] = pluginMap;
+            },
+
+            enable: function () {
+                enabledRegistry[this.map.id] = this;
+                this.enabled = true;
+
+                //Set flag mentioning that the module is enabling,
+                //so that immediate calls to the defined callbacks
+                //for dependencies do not trigger inadvertent load
+                //with the depCount still being zero.
+                this.enabling = true;
+
+                //Enable each dependency
+                each(this.depMaps, bind(this, function (depMap, i) {
+                    var id, mod, handler;
+
+                    if (typeof depMap === 'string') {
+                        //Dependency needs to be converted to a depMap
+                        //and wired up to this module.
+                        depMap = makeModuleMap(depMap,
+                                               (this.map.isDefine ? this.map : this.map.parentMap),
+                                               false,
+                                               !this.skipMap);
+                        this.depMaps[i] = depMap;
+
+                        handler = getOwn(handlers, depMap.id);
+
+                        if (handler) {
+                            this.depExports[i] = handler(this);
+                            return;
+                        }
+
+                        this.depCount += 1;
+
+                        on(depMap, 'defined', bind(this, function (depExports) {
+                            this.defineDep(i, depExports);
+                            this.check();
+                        }));
+
+                        if (this.errback) {
+                            on(depMap, 'error', bind(this, this.errback));
+                        }
+                    }
+
+                    id = depMap.id;
+                    mod = registry[id];
+
+                    //Skip special modules like 'require', 'exports', 'module'
+                    //Also, don't call enable if it is already enabled,
+                    //important in circular dependency cases.
+                    if (!hasProp(handlers, id) && mod && !mod.enabled) {
+                        context.enable(depMap, this);
+                    }
+                }));
+
+                //Enable each plugin that is used in
+                //a dependency
+                eachProp(this.pluginMaps, bind(this, function (pluginMap) {
+                    var mod = getOwn(registry, pluginMap.id);
+                    if (mod && !mod.enabled) {
+                        context.enable(pluginMap, this);
+                    }
+                }));
+
+                this.enabling = false;
+
+                this.check();
+            },
+
+            on: function (name, cb) {
+                var cbs = this.events[name];
+                if (!cbs) {
+                    cbs = this.events[name] = [];
+                }
+                cbs.push(cb);
+            },
+
+            emit: function (name, evt) {
+                each(this.events[name], function (cb) {
+                    cb(evt);
+                });
+                if (name === 'error') {
+                    //Now that the error handler was triggered, remove
+                    //the listeners, since this broken Module instance
+                    //can stay around for a while in the registry.
+                    delete this.events[name];
+                }
+            }
+        };
+
+        function callGetModule(args) {
+            //Skip modules already defined.
+            if (!hasProp(defined, args[0])) {
+                getModule(makeModuleMap(args[0], null, true)).init(args[1], args[2]);
+            }
+        }
+
+        function removeListener(node, func, name, ieName) {
+            //Favor detachEvent because of IE9
+            //issue, see attachEvent/addEventListener comment elsewhere
+            //in this file.
+            if (node.detachEvent && !isOpera) {
+                //Probably IE. If not it will throw an error, which will be
+                //useful to know.
+                if (ieName) {
+                    node.detachEvent(ieName, func);
+                }
+            } else {
+                node.removeEventListener(name, func, false);
+            }
+        }
+
+        /**
+         * Given an event from a script node, get the requirejs info from it,
+         * and then removes the event listeners on the node.
+         * @param {Event} evt
+         * @returns {Object}
+         */
+        function getScriptData(evt) {
+            //Using currentTarget instead of target for Firefox 2.0's sake. Not
+            //all old browsers will be supported, but this one was easy enough
+            //to support and still makes sense.
+            var node = evt.currentTarget || evt.srcElement;
+
+            //Remove the listeners once here.
+            removeListener(node, context.onScriptLoad, 'load', 'onreadystatechange');
+            removeListener(node, context.onScriptError, 'error');
+
+            return {
+                node: node,
+                id: node && node.getAttribute('data-requiremodule')
+            };
+        }
+
+        function intakeDefines() {
+            var args;
+
+            //Any defined modules in the global queue, intake them now.
+            takeGlobalQueue();
+
+            //Make sure any remaining defQueue items get properly processed.
+            while (defQueue.length) {
+                args = defQueue.shift();
+                if (args[0] === null) {
+                    return onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1]));
+                } else {
+                    //args are id, deps, factory. Should be normalized by the
+                    //define() function.
+                    callGetModule(args);
+                }
+            }
+        }
+
+        context = {
+            config: config,
+            contextName: contextName,
+            registry: registry,
+            defined: defined,
+            urlFetched: urlFetched,
+            defQueue: defQueue,
+            Module: Module,
+            makeModuleMap: makeModuleMap,
+            nextTick: req.nextTick,
+            onError: onError,
+
+            /**
+             * Set a configuration for the context.
+             * @param {Object} cfg config object to integrate.
+             */
+            configure: function (cfg) {
+                //Make sure the baseUrl ends in a slash.
+                if (cfg.baseUrl) {
+                    if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== '/') {
+                        cfg.baseUrl += '/';
+                    }
+                }
+
+                //Save off the paths since they require special processing,
+                //they are additive.
+                var shim = config.shim,
+                    objs = {
+                        paths: true,
+                        bundles: true,
+                        config: true,
+                        map: true
+                    };
+
+                eachProp(cfg, function (value, prop) {
+                    if (objs[prop]) {
+                        if (!config[prop]) {
+                            config[prop] = {};
+                        }
+                        mixin(config[prop], value, true, true);
+                    } else {
+                        config[prop] = value;
+                    }
+                });
+
+                //Reverse map the bundles
+                if (cfg.bundles) {
+                    eachProp(cfg.bundles, function (value, prop) {
+                        each(value, function (v) {
+                            if (v !== prop) {
+                                bundlesMap[v] = prop;
+                            }
+                        });
+                    });
+                }
+
+                //Merge shim
+                if (cfg.shim) {
+                    eachProp(cfg.shim, function (value, id) {
+                        //Normalize the structure
+                        if (isArray(value)) {
+                            value = {
+                                deps: value
+                            };
+                        }
+                        if ((value.exports || value.init) && !value.exportsFn) {
+                            value.exportsFn = context.makeShimExports(value);
+                        }
+                        shim[id] = value;
+                    });
+                    config.shim = shim;
+                }
+
+                //Adjust packages if necessary.
+                if (cfg.packages) {
+                    each(cfg.packages, function (pkgObj) {
+                        var location, name;
+
+                        pkgObj = typeof pkgObj === 'string' ? { name: pkgObj } : pkgObj;
+
+                        name = pkgObj.name;
+                        location = pkgObj.location;
+                        if (location) {
+                            config.paths[name] = pkgObj.location;
+                        }
+
+                        //Save pointer to main module ID for pkg name.
+                        //Remove leading dot in main, so main paths are normalized,
+                        //and remove any trailing .js, since different package
+                        //envs have different conventions: some use a module name,
+                        //some use a file name.
+                        config.pkgs[name] = pkgObj.name + '/' + (pkgObj.main || 'main')
+                                     .replace(currDirRegExp, '')
+                                     .replace(jsSuffixRegExp, '');
+                    });
+                }
+
+                //If there are any "waiting to execute" modules in the registry,
+                //update the maps for them, since their info, like URLs to load,
+                //may have changed.
+                eachProp(registry, function (mod, id) {
+                    //If module already has init called, since it is too
+                    //late to modify them, and ignore unnormalized ones
+                    //since they are transient.
+                    if (!mod.inited && !mod.map.unnormalized) {
+                        mod.map = makeModuleMap(id);
+                    }
+                });
+
+                //If a deps array or a config callback is specified, then call
+                //require with those args. This is useful when require is defined as a
+                //config object before require.js is loaded.
+                if (cfg.deps || cfg.callback) {
+                    context.require(cfg.deps || [], cfg.callback);
+                }
+            },
+
+            makeShimExports: function (value) {
+                function fn() {
+                    var ret;
+                    if (value.init) {
+                        ret = value.init.apply(global, arguments);
+                    }
+                    return ret || (value.exports && getGlobal(value.exports));
+                }
+                return fn;
+            },
+
+            makeRequire: function (relMap, options) {
+                options = options || {};
+
+                function localRequire(deps, callback, errback) {
+                    var id, map, requireMod;
+
+                    if (options.enableBuildCallback && callback && isFunction(callback)) {
+                        callback.__requireJsBuild = true;
+                    }
+
+                    if (typeof deps === 'string') {
+                        if (isFunction(callback)) {
+                            //Invalid call
+                            return onError(makeError('requireargs', 'Invalid require call'), errback);
+                        }
+
+                        //If require|exports|module are requested, get the
+                        //value for them from the special handlers. Caveat:
+                        //this only works while module is being defined.
+                        if (relMap && hasProp(handlers, deps)) {
+                            return handlers[deps](registry[relMap.id]);
+                        }
+
+                        //Synchronous access to one module. If require.get is
+                        //available (as in the Node adapter), prefer that.
+                        if (req.get) {
+                            return req.get(context, deps, relMap, localRequire);
+                        }
+
+                        //Normalize module name, if it contains . or ..
+                        map = makeModuleMap(deps, relMap, false, true);
+                        id = map.id;
+
+                        if (!hasProp(defined, id)) {
+                            return onError(makeError('notloaded', 'Module name "' +
+                                        id +
+                                        '" has not been loaded yet for context: ' +
+                                        contextName +
+                                        (relMap ? '' : '. Use require([])')));
+                        }
+                        return defined[id];
+                    }
+
+                    //Grab defines waiting in the global queue.
+                    intakeDefines();
+
+                    //Mark all the dependencies as needing to be loaded.
+                    context.nextTick(function () {
+                        //Some defines could have been added since the
+                        //require call, collect them.
+                        intakeDefines();
+
+                        requireMod = getModule(makeModuleMap(null, relMap));
+
+                        //Store if map config should be applied to this require
+                        //call for dependencies.
+                        requireMod.skipMap = options.skipMap;
+
+                        requireMod.init(deps, callback, errback, {
+                            enabled: true
+                        });
+
+                        checkLoaded();
+                    });
+
+                    return localRequire;
+                }
+
+                mixin(localRequire, {
+                    isBrowser: isBrowser,
+
+                    /**
+                     * Converts a module name + .extension into an URL path.
+                     * *Requires* the use of a module name. It does not support using
+                     * plain URLs like nameToUrl.
+                     */
+                    toUrl: function (moduleNamePlusExt) {
+                        var ext,
+                            index = moduleNamePlusExt.lastIndexOf('.'),
+                            segment = moduleNamePlusExt.split('/')[0],
+                            isRelative = segment === '.' || segment === '..';
+
+                        //Have a file extension alias, and it is not the
+                        //dots from a relative path.
+                        if (index !== -1 && (!isRelative || index > 1)) {
+                            ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length);
+                            moduleNamePlusExt = moduleNamePlusExt.substring(0, index);
+                        }
+
+                        return context.nameToUrl(normalize(moduleNamePlusExt,
+                                                relMap && relMap.id, true), ext,  true);
+                    },
+
+                    defined: function (id) {
+                        return hasProp(defined, makeModuleMap(id, relMap, false, true).id);
+                    },
+
+                    specified: function (id) {
+                        id = makeModuleMap(id, relMap, false, true).id;
+                        return hasProp(defined, id) || hasProp(registry, id);
+                    }
+                });
+
+                //Only allow undef on top level require calls
+                if (!relMap) {
+                    localRequire.undef = function (id) {
+                        //Bind any waiting define() calls to this context,
+                        //fix for #408
+                        takeGlobalQueue();
+
+                        var map = makeModuleMap(id, relMap, true),
+                            mod = getOwn(registry, id);
+
+                        removeScript(id);
+
+                        delete defined[id];
+                        delete urlFetched[map.url];
+                        delete undefEvents[id];
+
+                        //Clean queued defines too. Go backwards
+                        //in array so that the splices do not
+                        //mess up the iteration.
+                        eachReverse(defQueue, function(args, i) {
+                            if(args[0] === id) {
+                                defQueue.splice(i, 1);
+                            }
+                        });
+
+                        if (mod) {
+                            //Hold on to listeners in case the
+                            //module will be attempted to be reloaded
+                            //using a different config.
+                            if (mod.events.defined) {
+                                undefEvents[id] = mod.events;
+                            }
+
+                            cleanRegistry(id);
+                        }
+                    };
+                }
+
+                return localRequire;
+            },
+
+            /**
+             * Called to enable a module if it is still in the registry
+             * awaiting enablement. A second arg, parent, the parent module,
+             * is passed in for context, when this method is overridden by
+             * the optimizer. Not shown here to keep code compact.
+             */
+            enable: function (depMap) {
+                var mod = getOwn(registry, depMap.id);
+                if (mod) {
+                    getModule(depMap).enable();
+                }
+            },
+
+            /**
+             * Internal method used by environment adapters to complete a load event.
+             * A load event could be a script load or just a load pass from a synchronous
+             * load call.
+             * @param {String} moduleName the name of the module to potentially complete.
+             */
+            completeLoad: function (moduleName) {
+                var found, args, mod,
+                    shim = getOwn(config.shim, moduleName) || {},
+                    shExports = shim.exports;
+
+                takeGlobalQueue();
+
+                while (defQueue.length) {
+                    args = defQueue.shift();
+                    if (args[0] === null) {
+                        args[0] = moduleName;
+                        //If already found an anonymous module and bound it
+                        //to this name, then this is some other anon module
+                        //waiting for its completeLoad to fire.
+                        if (found) {
+                            break;
+                        }
+                        found = true;
+                    } else if (args[0] === moduleName) {
+                        //Found matching define call for this script!
+                        found = true;
+                    }
+
+                    callGetModule(args);
+                }
+
+                //Do this after the cycle of callGetModule in case the result
+                //of those calls/init calls changes the registry.
+                mod = getOwn(registry, moduleName);
+
+                if (!found && !hasProp(defined, moduleName) && mod && !mod.inited) {
+                    if (config.enforceDefine && (!shExports || !getGlobal(shExports))) {
+                        if (hasPathFallback(moduleName)) {
+                            return;
+                        } else {
+                            return onError(makeError('nodefine',
+                                             'No define call for ' + moduleName,
+                                             null,
+                                             [moduleName]));
+                        }
+                    } else {
+                        //A script that does not call define(), so just simulate
+                        //the call for it.
+                        callGetModule([moduleName, (shim.deps || []), shim.exportsFn]);
+                    }
+                }
+
+                checkLoaded();
+            },
+
+            /**
+             * Converts a module name to a file path. Supports cases where
+             * moduleName may actually be just an URL.
+             * Note that it **does not** call normalize on the moduleName,
+             * it is assumed to have already been normalized. This is an
+             * internal API, not a public one. Use toUrl for the public API.
+             */
+            nameToUrl: function (moduleName, ext, skipExt) {
+                var paths, syms, i, parentModule, url,
+                    parentPath, bundleId,
+                    pkgMain = getOwn(config.pkgs, moduleName);
+
+                if (pkgMain) {
+                    moduleName = pkgMain;
+                }
+
+                bundleId = getOwn(bundlesMap, moduleName);
+
+                if (bundleId) {
+                    return context.nameToUrl(bundleId, ext, skipExt);
+                }
+
+                //If a colon is in the URL, it indicates a protocol is used and it is just
+                //an URL to a file, or if it starts with a slash, contains a query arg (i.e. ?)
+                //or ends with .js, then assume the user meant to use an url and not a module id.
+                //The slash is important for protocol-less URLs as well as full paths.
+                if (req.jsExtRegExp.test(moduleName)) {
+                    //Just a plain path, not module name lookup, so just return it.
+                    //Add extension if it is included. This is a bit wonky, only non-.js things pass
+                    //an extension, this method probably needs to be reworked.
+                    url = moduleName + (ext || '');
+                } else {
+                    //A module that needs to be converted to a path.
+                    paths = config.paths;
+
+                    syms = moduleName.split('/');
+                    //For each module name segment, see if there is a path
+                    //registered for it. Start with most specific name
+                    //and work up from it.
+                    for (i = syms.length; i > 0; i -= 1) {
+                        parentModule = syms.slice(0, i).join('/');
+
+                        parentPath = getOwn(paths, parentModule);
+                        if (parentPath) {
+                            //If an array, it means there are a few choices,
+                            //Choose the one that is desired
+                            if (isArray(parentPath)) {
+                                parentPath = parentPath[0];
+                            }
+                            syms.splice(0, i, parentPath);
+                            break;
+                        }
+                    }
+
+                    //Join the path parts together, then figure out if baseUrl is needed.
+                    url = syms.join('/');
+                    url += (ext || (/^data\:|\?/.test(url) || skipExt ? '' : '.js'));
+                    url = (url.charAt(0) === '/' || url.match(/^[\w\+\.\-]+:/) ? '' : config.baseUrl) + url;
+                }
+
+                return config.urlArgs ? url +
+                                        ((url.indexOf('?') === -1 ? '?' : '&') +
+                                         config.urlArgs) : url;
+            },
+
+            //Delegates to req.load. Broken out as a separate function to
+            //allow overriding in the optimizer.
+            load: function (id, url) {
+                req.load(context, id, url);
+            },
+
+            /**
+             * Executes a module callback function. Broken out as a separate function
+             * solely to allow the build system to sequence the files in the built
+             * layer in the right sequence.
+             *
+             * @private
+             */
+            execCb: function (name, callback, args, exports) {
+                return callback.apply(exports, args);
+            },
+
+            /**
+             * callback for script loads, used to check status of loading.
+             *
+             * @param {Event} evt the event from the browser for the script
+             * that was loaded.
+             */
+            onScriptLoad: function (evt) {
+                //Using currentTarget instead of target for Firefox 2.0's sake. Not
+                //all old browsers will be supported, but this one was easy enough
+                //to support and still makes sense.
+                if (evt.type === 'load' ||
+                        (readyRegExp.test((evt.currentTarget || evt.srcElement).readyState))) {
+                    //Reset interactive script so a script node is not held onto for
+                    //to long.
+                    interactiveScript = null;
+
+                    //Pull out the name of the module and the context.
+                    var data = getScriptData(evt);
+                    context.completeLoad(data.id);
+                }
+            },
+
+            /**
+             * Callback for script errors.
+             */
+            onScriptError: function (evt) {
+                var data = getScriptData(evt);
+                if (!hasPathFallback(data.id)) {
+                    return onError(makeError('scripterror', 'Script error for: ' + data.id, evt, [data.id]));
+                }
+            }
+        };
+
+        context.require = context.makeRequire();
+        return context;
+    }
+
+    /**
+     * Main entry point.
+     *
+     * If the only argument to require is a string, then the module that
+     * is represented by that string is fetched for the appropriate context.
+     *
+     * If the first argument is an array, then it will be treated as an array
+     * of dependency string names to fetch. An optional function callback can
+     * be specified to execute when all of those dependencies are available.
+     *
+     * Make a local req variable to help Caja compliance (it assumes things
+     * on a require that are not standardized), and to give a short
+     * name for minification/local scope use.
+     */
+    req = requirejs = function (deps, callback, errback, optional) {
+
+        //Find the right context, use default
+        var context, config,
+            contextName = defContextName;
+
+        // Determine if have config object in the call.
+        if (!isArray(deps) && typeof deps !== 'string') {
+            // deps is a config object
+            config = deps;
+            if (isArray(callback)) {
+                // Adjust args if there are dependencies
+                deps = callback;
+                callback = errback;
+                errback = optional;
+            } else {
+                deps = [];
+            }
+        }
+
+        if (config && config.context) {
+            contextName = config.context;
+        }
+
+        context = getOwn(contexts, contextName);
+        if (!context) {
+            context = contexts[contextName] = req.s.newContext(contextName);
+        }
+
+        if (config) {
+            context.configure(config);
+        }
+
+        return context.require(deps, callback, errback);
+    };
+
+    /**
+     * Support require.config() to make it easier to cooperate with other
+     * AMD loaders on globally agreed names.
+     */
+    req.config = function (config) {
+        return req(config);
+    };
+
+    /**
+     * Execute something after the current tick
+     * of the event loop. Override for other envs
+     * that have a better solution than setTimeout.
+     * @param  {Function} fn function to execute later.
+     */
+    req.nextTick = typeof setTimeout !== 'undefined' ? function (fn) {
+        setTimeout(fn, 4);
+    } : function (fn) { fn(); };
+
+    /**
+     * Export require as a global, but only if it does not already exist.
+     */
+    if (!require) {
+        require = req;
+    }
+
+    req.version = version;
+
+    //Used to filter out dependencies that are already paths.
+    req.jsExtRegExp = /^\/|:|\?|\.js$/;
+    req.isBrowser = isBrowser;
+    s = req.s = {
+        contexts: contexts,
+        newContext: newContext
+    };
+
+    //Create default context.
+    req({});
+
+    //Exports some context-sensitive methods on global require.
+    each([
+        'toUrl',
+        'undef',
+        'defined',
+        'specified'
+    ], function (prop) {
+        //Reference from contexts instead of early binding to default context,
+        //so that during builds, the latest instance of the default context
+        //with its config gets used.
+        req[prop] = function () {
+            var ctx = contexts[defContextName];
+            return ctx.require[prop].apply(ctx, arguments);
+        };
+    });
+
+    if (isBrowser) {
+        head = s.head = document.getElementsByTagName('head')[0];
+        //If BASE tag is in play, using appendChild is a problem for IE6.
+        //When that browser dies, this can be removed. Details in this jQuery bug:
+        //http://dev.jquery.com/ticket/2709
+        baseElement = document.getElementsByTagName('base')[0];
+        if (baseElement) {
+            head = s.head = baseElement.parentNode;
+        }
+    }
+
+    /**
+     * Any errors that require explicitly generates will be passed to this
+     * function. Intercept/override it if you want custom error handling.
+     * @param {Error} err the error object.
+     */
+    req.onError = defaultOnError;
+
+    /**
+     * Creates the node for the load command. Only used in browser envs.
+     */
+    req.createNode = function (config, moduleName, url) {
+        var node = config.xhtml ?
+                document.createElementNS('http://www.w3.org/1999/xhtml', 'html:script') :
+                document.createElement('script');
+        node.type = config.scriptType || 'text/javascript';
+        node.charset = 'utf-8';
+        node.async = true;
+        return node;
+    };
+
+    /**
+     * Does the request to load a module for the browser case.
+     * Make this a separate function to allow other environments
+     * to override it.
+     *
+     * @param {Object} context the require context to find state.
+     * @param {String} moduleName the name of the module.
+     * @param {Object} url the URL to the module.
+     */
+    req.load = function (context, moduleName, url) {
+        var config = (context && context.config) || {},
+            node;
+        if (isBrowser) {
+            //In the browser so use a script tag
+            node = req.createNode(config, moduleName, url);
+
+            node.setAttribute('data-requirecontext', context.contextName);
+            node.setAttribute('data-requiremodule', moduleName);
+
+            //Set up load listener. Test attachEvent first because IE9 has
+            //a subtle issue in its addEventListener and script onload firings
+            //that do not match the behavior of all other browsers with
+            //addEventListener support, which fire the onload event for a
+            //script right after the script execution. See:
+            //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution
+            //UNFORTUNATELY Opera implements attachEvent but does not follow the script
+            //script execution mode.
+            if (node.attachEvent &&
+                    //Check if node.attachEvent is artificially added by custom script or
+                    //natively supported by browser
+                    //read https://github.com/jrburke/requirejs/issues/187
+                    //if we can NOT find [native code] then it must NOT natively supported.
+                    //in IE8, node.attachEvent does not have toString()
+                    //Note the test for "[native code" with no closing brace, see:
+                    //https://github.com/jrburke/requirejs/issues/273
+                    !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) &&
+                    !isOpera) {
+                //Probably IE. IE (at least 6-8) do not fire
+                //script onload right after executing the script, so
+                //we cannot tie the anonymous define call to a name.
+                //However, IE reports the script as being in 'interactive'
+                //readyState at the time of the define call.
+                useInteractive = true;
+
+                node.attachEvent('onreadystatechange', context.onScriptLoad);
+                //It would be great to add an error handler here to catch
+                //404s in IE9+. However, onreadystatechange will fire before
+                //the error handler, so that does not help. If addEventListener
+                //is used, then IE will fire error before load, but we cannot
+                //use that pathway given the connect.microsoft.com issue
+                //mentioned above about not doing the 'script execute,
+                //then fire the script load event listener before execute
+                //next script' that other browsers do.
+                //Best hope: IE10 fixes the issues,
+                //and then destroys all installs of IE 6-9.
+                //node.attachEvent('onerror', context.onScriptError);
+            } else {
+                node.addEventListener('load', context.onScriptLoad, false);
+                node.addEventListener('error', context.onScriptError, false);
+            }
+            node.src = url;
+
+            //For some cache cases in IE 6-8, the script executes before the end
+            //of the appendChild execution, so to tie an anonymous define
+            //call to the module name (which is stored on the node), hold on
+            //to a reference to this node, but clear after the DOM insertion.
+            currentlyAddingScript = node;
+            if (baseElement) {
+                head.insertBefore(node, baseElement);
+            } else {
+                head.appendChild(node);
+            }
+            currentlyAddingScript = null;
+
+            return node;
+        } else if (isWebWorker) {
+            try {
+                //In a web worker, use importScripts. This is not a very
+                //efficient use of importScripts, importScripts will block until
+                //its script is downloaded and evaluated. However, if web workers
+                //are in play, the expectation that a build has been done so that
+                //only one script needs to be loaded anyway. This may need to be
+                //reevaluated if other use cases become common.
+                importScripts(url);
+
+                //Account for anonymous modules
+                context.completeLoad(moduleName);
+            } catch (e) {
+                context.onError(makeError('importscripts',
+                                'importScripts failed for ' +
+                                    moduleName + ' at ' + url,
+                                e,
+                                [moduleName]));
+            }
+        }
+    };
+
+    function getInteractiveScript() {
+        if (interactiveScript && interactiveScript.readyState === 'interactive') {
+            return interactiveScript;
+        }
+
+        eachReverse(scripts(), function (script) {
+            if (script.readyState === 'interactive') {
+                return (interactiveScript = script);
+            }
+        });
+        return interactiveScript;
+    }
+
+    //Look for a data-main script attribute, which could also adjust the baseUrl.
+    if (isBrowser && !cfg.skipDataMain) {
+        //Figure out baseUrl. Get it from the script tag with require.js in it.
+        eachReverse(scripts(), function (script) {
+            //Set the 'head' where we can append children by
+            //using the script's parent.
+            if (!head) {
+                head = script.parentNode;
+            }
+
+            //Look for a data-main attribute to set main script for the page
+            //to load. If it is there, the path to data main becomes the
+            //baseUrl, if it is not already set.
+            dataMain = script.getAttribute('data-main');
+            if (dataMain) {
+                //Preserve dataMain in case it is a path (i.e. contains '?')
+                mainScript = dataMain;
+
+                //Set final baseUrl if there is not already an explicit one.
+                if (!cfg.baseUrl) {
+                    //Pull off the directory of data-main for use as the
+                    //baseUrl.
+                    src = mainScript.split('/');
+                    mainScript = src.pop();
+                    subPath = src.length ? src.join('/')  + '/' : './';
+
+                    cfg.baseUrl = subPath;
+                }
+
+                //Strip off any trailing .js since mainScript is now
+                //like a module name.
+                mainScript = mainScript.replace(jsSuffixRegExp, '');
+
+                 //If mainScript is still a path, fall back to dataMain
+                if (req.jsExtRegExp.test(mainScript)) {
+                    mainScript = dataMain;
+                }
+
+                //Put the data-main script in the files to load.
+                cfg.deps = cfg.deps ? cfg.deps.concat(mainScript) : [mainScript];
+
+                return true;
+            }
+        });
+    }
+
+    /**
+     * The function that handles definitions of modules. Differs from
+     * require() in that a string for the module should be the first argument,
+     * and the function to execute after dependencies are loaded should
+     * return a value to define the module corresponding to the first argument's
+     * name.
+     */
+    define = function (name, deps, callback) {
+        var node, context;
+
+        //Allow for anonymous modules
+        if (typeof name !== 'string') {
+            //Adjust args appropriately
+            callback = deps;
+            deps = name;
+            name = null;
+        }
+
+        //This module may not have dependencies
+        if (!isArray(deps)) {
+            callback = deps;
+            deps = null;
+        }
+
+        //If no name, and callback is a function, then figure out if it a
+        //CommonJS thing with dependencies.
+        if (!deps && isFunction(callback)) {
+            deps = [];
+            //Remove comments from the callback string,
+            //look for require calls, and pull them into the dependencies,
+            //but only if there are function args.
+            if (callback.length) {
+                callback
+                    .toString()
+                    .replace(commentRegExp, '')
+                    .replace(cjsRequireRegExp, function (match, dep) {
+                        deps.push(dep);
+                    });
+
+                //May be a CommonJS thing even without require calls, but still
+                //could use exports, and module. Avoid doing exports and module
+                //work though if it just needs require.
+                //REQUIRES the function to expect the CommonJS variables in the
+                //order listed below.
+                deps = (callback.length === 1 ? ['require'] : ['require', 'exports', 'module']).concat(deps);
+            }
+        }
+
+        //If in IE 6-8 and hit an anonymous define() call, do the interactive
+        //work.
+        if (useInteractive) {
+            node = currentlyAddingScript || getInteractiveScript();
+            if (node) {
+                if (!name) {
+                    name = node.getAttribute('data-requiremodule');
+                }
+                context = contexts[node.getAttribute('data-requirecontext')];
+            }
+        }
+
+        //Always save off evaluating the def call until the script onload handler.
+        //This allows multiple modules to be in a file without prematurely
+        //tracing dependencies, and allows for anonymous module support,
+        //where the module name is not known until the script onload event
+        //occurs. If no context, use the global queue, and get it processed
+        //in the onscript load callback.
+        (context ? context.defQueue : globalDefQueue).push([name, deps, callback]);
+    };
+
+    define.amd = {
+        jQuery: true
+    };
+
+
+    /**
+     * Executes the text. Normally just uses eval, but can be modified
+     * to use a better, environment-specific call. Only used for transpiling
+     * loader plugins, not for plain JS modules.
+     * @param {String} text the text to execute/evaluate.
+     */
+    req.exec = function (text) {
+        /*jslint evil: true */
+        return eval(text);
+    };
+
+    //Set up with config info.
+    req(cfg);
+}(this));
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/Display/startUpApp.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/Display/startUpApp.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,16 @@
+// For any third party dependencies, like jQuery, place them in the lib folder.
+
+// Configure loading modules from the lib directory,
+// except for 'app' ones, which are in a sibling
+// directory.
+requirejs.config({
+//    baseUrl: 'lib',
+    paths: {
+        app: './app',
+		lib: './lib'
+    }
+});
+
+// Start loading the main app file. Put all of
+// your application logic in there.
+requirejs(['app/POPApp']);
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph.odg
Binary file 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph.odg has changed
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph.pdf
Binary file 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph.pdf has changed
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph__for_Gabe.odg
Binary file 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph__for_Gabe.odg has changed
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph__for_Gabe.pdf
Binary file 1__Development/0__Code_Dev/Javascript_approach/GabePattern/12_Dc_02___Sample_Prog_to_hand_compile__with_syntax_graph__for_Gabe.pdf has changed
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/GabePattern/GabePattern_data_structs.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/GabePattern/GabePattern_data_structs.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,438 @@
+
+var c = document.getElementById("POPCanvas");
+var ctx = c.getContext("2d");
+var foreGroundFill = "#000000";
+var backGroundFill = "#FFFFFF";
+ctx.font = "14px Arial";
+ctx.fillStyle = foreGroundFill;
+var fillText = "Hello World";
+ctx.fillText(fillText,10,50);
+
+alert("hello!");
+
+ctx.fillStyle = backGroundFill;
+ctx.fillText(fillText,10,50);
+
+//A syntax graph consists of two kinds of nodes: element, port, and property 
+//An element node can have sub-elements, and a property node can have
+// sub-properties, but a port node may not have sub-ports!
+
+//this is the top level handle to the syntax graph of the gabe transform rule
+var firstGabeTransformRule = {};
+
+//make a variable that holds an empty element struct.. this var will used
+// to build up an element, and then reused to build up other elements 
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+ 
+//the root of the Gabe Transform to the temp elem, then build up a property
+// to place into the elem.
+firstGabeTransformRule.root = tempElem; 
+
+//build the first property
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "GabeTransformRule",
+   subProperties: []
+ }
+ 
+//attach it to the root elem
+firstGabeTransformRule.root.properties[0] = tempProperty;
+
+//build and attach the second property
+var tempProperty = 
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticHierarchy",
+   subProperties: []
+ }
+
+firstGabeTransformRule.root.properties[1] = tempProperty;
+
+//now reuse tempElem to make the first sub-element of the root elem 
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ }
+
+firstGabeTransformRule.root.subElems[0] = tempElem;
+
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "GabeQueryPattern",
+   subProperties: []
+ }
+ 
+tempElem.properties[0] = tempProperty;
+
+var tempProperty =
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticHierarchy",
+   subProperties: []
+ }
+  
+tempElem.properties[1] = tempProperty;
+
+
+//Keep going, building up the graph that was drawn
+//make the second sub-element of the root elem, the replacement pattern 
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ }
+
+firstGabeTransformRule.root.subElems[1] = tempElem;
+
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "GabeReplacePattern",
+   subProperties: []
+ }
+ 
+tempElem.properties[0] = tempProperty;
+
+var tempProperty =
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticHierarchy",
+   subProperties: []
+ }
+  
+tempElem.properties[1] = tempProperty;
+
+//Now, go back and fill in the rest of the query pattern
+//First, add the sub-elements of the query pattern node
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+
+firstGabeTransformRule.root.subElems[0].subElems[0] = tempElem;
+
+var tempProperty = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "Command",
+   subProperties: []
+ };
+ 
+tempElem.properties[0] = tempProperty;
+
+var tempProperty =
+ { propertyName: "CommandID",
+   propertyValue: "GabePattPush",
+   subProperties: []
+ };
+
+tempElem.properties[0].subProperties[0] = tempProperty;
+
+ 
+var tempProperty =
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticPatternRoot",
+   subProperties: []
+ };
+  
+tempElem.properties[1] = tempProperty;
+
+//now add the ports to this Command syntactic pattern
+var tempPort =
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+tempElem.portsIn[0] = tempPort;
+
+//add properties to the port
+tempPort.properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//check that syntax was done correctly..
+ctx.fillStyle = foreGroundFill;
+fillText = tempPort.properties[0].subProperties[0].propertyName;
+
+ctx.fillText(fillText,10,50);
+
+alert("printf!");
+
+ctx.fillStyle = backGroundFill;
+ctx.fillText(fillText,10,50);
+
+
+var tempPort =
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+tempElem.portsIn[1] = tempPort;
+
+//add properties to the port
+tempPort.properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+ 
+
+var tempPort =
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+tempElem.portsOut[0] = tempPort;
+
+//add properties to the port
+tempPort.properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//First command (push) done!  Now make second command (head)
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+
+firstGabeTransformRule.root.subElems[0].subElems[1] = tempElem;
+
+//getting tired of the temp this and temp that, just make object directly
+tempElem.properties[0] = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "Command",
+   subProperties: 
+    [{ propertyName: "CommandID",
+      propertyValue: "GabePattPop",
+      subProperties: []
+    }]
+ };
+  
+tempElem.properties[1] = 
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticPatternRoot",
+   subProperties: []
+ };
+
+//now add the ports to this Command syntactic pattern
+tempElem.portsIn[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsIn[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//next port
+tempElem.portsOut[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+
+//next port
+tempElem.portsOut[1] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[1].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+
+//now pair the ports to each other
+var pushElem = firstGabeTransformRule.root.subElems[0].subElems[0];
+var popElem = firstGabeTransformRule.root.subElems[0].subElems[1];
+
+pushElem.portsOut[0].pairedPorts[0] =
+   popElem.portsIn[0];
+popElem.portsIn[0].pairedPorts[0] =
+   pushElem.portsOut[0];
+
+//Done with the query pattern!
+
+//========================================
+//Now do the replace pattern
+//========================================
+var tempElem = 
+ { properties: [],
+   portsIn:    [],
+   portsOut:   [],
+   subElems:   []
+ };
+
+firstGabeTransformRule.root.subElems[1].subElems[0] = tempElem;
+
+//This is the pass through command element
+tempElem.properties[0] = 
+ { propertyName: "TypeOfElement",
+   propertyValue: "Command",
+   subProperties: 
+    [{ propertyName: "CommandID",
+      propertyValue: "GabePassThrough",
+      subProperties: []
+    }]
+ };
+
+tempElem.properties[1] = 
+ { propertyName: "TypeOfSyntacticStructure",
+   propertyValue: "syntacticPatternRoot",
+   subProperties: []
+ };
+
+//now add the ports to this Command syntactic pattern
+tempElem.portsIn[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsIn[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+//next port
+tempElem.portsIn[1] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsIn[1].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+
+
+//next port
+tempElem.portsOut[0] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[0].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "GabePattStack",
+      subProperties: []
+    }]
+ };
+
+
+//next port
+tempElem.portsOut[1] = 
+ { element: tempElem,
+   properties: [],
+   pairedPorts: []
+ };
+
+//add properties to the port
+tempElem.portsOut[1].properties[0] =
+ { propertyName: "TypeOfPort",
+   propertyValue: "dataComm",
+   subProperties: 
+    [{ propertyName: "TypeOfCommData",
+      propertyValue: "float",
+      subProperties: []
+    }]
+ };
+
+//no paired ports in this one..  done done!!
+
+//print a few things, just to make sure the data structs are correctly
+// created and can be traversed.
+ctx.fillStyle = foreGroundFill;
+var passThroughCmd = firstGabeTransformRule.root.subElems[1].subElems[0];
+fillText = passThroughCmd.portsOut[1].properties[0].subProperties[0].propertyValue;
+
+ctx.fillText(fillText,10,50);
+
+var el2 =  document.createElement("printf")
+el2.style.display="block";
+el2.style.width="100%";
+el2.innerHTML = fillText;
+document.body.appendChild(el2);
+
+alert("printf!");
+
+ctx.fillStyle = backGroundFill;
+ctx.fillText(fillText,10,50);
+
+document.body.removeChild(el2);
+
+
+
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/GabePattern/loadGabePattern.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/GabePattern/loadGabePattern.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<canvas id="POPCanvas" width="400" height="400" style="border:1px solid #000000;">
+Your browser does not support the HTML5 canvas tag.
+</canvas>
+
+
+<script src="GabePattern_data_structs.js">
+</script>
+
+</body>
+</html>
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/A.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/A.svg	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100px" height="100px" viewBox="0 0 200 200"
+     xmlns="http://www.w3.org/2000/svg" version="1.1">  
+<text x="50" y="50" font-size="20" font-family="Arial Sans" fill="red" text-anchor="end">A</text>
+</svg>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/B.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/B.svg	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100px" height="100px" viewBox="0 0 200 200"
+     xmlns="http://www.w3.org/2000/svg" version="1.1">  
+<text x="50" y="50" font-size="20" font-family="Arial Sans" fill="red" text-anchor="end">B</text>
+</svg>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/cubic.svg.xml
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/cubic.svg.xml	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml-stylesheet href="styles-svg.css" type="text/css"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499 499" preserveAspectRatio="xMidYMid meet">
+	<title>SVG curve</title>
+	<desc>example curves in SVG</desc>
+	<g id="main">
+		<circle id="p1" cx="100" cy="250" r="16" />
+		<circle id="p2" cx="400" cy="250" r="16" />
+		
+		<circle id="c1" cx="100" cy="100" r="8" />
+		<circle id="c2" cx="400" cy="100" r="8" />
+		
+		<line id="l1" x1="100" y1="250" x2="100" y2="100" />
+		<line id="l2" x1="400" y1="250" x2="400" y2="100" />
+	
+		<path id="curve" d="M100,250 C100,100 400,100 400,250" />
+	</g>
+</svg>
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/curves.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/curves.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<title>SVG Cubic B&#233;zier Curve Example</title>
+</head>
+<link rel="stylesheet" type="text/css" media="all" href="styles.css" />
+<body>
+
+<h1>SVG Cubic B&#233;zier Curve Example</h1>
+
+<object id="svg" type="image/svg+xml" data="cubic.svg.xml" class="C">Your browser does not support SVG</object>
+<pre id="code">code</pre>
+
+<p>This demonstration shows how cubic b&#233;zier curves can be drawn on an SVG. </p>
+
+<p>Drag the line ends or the control points to change the curve. Click the curve to toggle the fill.</p>
+
+<p>For more information, please refer to:<br />
+<a href="http://www.sitepoint.com/html5-svg-cubic-curves/">How to Draw Cubic Bezier Curves on HTML5 SVGs</a></p>
+
+<p>See also:<br />
+<a href="http://blogs.sitepoint.com/html5-svg-quadratic-curves/">How to Draw Quadratic B&#233;zier Curves on HTML5 SVGs</a><br />
+<a href="http://blogs.sitepoint.com/svg-path-element/">How to Create Complex Paths in SVGs</a></p>
+
+<h2>Disclaimer</h2>
+<p>The code was developed by <a href="http://twitter.com/craigbuckler">Craig Buckler</a> of <a href="http://optimalworks.net/">OptimalWorks.net</a> for <a href="http://sitepoint.com/">SitePoint.com</a>.</p>
+
+<p>This code can be used without any restrictions but please don't expect 24/7 support! A link back to SitePoint.com is appreciated.</p>
+
+<script type="text/javascript" src="curves.js"></script>
+</body>
+</html>
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/curves.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/curves.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,142 @@
+/* 
+ * SVG curve example
+ *
+ * By Craig Buckler,		http://twitter.com/craigbuckler
+ * of OptimalWorks.net		http://optimalworks.net/
+ * for SitePoint.com		http://sitepoint.com/
+ * 
+ * Refer to:
+ * http://www.sitepoint.com/html5-svg-quadratic-curves/
+ * http://www.sitepoint.com/html5-svg-cubic-curves/
+ *
+ * This code can be used without restrictions.
+ */
+
+(function() {
+
+	var container, svg, cType, code, point = {}, line = {}, fill = false, drag = null, dPoint, maxX, maxY;
+
+	// define initial points
+	function Init() {
+
+		var c = svg.getElementsByTagName("circle");
+		for (var i = 0; i < c.length; i++) {
+			point[c[i].getAttributeNS(null,"id")] = {
+				x: parseInt(c[i].getAttributeNS(null,"cx"),10),
+				y: parseInt(c[i].getAttributeNS(null,"cy"),10)
+			};
+		}
+		
+		// lines
+		line.l1 = svg.getElementById("l1");
+		line.l2 = svg.getElementById("l2");
+		line.curve = svg.getElementById("curve");
+		
+		// code
+		code = document.getElementById("code");
+	
+		// event handlers
+		svg.onmousedown = svg.onmousemove = svg.onmouseup = Drag;
+		svg.ontouchstart = svg.ontouchmove = svg.ontouchend = Drag;
+		
+		DrawSVG();
+	}
+	
+	
+	// draw curve
+	function DrawSVG() {
+	
+		// control line 1
+		line.l1.setAttributeNS(null, "x1", point.p1.x);
+		line.l1.setAttributeNS(null, "y1", point.p1.y);
+		line.l1.setAttributeNS(null, "x2", point.c1.x);
+		line.l1.setAttributeNS(null, "y2", point.c1.y);
+		
+		// control line 2
+		var c2 = (point.c2 ? "c2" : "c1");
+		line.l2.setAttributeNS(null, "x1", point.p2.x);
+		line.l2.setAttributeNS(null, "y1", point.p2.y);
+		line.l2.setAttributeNS(null, "x2", point[c2].x);
+		line.l2.setAttributeNS(null, "y2", point[c2].y);
+		
+		// curve
+		var d = 
+			"M"+point.p1.x+","+point.p1.y+" "+cType+
+			point.c1.x+","+point.c1.y+" "+
+			(point.c2 ? point.c2.x+","+point.c2.y+" " : "")+
+			point.p2.x+","+point.p2.y+
+			(fill ? " Z" : "");
+		line.curve.setAttributeNS(null, "d", d);
+		
+		// show code
+		if (code) {
+			code.textContent = '<path d="'+d+'" />';
+		}
+	}
+	
+	
+	// drag event handler
+	function Drag(e) {
+		
+		e.stopPropagation();
+		var t = e.target, id = t.id, et = e.type, m = MousePos(e);
+	
+		// toggle fill class
+		if (!drag && et == "mousedown" && id == "curve") {
+			fill = !fill;
+			t.setAttributeNS(null, "class", (fill ? "fill" : ""));
+			DrawSVG();
+		}
+	
+		// start drag
+		if (!drag && typeof(point[id]) != "undefined" && (et == "mousedown" || et == "touchstart")) {
+			drag = t;
+			dPoint = m;
+		}
+		
+		// drag
+		if (drag && (et == "mousemove" || et == "touchmove")) {
+			id = drag.id;
+			point[id].x += m.x - dPoint.x;
+			point[id].y += m.y - dPoint.y;
+			dPoint = m;
+			drag.setAttributeNS(null, "cx", point[id].x);
+			drag.setAttributeNS(null, "cy", point[id].y);
+			DrawSVG();
+		}
+		
+		// stop drag
+		if (drag && (et == "mouseup" || et == "touchend")) {
+			drag = null;
+		}
+	
+	}
+
+	
+	// mouse position
+	function MousePos(event) {
+		return {
+			x: Math.max(0, Math.min(maxX, event.pageX)),
+			y: Math.max(0, Math.min(maxY, event.pageY))
+		}
+	}
+	
+	
+	// start
+	window.onload = function() {
+		container = document.getElementById("svg");
+		if (container) {
+			cType = container.className;
+			maxX = container.offsetWidth-1;
+			maxY = container.offsetHeight-1;
+			svg = container.contentDocument;
+			Init();
+		}
+	}
+	
+})();
+
+ 
+
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/styles-svg.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/styles-svg.css	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,34 @@
+/* SVG styles */
+path
+{
+	stroke-width: 8;
+	stroke: #000;
+	stroke-linecap: round;
+	fill: none;
+}
+
+path.fill
+{
+	fill: #3ff;
+}
+
+circle
+{
+	stroke-width: 2;
+	stroke: #c00;
+	fill: #fff;
+}
+
+circle:hover
+{
+	fill: #c00;
+	cursor: move;
+}
+
+line
+{
+	stroke-width: 1;
+	stroke: #999;
+	stroke-linecap: round;
+	stroke-dasharray: 5,3;
+}
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/styles.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/bezier/styles.css	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,53 @@
+/* CSS */
+body
+{
+	font-family: arial, helvetica, sans-serif;
+	font-size: 85%;
+	margin: 10px 15px;
+	color: #333;
+	background-color: #ddd;
+}
+
+h1
+{
+	font-size: 1.6em;
+	font-weight: normal;
+	margin: 0 0 0.3em 0;
+}
+
+h2
+{
+	font-size: 1.4em;
+	font-weight: normal;
+	margin: 1.5em 0 0 0;
+}
+
+p
+{
+	margin: 1em 0;
+}
+
+#svg
+{
+	display: inline;
+	float: left;
+	width: 500px;
+	height: 500px;
+	margin: 0 10px 10px 0;
+	background-color: #fff;
+}
+
+#code
+{
+	display: block;
+	width: auto;
+	height: 4em;
+	font-family: monospace;
+	font-size: 1.2em;
+	padding: 2px 4px;
+	margin: 0;
+	color: #555;
+	background-color: #eee;
+	border: 1px solid #999;
+	overflow: auto;
+}
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/box.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/box.svg	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,8 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="400" height="400" viewBox="0 0 400 400"
+     xmlns="http://www.w3.org/2000/svg" version="1.1">  
+<rect x="10" y="10" width="380" height="380" 
+fill="white" stroke="black" stroke-width="10"  />
+</svg>
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/inkscape_sigma.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/inkscape_sigma.svg	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.82"
+     inkscape:cx="375"
+     inkscape:cy="878.31441"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1063"
+     inkscape:window-height="832"
+     inkscape:window-x="125"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g3759">
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path2985"
+         d="m 188.70968,122.10412 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,31.81771 -0.47557,0.69813 38.70968,32.25806"
+         style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         d="m 188.70968,184.36218 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,-31.81771 -0.47557,-0.69813 38.70968,-32.25806"
+         id="path3757"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+    </g>
+  </g>
+</svg>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/plus.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/plus.svg	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100px" height="100px" viewBox="0 0 200 200"
+     xmlns="http://www.w3.org/2000/svg" version="1.1">  
+<text x="50" y="50" font-size="20" font-family="Arial Sans" fill="red" text-anchor="end">+</text>
+</svg>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/sigma.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/SVG_shapes/sigma.svg	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="744.09448"
+   height="1052.3622"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <g
+       id="g3759">
+      <path
+         d="m 188.70968,122.10412 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,31.81771 -0.47557,0.69813 38.70968,32.25806"
+         id="path2985"
+         style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         d="m 188.70968,184.36218 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,-31.81771 -0.47557,-0.69813 38.70968,-32.25806"
+         id="path3757"
+         style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    </g>
+  </g>
+</svg>
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/ToDos__14_Jy_02.txt
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/ToDos__14_Jy_02.txt	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,173 @@
+
+#-] Create skeleton of system
+#- -] create an app module that acts as test scaffolding
+#- -] create a Display module and a visualizer module
+#- -] in the app, create the display and visualizer and connect them
+#- -] in the app, create the GabePattern syntax graph inside the srcHolder, and set that to be what gets visualized.
+#- -] in app, trigger the visualizer to generate a view hierarchy and send it to the display, which in turn triggers display to generate famous render tree.
+
+//====== Visualizer ======
+//=
+//========================
+-] make a function that accepts a native syntax graph and builds a view hierarchy from it, then hands that view hierarchy data structure to the Display
+#- -] First, make the prototype, with skeleton of internal structure
+- -] second, do by-hand code that creates the view hierarchy of the two-box visualization of part of the syntax graph of the GabePattern example
+
+
+//====== Display ======
+//=
+//========================
+-] make a function that accepts a view hierarchy data structure and builds a famous render tree from that
+#- -] first, make the prototype and skeleton of internal structure
+
+
+=====================
+# -] So, the task at hand is to draw a single syntax graph element, by using famous.  After that, add transforms that change the size.. then ones that shift positions.. and so on, go from there..  until have a syntax graph drawn.  
+# - -] Try taking an SVG representation of the round-cornered box and converting that to whatever famous takes as its native vector graphic/drawing format.  Saw a googled thing about a converter from svg to something famous understood, like some form of opengl or something.
+
+# -] Get SVG working with famous -- draw the sigma example, hard-coding it, with SVG copied from inkscape output.
+
+#-] Q: how to remove a node from the render tree?  Or from a context surface?
+-[] A: CAN'T!!!!!  Have to regenerate the whole damn thing!
+
+#-] Get famous working without a net connection -- download whatever URLs that the page references, so are local files.
+
+-] Get famous fonts -- download to local somehow..
+
+#-] Figure out how that other graph drawing thing made the curvy arrow-lines between nodes..
+
+#-] Get bezier curves in SVG working on syntax graph page, going between text surface and middle of target box side, with control points set to mix x of one end point with y of other end point
+
+XXX -] Next, draw two element nodes, complete with properties and ports, with linked ports -- so know correct code, that is known to work. [-] don't need to go this far, all the essential elements have been hit.
+
+#-] Look back at Java stuff, see what were doing for structure sent from visualizer to Display
+[-] Were also doing a hierarchy of bounding boxes
+[-] Were parsing the syntax graph -- generate a bounding box and visual contents for each kind of element in the syntax graph
+
+-] Next, define a data structure for the visual elements.
+- -] within it is the information needed to construct the graph that have drawn
+- -] see below for visual element design.. and #look back over java version..
+
+-] Next, take the syntax graph for the GabePatterns, create the visual elements to represent that.
+
+-] Next, write the Display object to receive the visual elements, and then create the famous objects from it, which end up painting the syntax graph elements as seen in the PDF.
+
+-] Next, create the visual element objects for the rest of the syntax graph, and have them all draw to the screen, using famous.
+
+-] Make a Display object, which contains the code wrote above.
+
+-] Have the Display object receive the visual element object, and proceed to draw it to the screen using famous.  Choose a protocol for handing visual element objects to the Display and triggering the Display to render them via famous.
+
+-] Make the visual elements for a graph of 5 nodes.  hand them to the display.
+
+-] Make a "change" visual element.  Have the display modify its famous structure according to the change visual element.
+
+
+-] Separately, the task is to construct a visual hierarchy structure inside the visualizer..  then to convert that into visual elements..  then to receive those elements in the famous display, and reconstruct a famous structure from the stream of visual elements.
+
+-] Create a source holder object.. just a simple thing, as a place holder
+
+-] dump the syntax graph wrote for Gabe out to a JSON file
+
+-] have the source holder object load the JSON in, and convert to the javascript objects wrote for Gabe
+
+-] Then, make a new object, just one syntax graph element, as above.  Send it to a JSON file.  Have the source holder read it in and convert to javascript object.
+
+-] make a visualizer object inside the source holder
+
+-] give the visualizer access to the data structure inside the holder, which is the syntax graph
+
+-] have the visualizer build its own data structure?  Or augment the existing one with new stuff?  Add a visualizer field to all of the syntax graph nodes?  Make it an array, one spot for each visualizer added to the source holder?
+
+-] Go with augment for now, even though feels like it's mixing things dangerously..  it, on the other hand, puts the visualization right into the data visualized, so keeps the two in sync -- no danger of something modifying the data behind the back of the visualizer..
+
+-] make the augmentation for the one syntax graph element created above.
+
+-] have the visualizer generate a visual element object from that simple graph.
+
+-] have the visualizer send that visual element to the display created above, which 
+
+-] Draw the visual hierarchy structure, which is separate from the syntax graph data.  Perhaps make them both the same data structures, just add visual objects as properties (which are ignored by everything thing else, like the compiler)
+
+-] The javascript structure of linked objects will be internal to the source holder.  The visualizer will take that and construct stream of visual elements from it.  The modifier will directly modify it.  The holder will also have a serialized version of the data structure -- which is JSON format.  The data structure will be made such that can use the JSON tools to directly turn it into JSON, save that to a file, then later read the file back, and use the JSON tool to parse the JSON back into the javascript linked objects.
+
+-] The modifier will attach additional objects and properties, which are used to manage interaction with something that is editing the source..  for example, an insertion point is maintained, and highlight markings, and selection markings.  (maybe multiple selections, and even browse through previous selections, and fork off one)
+
+-] The modifier will notify the visualizer of what changed, each time it does a change.  The visualizer can then decide what needs to be re-sent to the display, and can decide new visual placements of things, if needed..
+
+
+==============================================
+=
+=
+==============================================
+So, question..  what do display list elements look like?  Does visualizer produce the layout, for example, specify a bounding box and position for each element, including text, lines, etc?  Does it produce the bezier curves in SVG that connect syntax graph elements?
+
+Or, does it send something with fewer details?  Let the Display calculate exact placement of visual elements?
+
+What about pan and zoom?  Does Visualizer handle that, or Display..  pan means moving some elements out of the painted canvas and moving others in..  zoom does too, in addition to calculating new transforms for each element painted..  So, if Display does this, then it must either have all the visual elements in it, or else it much send a request to Visualizer that triggers sending what's needed..
+
+Soooo..  make a two-way path between Display and Visualizer, in order to handle pan, zoom, 3D rotates, and so forth?
+
+Orrrr..  leave that to the MVDM loop..  the pan/zoom/rotate gestures go into the command-maker, and thence into the visualizer, which then sends view update..
+
+sooo..  this view update stuff..  does Display keep a full representation of the visual elements, and then translate that into Famo.us elements?  Or, does it keep, say, a current visualizer list..  where visualizer updates simply modify the previous list sent..  then Display translates the updated list into Famo.us elements..  given that Famo.us doesn't support removing render tree elements, that might be a good approach..  and it simplifies the thing about how to figure out what a visualizer update is and what to do with it inside the Display.
+
+Okay.. now..  just need to figure out what the Visualizer actually sends..  how much detail..
+
+You know what?  I don't want to think about it!  Just going to do something, see what happens, and then can modify later..  probably will never get modified, these choices have a way of sticking, due to momentum of volume of work and low improvement in changing..  but, don't want to stall myself, need to keep moving..
+
+sooooo...  something has to calculate placement of bounding boxes, and calculate translations and sizing..  and move things in and out based on zoom, pan, rotate..  and trigger redraws and resends of display data for graphs and calculation results..  seems like if put placement and transform calcs inside Display then are making the Display an active thing, giving it intelligence and control..  then, run into problems when have a view that is composed of pieces from many different holders and different processors..  for example, displaying a worksheet, where the worksheet itself is in a holder that generates a view, and locations on the worksheet are calculated by live processors, and locations are graphs which are generated by graphing processors that take calculations from other processors..  want the worksheet holder to handle generating the view, and collecting the data from the other processors..  don't want the Display to have any kind of intelligence related to this!  
+
+Hmmm..  so, if the worksheet holder is doing all of the collecting of data and triggering re-calcs, and melding together into a view..  then Display is simply passively painting that and collecting gestures that it sends back..  the holder then knows what to do with the gestures performed upon view elements..  
+
+So that means that the Display should not be calculating pan and zoom and rotate!!  Those are responses to gestures, and those trigger behaviors from the visualizer (which may, in turn, have to trigger behaviors from other processors in order to get updated calcs to put into the view)
+
+Got it, so as tempting as it is to peel off such gestures in the Display and build intelligence into there..  it will cause problems..  so best to have all the visual related processing be done inside the visualizers..  
+
+so..  means the visualizer should send out things pretty close to renderable..
+
+Now.  The question comes up..  what format?  Does the visualizer send out SVG?  Is that universal enough?  Will that cause problems with non-browser based approaches?  If not SVG, then what?  Will need to represent paths..  does visualizer calculate Bezier curves and send those?  Or does it just say "here are end points, connect these with a smooth path"?  Does the visualizer calculate how to route arcs within a graph around the other nodes in an optimal way?  If the user supplies helpers by moving things, does the Display remember that, or the Visualizer?  
+
+Ahhhh..  okay..  if what the user to be able to affect the visual arrangement, then need to remember the gestures they give that are related to visual arrangement..  for example, they grab bezier control points and move them, in order to affect a curve, or add new points within a path in order to route it..  those things have to be remembered!  The Display has no place to store such things!!
+
+Right..  that means that the holder must store info related to viewing the holder contents!  sooooo..  the visualizer must be the thing that generates any details that a person may want to adjust.
+
+Right.  Any visual arrangement that a person might want to adjust must be stored inside the holder, and so the visualizer must be the thing that generates that level of detail.  Right.  Got it.
+
+So.  Yes.  That means that the visualizer must send out bounding boxes, translations, sizing, path points, control points, and so forth.  So.  Yes.  SVG is looking like a good way to go..  has to be something!  Can invent my own equivalent, which specifies paths, shapes, widths, and so forth..  but what is the gain?  The only potential is sending in binary, to save the overhead of SVG's text embodiment.  The savings worth the effort?  NO!
+
+Okay then.  SVG.  That is the visualizer's format for POP.  Or perhaps it just sends the values that go into the SVG?  The Display does the final conversion to text-based SVG format?  Hmmmm, what about custom syntax, which is SVG from the programmer?  Just send indication of SVG elements, together with the values?  Maybe enums for the SVG indicators, or something..
+
+Now.  Question is, how much effort?  Is it more effort to send a representation, then construct text-repr inside Display?  Or more effort to construct SVG text in visualizer and send it ready-made?
+
+Seems easier to just construct SVG text inside visualizer and send that.. 
+
+Heck, if send representation, then are already forcing SVG!  It doesn't constrain the Display if send the text form..  the display is just as free to convert the binary form to something else as it is to convert the text form to something else..  so if Display is not browser, and doesn't have SVG drawing primitives, it has to do the extra step of parsing SVG in order to extract the values from the text, and then generate whatever internal form it has, such as calculating paths or even pixels itself..  the extraction from text does not seem like a terribly large burden compared to the rest.
+
+Buuuut..  don't really care!  Going to generate text form inside visualizer, because, why not?  Then the Display only translates displayList elements into its internal thing that paints.  In the case of browser, Display translates display list into famo.us elements, placing the SVG verbatim onto famous surfaces, and makes the SVG bounding box the same as the famous surface size.
+
+In fact, display list is going to represent almost verbatim what a Famo.us render tree will look like!  It is a fairly universal declaration..  hierarchy of local visual contexts, with relationship among those contexts, including relative placement in 3D space and relative sizing from one to another.
+
+Alright, getting to it now..  display list will be a serialization of a hierarchy..  The top of the hierarchy is the view painted onto.  The Display tells the visualizer what the pixel dimensions are of the view.  The visualizer makes that the top level bounding box.  It then inserts bounding boxes within that, and inserts bounding boxes within those, and so forth down.  Each bounding box is either a hierarchy element, relationship element, or a painted element.  Hierarchy elements simply state what elements are included, and give their own bounding box.  Relationship elements are attached by the parent hierarchy element.  For example, it is the job of the parent to make sure all the children fit inside its bounding box.  The bounding box may be 2D or 3D.  A parent ensures the fit by attaching relationships to the children elements.  The relationships can be translations or scalings or rotations.. or actually any arbitrary 3D transform.  A hierarchy element knows nothing of the context in which it fits, so it has no way of attaching relationships to itself!  Each hierarchy element is responsible for ensuring that all descendants fit within its bounding box.  Any relationship attached to a hierarchy element is transitively applied to all descendants of the hierarchy element.  For example, if one is rotated in 3D, then it, together with all its contents, is rotated as a unit.  Each descendant maintains the same relationship to its parent as before..  but the entire bundle has been rotated as a unit!
+
+Great..  so that is the display list..  it is a serialization of that hierarchy.  A display update then assumes a given hierarchy, and says "change this relationship between this parent and this child" or "remove this parent and all descendants" etc..  in effect, it specifies a change to the hierarchical structure..
+
+Sooooo..  means that have two copies of the view hierarchy..  one inside the visualizer, which is serialized, and another inside the Display, which is translated into Display-local elements that are then painted.
+
+Not the most efficient..  hurts me..  but, well, what are you going to do?  What's better?  Need the flexibility of having the visualizer control all changes to the view hierarchy.. and need the visualizer to calculate all placement and path details so that user changes can be remembered inside the holder (without something clunky like "save this view modification info as a black box and hand it to the Display, which knows what it means" yuck, just begging for loss of sync when move from one Display to another or even upgrade the Display!)..  
+
+so, then, there's no way around having the visualizer internally represent the bounding box hierarchy as it constructs the details.  Thennnnn..  something must translate that representation into the internal Display representation!  The Display could have any native form internally..  canvas with paths drawn upon it, Java 2D, even just pixels, with all the code in between..  well, in effect, every Display ends up being everything between that hierarchy and on down to pixels!!
+
+So, could just hand the data structure from visualizer to the Display..?  This is fine if both are inside same hardware, sharing memory..  but need a serialization if Display has separate memory..  which it will if the src holder is on a server and the display is a browser on a client!
+
+Hmmm..  what about just handing the data structure to the Display for now..  can always add the serialization later, it's not functional!  :-)  Ahhh, yes.. less work.  Good.  Okay, will do that.  save serialization for later.  For now, in javascript, will build a src holder that saves syntax graph natively in JSON, as an internal data structure of the form made for GabePatterns.  The visualizer in the src holder will generate a view hierarchy from that data structure.  It will save any view related data within the syntax graph data structure as extra properties added to the nodes.  The visualizer will then hand a reference to the view hierarchy directly to the display object.  The display object will then generate famous elements from the view hierarcy elements.  View updates will simply be the visualizer changing the view hierarchy then calling the display with a reference to the changed hierarchy.
+
+Done.  Make it so.
+
+BTW, thinking to introduce another component, which is a helper, that maybe takes some higher level view form and generates the view hierarchy from that..  this will ease the burden on developers who make custom syntax.. it will act as a library for them, essentially..  (and, of course, there will be a serializer that turns a view hierarchy into a stream of visual objects sent to the Display, which will reconstruct the view hierarchy then translate that into into elements that it paints.. for now, that serializer is just JSON!  It has provision to translate javascript objects into text form, and then on the other side parse that text form to reproduce the javascript objects.. might need extra logic in order to recreate the links among parents and children.. not sure whether JSON can go deep that way..).
+
+
+ 
+
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/learning_scripts/copy_of_famous_univ_example_code.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/learning_scripts/copy_of_famous_univ_example_code.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,94 @@
+var Engine        = require('famous/core/Engine');
+var Surface       = require('famous/core/Surface');
+var Transform     = require('famous/core/Transform');
+var StateModifier = require('famous/modifiers/StateModifier');
+var Easing        = require('famous/transitions/Easing');
+var Lightbox      = require('famous/views/Lightbox');
+var ImageSurface  = require('famous/surfaces/ImageSurface');
+var DeviceView    = require('./DeviceView');
+
+var mainContext = Engine.createContext();
+
+var device, lightbox;
+var slides = [];
+var index = 0;
+var arrowMod;
+
+var lightboxOptions = {
+  inOpacity: 1,
+  outOpacity: 1,
+  inTransform: Transform.translate(320,0, 0),
+  outTransform: Transform.translate(-320, 0, 1),
+  inTransition: { duration: 400, curve: Easing.outBack },
+  outTransition: { duration: 150, curve: Easing.easeOut }
+};
+
+createDevice();
+createSlides();
+createLightbox();
+
+function createDevice() {
+  var deviceOptions = {
+    type: 'iphone',
+    height: window.innerHeight - 100
+  };
+
+  device = new DeviceView(deviceOptions);
+
+  var deviceModifier = new StateModifier({
+    size: device.getSize(),
+    origin: [0.5, 0.5]
+  });
+
+  mainContext.add(deviceModifier).add(device);
+}
+
+function createSlides() {
+  var slideContent = [
+    '<svg width="100" height="80"><rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">',
+    '<img src="http://launch.famo.us/fu-assets/hello/slide1.png" width="100%">',
+    '<img src="http://launch.famo.us/fu-assets/hello/slide2.png" width="100%">',
+    '<img src="http://launch.famo.us/fu-assets/hello/slide3.png" width="100%">'];
+    
+  var background = new Surface({
+    properties: {
+      backgroundColor: '#FA5C4F'
+    }
+  });
+
+  device.add(background);
+
+  for (var i = 0; i < slideContent.length; i++) {
+    var slide = new Surface({
+      content: slideContent[i],
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+      }
+    });
+    
+    slide.on('click', showNextSlide);
+
+    slides.push(slide);
+  }
+}
+
+function createLightbox() {
+  lightbox = new Lightbox(lightboxOptions);
+  device.add(lightbox);
+  lightbox.show(slides[0]);
+}
+
+function showNextSlide() {
+  index++;
+  if(slides[index]) lightbox.show(slides[index]);
+
+  if(index === 1) {
+    GlobalEvents.trigger('pointToButton', 'fullscreen');
+  }
+}
+
+GlobalEvents.trigger('hideArrowOnToggle')
\ No newline at end of file
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/learning_scripts/famous_learning.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/learning_scripts/famous_learning.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,143 @@
+
+
+define(function(require, exports, module) {
+    var Engine           = require("famous/core/Engine");
+    var Surface          = require("famous/core/Surface");
+    var Modifier         = require("famous/core/Modifier");
+    var Transform = require('famous/core/Transform');
+    var StateModifier = require('famous/modifiers/StateModifier');
+    var ContainerSurface = require("famous/surfaces/ContainerSurface");
+    var Scrollview       = require("famous/views/Scrollview");
+
+    var mainContext = Engine.createContext();
+	
+	var boxSVG = '<svg width="100" height="80"> <rect x="30" y="10" rx="20" ry="20" width="50" height="50" style="fill:red;stroke:black;stroke-width:3;opacity:0.5">';
+	var mySurface = new Surface({
+	  size: [100, 100],
+      content: boxSVG,
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+	var mySurface2 = new Surface({
+	  size: [100, 100],
+      content: boxSVG,
+      properties: {
+        color: 'white',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+	var sigmaSVG = '<svg width="744.09448" height="1052.3622" id="svg2"> <g id="g3759"> <path  d="m 188.70968,122.10412 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,31.81771 -0.47557,0.69813 38.70968,32.25806" id="path2985" style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> <path d="m 188.70968,184.36218 c -46.7742,0 -48.3871,0 -48.3871,0 39.47543,-31.81771 -0.47557,-0.69813 38.70968,-32.25806" id="path3757" style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> </g> </svg>';
+	var sigmaSurf = new Surface({
+	  size: [100, 100],
+      content: sigmaSVG,
+      properties: {
+        color: 'black',
+        lineHeight: '200%',
+        textAlign: 'center',
+        fontSize: '36px',
+        cursor: 'pointer'
+     }
+	});
+
+	var moveModifier1 = new StateModifier({
+        transform: Transform.translate(250, 100, 0)
+    });
+	var moveModifier2 = new StateModifier({
+        transform: Transform.translate(350, 150, 0)
+    });
+	var rotateModifier = new StateModifier({
+		transform: Transform.rotateZ(Math.PI/4)
+	});
+
+//the origin is the point inside the child, relative to the child's
+// internal axes, at which the child will be pinned inside its parent.
+//The align is the point inside the parent, relative to the parent's axes,
+// at which the origins of children will be pinned.
+//The origin is also the point about which rotations are performed
+	var moveRelativeModifier = new StateModifier({
+      size: [20, 20],
+      align: [0.5,0],
+      origin: [0.5,0]
+    });
+	var moveRelativeModifier2 = new StateModifier({
+      size: [20, 20],
+      align: [0.5,0],
+      origin: [0.5,0]
+    });
+
+	var moveModifier2 = new StateModifier({
+        transform: Transform.translate(350, 150, 0)
+    });
+	
+    var scaleMod = new StateModifier({
+        transform: Transform.scale(0.5, 0.5, 1)
+    });
+
+
+//can make a tree inside the context -- so, can have a transform applied
+// to multiple children..  do so by making a var that holds the transform
+// node, then add to that variable multiple times.
+//Note, though that a given surface object will only render once!  Have to
+// clone it if want multiple versions to be drawn.
+//Same goes for modifiers -- cannot put same modifier object at multiple 
+// places within tree -- it will only render children of ONE of those places!
+   var node = mainContext.add(rotateModifier);
+   node.add(moveModifier2).add(moveRelativeModifier).add(mySurface);
+   node.add(moveModifier1).add(scaleMod).add(mySurface2);
+   mainContext.add(moveRelativeModifier2).add(sigmaSurf);
+
+	//========== copy-pasted scrollview example stuff below this ==========
+	var container = new ContainerSurface(
+	 {
+		size: [400, 400],
+		properties: 
+		 {
+			overflow: 'hidden'
+		 }
+	 });
+	
+	var surfaces = [];
+	//create a thing that is able to transition between surfaces.. the 
+	// surface that transitions in is the new one that is seeable on screen.
+	var scrollview = new Scrollview();
+	
+	//create the renderable surfaces, each is capable of being seeable on screen
+	var temp;
+	for (var i = 0; i < 5; i++) {
+		temp = new Surface({
+			size: [undefined, 50],
+			content: 'I am surface: ' + (i + 1),
+			classes: ['red-bg'],
+			properties: {
+				textAlign: 'center',
+				lineHeight: '50px'
+			}
+		});
+
+		//put the surface into the scrollview management element
+		temp.pipe(scrollview);
+		//put the surface into an array of surfaces, for bookkeeping
+		surfaces.push(temp);
+	}
+
+	//The scrollview is now loaded up with all the surfaces, so tell it how
+	// want it to transition between the different surfaces
+	scrollview.sequenceFrom(surfaces);
+	
+	//add the scrollview to the container..  the container defines size and
+	// some other properties..
+	container.add(scrollview);
+
+	//make the container viewable, and hence the scrollview, hence whatever 
+	// surface is loaded as the top in the scrollview
+	mainContext.add(new Modifier({origin: [.5, .5]})).add(container);
+
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/learning_scripts/learning.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/learning_scripts/learning.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,144 @@
+
+//load in the famous stuff -- so far only figured out how to do it via html tag..
+
+document.write('<script type="text/javascript"> require(["famous_learning"]);</script>');
+//document.write('<script type="text/javascript"> require(["draw_svg_example"]);</script>');
+//=========================
+
+var el =  document.createElement("h1")
+el.id="title";
+el.innerHTML = "Some title";
+document.body.appendChild(el);
+
+var el2 =  document.createElement("span")
+el2.style.display="block";
+el2.style.width="100%";
+el2.innerHTML = "Some arb text";
+document.body.appendChild(el2);
+
+function appendHtml(el, str) {
+  var div = document.createElement('div');
+  div.innerHTML = str;
+  while (div.children.length > 0) {
+      if ( div.children[0].tagName == 'LINK' ) {
+          // Create an actual link element to append later
+          style = document.createElement('link');
+          style.href = div.children[0].href;
+          // append your other things like rel, type, etc
+          el.appendChild(style);
+      }
+      el.appendChild(div.children[0]);
+  }
+}
+
+var c = document.getElementById("myCanvas");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "#FF0000";
+ctx.fillRect(0,0,150,75);
+
+var c = document.getElementById("myCanvas");
+var ctx = c.getContext("2d");
+ctx.moveTo(0,0);
+ctx.lineTo(200,100);
+ctx.stroke();
+
+var c = document.getElementById("myCanvas");
+var ctx = c.getContext("2d");
+ctx.beginPath();
+ctx.arc(95,50,40,0,Math.PI);
+ctx.stroke();
+
+var c = document.getElementById("myCanvas");
+var ctx = c.getContext("2d");
+ctx.font = "30px Arial";
+ctx.fillStyle = "#000000";
+ctx.fillText("Hello World",10,50);
+
+ctx.fillStyle = "#FF0000";
+ctx.fillText("Hello World",10,50);
+
+var c = document.getElementById("myCanvas");
+var ctx = c.getContext("2d");
+ctx.font = "30px Arial";
+ctx.fillStyle = "#000000";
+ctx.strokeText("Hello World",10,90);
+
+var c = document.getElementById("POPCanvas");
+var ctx = c.getContext("2d");
+ctx.font = "30px Arial";
+ctx.fillStyle = "#000000";
+ctx.strokeText("Hello POP!",10,90);
+
+//A syntax graph consists of two kinds of elements, plus a list of properties attached to each element
+
+//var surname = prompt('Greetings friend, may I enquire as to your surname?');
+
+var i = 1;
+while (i < 2) {
+//    alert(i);
+    i = i + 1;
+}
+
+for (var i = 1; i < 2; i++) {
+//    alert(i);
+}
+
+var add = function (a, b) {
+    return a + b;
+};
+
+
+var result = add(1, 2); // result is now 3
+
+
+var jedi = {
+    name: "Yoda",
+    age: 899,
+    talk: function () { alert("another... Sky... walker..."); }
+};
+
+var dog = {};
+
+dog.bark = function () { alert("Woof!"); };
+
+var helloFrom = function (personName) {
+    return "Hello from " + personName;
+}
+
+var people = ['Tom', 'Yoda', 'Ron'];
+
+people.push('Bob');
+people.push('Dr Evil');
+
+people.pop();
+
+for (var i=0; i < people.length; i++) {
+    var greeting = helloFrom(people[i]);
+//    alert(greeting);
+}
+
+var person = {
+    age: 122
+};
+
+person.name = {
+    first: "Jeanne",
+    last: "Calment"
+};
+
+var properties = [];
+
+var exampleSyntaxGraph = {};
+
+exampleSyntaxGraph.root = 
+ { properties: {},
+   linksIn:    {},
+   linksOut:   {},
+   subElems:   {}
+ };
+
+exampleSyntaxGraph.root.properties.propertyName = "ElementType";exampleSyntaxGraph.root.properties.propertyValue = "Command";
+exampleSyntaxGraph.root.properties.propertyName = "ElementType";
+
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/learning_scripts/learningLoadPage.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/learning_scripts/learningLoadPage.html	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>famo.us App</title>
+        <meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+        <!-- shims for backwards compatibility -->
+        <script type="text/javascript" src="http://code.famo.us/lib/functionPrototypeBind.js"></script>
+        <script type="text/javascript" src="http://code.famo.us/lib/classList.js"></script>
+        <script type="text/javascript" src="http://code.famo.us/lib/requestAnimationFrame.js"></script>
+
+        <!-- module loader -->
+        <script type="text/javascript" src="http://code.famo.us/lib/require.js"></script>
+
+        <!-- famous -->
+        <link rel="stylesheet" type="text/css" href="http://code.famo.us/famous/0.2/famous.css" />
+        <script type="text/javascript" src="http://code.famo.us/famous/0.2/famous.js"></script>
+		
+<!-- the famous stylesheet messes up text fonts, but the famous surfaces don't paint their background properly without the famous CSS.. -->
+        <link rel="stylesheet" type="text/css" href="http://code.famo.us/assets/famous_styles.css" />
+		
+        <!-- load D3, to play around with also! -->
+		<!--script type="text/javascript" src="d3/d3.v3.js"></script-->
+		
+    </head>
+
+<!--
+<script src="terminal.js">
+</script>
+<body onload="window.start('terminal');">
+
+<div id="loader">...</div>
+-->
+<body>
+<canvas id="myCanvas" width="200" height="200" style="border:1px solid #000000;">
+Your browser does not support the HTML5 canvas tag.
+</canvas>
+
+<canvas id="POPCanvas" width="200" height="100" style="border:1px solid #000000;">
+</canvas>
+
+<!--script type="text/javascript">require(['famous_surface_example']);</script-->
+
+<script src="epocritesPuzzle.js">
+</script>
+
+</body>
+</html>
+
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/learning_scripts/learning_text_bounding_box.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/learning_scripts/learning_text_bounding_box.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,83 @@
+
+	//Do this part once, of creating a DOM element and adding it to document
+	var el1 =  document.createElement("div");
+	document.body.appendChild(el1); //only need to append once then reuse
+	
+	//now set the SVG text string -- from this point down can be repeated 
+	// for multiple strings without removing or re-adding the element, nor
+	// fiddling with the DOM
+	var text1_1_1_SVG = '<svg>  <text x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none" id="svgText1">' + text1_1_1.content + '</text> </svg>';
+	//note the id is inside the text element! Also the fill and stroke are
+	// null so nothing paints
+	el1.innerHTML = text1_1_1_SVG; 
+
+	//get the element -- this seems to be what triggers the bounding box calc
+	var test = document.getElementById("svgText1"); //use ID of the text elem
+
+	//get the box, take the values out of it, and display them
+    var rect = test.getBoundingClientRect();
+	var str = "";
+	for (i in rect) { //a trick for getting all the attributes of the object
+		str += i + " = " + rect[i] + "  ";
+	}
+	console.log("svgText1: " + str);
+		
+	var el2 =  document.createElement("span");
+	el2.style.display="block";
+	el2.id="testing123";
+	el2.style.width="10%";
+	el2.innerHTML = text1_1_1.content;
+	document.body.appendChild(el2);
+	console.log("testing123 class " + el2.className);
+	
+	
+	var test = document.getElementById("test12");
+    var rect = test.getBoundingClientRect();
+	var str = "";
+	for (i in rect) {
+		str += i + " = " + rect[i] + "<br>";
+	}
+	console.log("test12: " + str);
+
+//	var svgTextElem = new SVGTextElement();
+	
+	var elem = document.getElementById("svg_text");
+	var foo = elem.getBBox();
+	console.log("svg_text getBBox: " + foo.width);
+//	console.log("svg_text computed: " + elem.getComputedTextLength());
+	console.log("svg_text foo: " + elem.childNodes[1].className);
+	console.log("svg_text class: " + elem.className);
+	
+	
+	var f = document.getElementById("svg_text").getClientRects();
+	console.log("svg_text getClientRects: " + f[0].width);
+	
+	var rect = document.getElementById("testing123").getBoundingClientRect();
+	console.log("getBoundingClientRect: " + rect.width);
+	
+	function getText1_1_1() {
+	}
+	var text1_1_2 = new Surface({
+	  size: [true, true],
+      content: "portsIn",
+      properties: {
+        color: 'black',
+        textAlign: 'left',
+        fontSize: '11px',
+        cursor: 'pointer'
+      }
+	});
+//	document.body.removeChild(el1);
+	var text1_1_2_SVG = '<svg> <text id="svgText2" x="0" y="0" style="font-family: Arial; font-size: 12;fill:none;stroke:none">' + text1_1_2.content + '</text> </svg>';
+	el1.innerHTML = text1_1_2_SVG;
+//	document.body.appendChild(el1);
+	
+	var test = document.getElementById("svgText2");
+    var rect = test.getBoundingClientRect();
+	var str = "";
+	for (i in rect) {
+		str += i + " = " + rect[i] + "<br>";
+	}
+	console.log("svgText2: " + str);
+	console.log("svgText2: " + test.getComputedTextLength());
+	
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/classList.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/classList.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,138 @@
+
+/*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 2011-06-15
+ *
+ * By Eli Grey, http://eligrey.com
+ * Public Domain.
+ * NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+ */
+
+/*global self, document, DOMException */
+
+/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
+
+if (typeof document !== "undefined" && !("classList" in document.createElement("a"))) {
+
+(function (view) {
+
+"use strict";
+
+var
+	  classListProp = "classList"
+	, protoProp = "prototype"
+	, elemCtrProto = (view.HTMLElement || view.Element)[protoProp]
+	, objCtr = Object
+	, strTrim = String[protoProp].trim || function () {
+		return this.replace(/^\s+|\s+$/g, "");
+	}
+	, arrIndexOf = Array[protoProp].indexOf || function (item) {
+		var
+			  i = 0
+			, len = this.length
+		;
+		for (; i < len; i++) {
+			if (i in this && this[i] === item) {
+				return i;
+			}
+		}
+		return -1;
+	}
+	// Vendors: please allow content code to instantiate DOMExceptions
+	, DOMEx = function (type, message) {
+		this.name = type;
+		this.code = DOMException[type];
+		this.message = message;
+	}
+	, checkTokenAndGetIndex = function (classList, token) {
+		if (token === "") {
+			throw new DOMEx(
+				  "SYNTAX_ERR"
+				, "An invalid or illegal string was specified"
+			);
+		}
+		if (/\s/.test(token)) {
+			throw new DOMEx(
+				  "INVALID_CHARACTER_ERR"
+				, "String contains an invalid character"
+			);
+		}
+		return arrIndexOf.call(classList, token);
+	}
+	, ClassList = function (elem) {
+		var
+			  trimmedClasses = strTrim.call(elem.className)
+			, classes = trimmedClasses ? trimmedClasses.split(/\s+/) : []
+			, i = 0
+			, len = classes.length
+		;
+		for (; i < len; i++) {
+			this.push(classes[i]);
+		}
+		this._updateClassName = function () {
+			elem.className = this.toString();
+		};
+	}
+	, classListProto = ClassList[protoProp] = []
+	, classListGetter = function () {
+		return new ClassList(this);
+	}
+;
+// Most DOMException implementations don't allow calling DOMException's toString()
+// on non-DOMExceptions. Error's toString() is sufficient here.
+DOMEx[protoProp] = Error[protoProp];
+classListProto.item = function (i) {
+	return this[i] || null;
+};
+classListProto.contains = function (token) {
+	token += "";
+	return checkTokenAndGetIndex(this, token) !== -1;
+};
+classListProto.add = function (token) {
+	token += "";
+	if (checkTokenAndGetIndex(this, token) === -1) {
+		this.push(token);
+		this._updateClassName();
+	}
+};
+classListProto.remove = function (token) {
+	token += "";
+	var index = checkTokenAndGetIndex(this, token);
+	if (index !== -1) {
+		this.splice(index, 1);
+		this._updateClassName();
+	}
+};
+classListProto.toggle = function (token) {
+	token += "";
+	if (checkTokenAndGetIndex(this, token) === -1) {
+		this.add(token);
+	} else {
+		this.remove(token);
+	}
+};
+classListProto.toString = function () {
+	return this.join(" ");
+};
+
+if (objCtr.defineProperty) {
+	var classListPropDesc = {
+		  get: classListGetter
+		, enumerable: true
+		, configurable: true
+	};
+	try {
+		objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+	} catch (ex) { // IE 8 doesn't support enumerable:true
+		if (ex.number === -0x7FF5EC54) {
+			classListPropDesc.enumerable = false;
+			objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+		}
+	}
+} else if (objCtr[protoProp].__defineGetter__) {
+	elemCtrProto.__defineGetter__(classListProp, classListGetter);
+}
+
+}(self));
+
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/famous.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/famous.css	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,77 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+
+html {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    overflow: hidden;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+}
+
+body {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-font-smoothing: antialiased;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-perspective: 0;
+    perspective: none;
+    overflow: hidden;
+}
+
+.famous-container, .famous-group {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    overflow: visible;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    pointer-events: none;
+}
+
+.famous-group {
+    width: 0px;
+    height: 0px;
+    margin: 0px;
+    padding: 0px;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+}
+
+.famous-surface {
+    position: absolute;
+    -webkit-transform-origin: center center;
+    transform-origin: center center;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    -webkit-transform-style: flat;
+    transform-style: preserve-3d; /* performance */
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    pointer-events: auto;
+}
+
+.famous-container-group {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/famous.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/famous.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,17609 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Entity',['require','exports','module'],function(require, exports, module) {
+    /**
+     * A singleton that maintains a global registry of Surfaces.
+     *   Private.
+     *
+     * @private
+     * @static
+     * @class Entity
+     */
+
+    var entities = [];
+
+    /**
+     * Get entity from global index.
+     *
+     * @private
+     * @method get
+     * @param {Number} id entity reigstration id
+     * @return {Surface} entity in the global index
+     */
+    function get(id) {
+        return entities[id];
+    }
+
+    /**
+     * Overwrite entity in the global index
+     *
+     * @private
+     * @method set
+     * @param {Number} id entity reigstration id
+     * @return {Surface} entity to add to the global index
+     */
+    function set(id, entity) {
+        entities[id] = entity;
+    }
+
+    /**
+     * Add entity to global index
+     *
+     * @private
+     * @method register
+     * @param {Surface} entity to add to global index
+     * @return {Number} new id
+     */
+    function register(entity) {
+        var id = entities.length;
+        set(id, entity);
+        return id;
+    }
+
+    /**
+     * Remove entity from global index
+     *
+     * @private
+     * @method unregister
+     * @param {Number} id entity reigstration id
+     */
+    function unregister(id) {
+        set(id, null);
+    }
+
+    module.exports = {
+        register: register,
+        unregister: unregister,
+        get: get,
+        set: set
+    };
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Transform',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     *  A high-performance static matrix math library used to calculate
+     *    affine transforms on surfaces and other renderables.
+     *    Famo.us uses 4x4 matrices corresponding directly to
+     *    WebKit matrices (column-major order).
+     *
+     *    The internal "type" of a Matrix is a 16-long float array in
+     *    row-major order, with:
+     *    elements [0],[1],[2],[4],[5],[6],[8],[9],[10] forming the 3x3
+     *          transformation matrix;
+     *    elements [12], [13], [14] corresponding to the t_x, t_y, t_z
+     *           translation;
+     *    elements [3], [7], [11] set to 0;
+     *    element [15] set to 1.
+     *    All methods are static.
+     *
+     * @static
+     *
+     * @class Transform
+     */
+    var Transform = {};
+
+    // WARNING: these matrices correspond to WebKit matrices, which are
+    //    transposed from their math counterparts
+    Transform.precision = 1e-6;
+    Transform.identity = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+
+    /**
+     * Multiply two or more Transform matrix types to return a Transform matrix.
+     *
+     * @method multiply4x4
+     * @static
+     * @param {Transform} a left Transform
+     * @param {Transform} b right Transform
+     * @return {Transform}
+     */
+    Transform.multiply4x4 = function multiply4x4(a, b) {
+        return [
+            a[0] * b[0] + a[4] * b[1] + a[8] * b[2] + a[12] * b[3],
+            a[1] * b[0] + a[5] * b[1] + a[9] * b[2] + a[13] * b[3],
+            a[2] * b[0] + a[6] * b[1] + a[10] * b[2] + a[14] * b[3],
+            a[3] * b[0] + a[7] * b[1] + a[11] * b[2] + a[15] * b[3],
+            a[0] * b[4] + a[4] * b[5] + a[8] * b[6] + a[12] * b[7],
+            a[1] * b[4] + a[5] * b[5] + a[9] * b[6] + a[13] * b[7],
+            a[2] * b[4] + a[6] * b[5] + a[10] * b[6] + a[14] * b[7],
+            a[3] * b[4] + a[7] * b[5] + a[11] * b[6] + a[15] * b[7],
+            a[0] * b[8] + a[4] * b[9] + a[8] * b[10] + a[12] * b[11],
+            a[1] * b[8] + a[5] * b[9] + a[9] * b[10] + a[13] * b[11],
+            a[2] * b[8] + a[6] * b[9] + a[10] * b[10] + a[14] * b[11],
+            a[3] * b[8] + a[7] * b[9] + a[11] * b[10] + a[15] * b[11],
+            a[0] * b[12] + a[4] * b[13] + a[8] * b[14] + a[12] * b[15],
+            a[1] * b[12] + a[5] * b[13] + a[9] * b[14] + a[13] * b[15],
+            a[2] * b[12] + a[6] * b[13] + a[10] * b[14] + a[14] * b[15],
+            a[3] * b[12] + a[7] * b[13] + a[11] * b[14] + a[15] * b[15]
+        ];
+    };
+
+    /**
+     * Fast-multiply two or more Transform matrix types to return a
+     *    Matrix, assuming bottom row on each is [0 0 0 1].
+     *
+     * @method multiply
+     * @static
+     * @param {Transform} a left Transform
+     * @param {Transform} b right Transform
+     * @return {Transform}
+     */
+    Transform.multiply = function multiply(a, b) {
+        return [
+            a[0] * b[0] + a[4] * b[1] + a[8] * b[2],
+            a[1] * b[0] + a[5] * b[1] + a[9] * b[2],
+            a[2] * b[0] + a[6] * b[1] + a[10] * b[2],
+            0,
+            a[0] * b[4] + a[4] * b[5] + a[8] * b[6],
+            a[1] * b[4] + a[5] * b[5] + a[9] * b[6],
+            a[2] * b[4] + a[6] * b[5] + a[10] * b[6],
+            0,
+            a[0] * b[8] + a[4] * b[9] + a[8] * b[10],
+            a[1] * b[8] + a[5] * b[9] + a[9] * b[10],
+            a[2] * b[8] + a[6] * b[9] + a[10] * b[10],
+            0,
+            a[0] * b[12] + a[4] * b[13] + a[8] * b[14] + a[12],
+            a[1] * b[12] + a[5] * b[13] + a[9] * b[14] + a[13],
+            a[2] * b[12] + a[6] * b[13] + a[10] * b[14] + a[14],
+            1
+        ];
+    };
+
+    /**
+     * Return a Transform translated by additional amounts in each
+     *    dimension. This is equivalent to the result of
+     *
+     *    Transform.multiply(Matrix.translate(t[0], t[1], t[2]), m).
+     *
+     * @method thenMove
+     * @static
+     * @param {Transform} m a Transform
+     * @param {Array.Number} t floats delta vector of length 2 or 3
+     * @return {Transform}
+     */
+    Transform.thenMove = function thenMove(m, t) {
+        if (!t[2]) t[2] = 0;
+        return [m[0], m[1], m[2], 0, m[4], m[5], m[6], 0, m[8], m[9], m[10], 0, m[12] + t[0], m[13] + t[1], m[14] + t[2], 1];
+    };
+
+    /**
+     * Return a Transform atrix which represents the result of a transform matrix
+     *    applied after a move. This is faster than the equivalent multiply.
+     *    This is equivalent to the result of:
+     *
+     *    Transform.multiply(m, Transform.translate(t[0], t[1], t[2])).
+     *
+     * @method moveThen
+     * @static
+     * @param {Array.Number} v vector representing initial movement
+     * @param {Transform} m matrix to apply afterwards
+     * @return {Transform} the resulting matrix
+     */
+    Transform.moveThen = function moveThen(v, m) {
+        if (!v[2]) v[2] = 0;
+        var t0 = v[0] * m[0] + v[1] * m[4] + v[2] * m[8];
+        var t1 = v[0] * m[1] + v[1] * m[5] + v[2] * m[9];
+        var t2 = v[0] * m[2] + v[1] * m[6] + v[2] * m[10];
+        return Transform.thenMove(m, [t0, t1, t2]);
+    };
+
+    /**
+     * Return a Transform which represents a translation by specified
+     *    amounts in each dimension.
+     *
+     * @method translate
+     * @static
+     * @param {Number} x x translation
+     * @param {Number} y y translation
+     * @param {Number} z z translation
+     * @return {Transform}
+     */
+    Transform.translate = function translate(x, y, z) {
+        if (z === undefined) z = 0;
+        return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, x, y, z, 1];
+    };
+
+    /**
+     * Return a Transform scaled by a vector in each
+     *    dimension. This is a more performant equivalent to the result of
+     *
+     *    Transform.multiply(Transform.scale(s[0], s[1], s[2]), m).
+     *
+     * @method thenScale
+     * @static
+     * @param {Transform} m a matrix
+     * @param {Array.Number} s delta vector (array of floats &&
+     *    array.length == 3)
+     * @return {Transform}
+     */
+    Transform.thenScale = function thenScale(m, s) {
+        return [
+            s[0] * m[0], s[1] * m[1], s[2] * m[2], 0,
+            s[0] * m[4], s[1] * m[5], s[2] * m[6], 0,
+            s[0] * m[8], s[1] * m[9], s[2] * m[10], 0,
+            s[0] * m[12], s[1] * m[13], s[2] * m[14], 1
+        ];
+    };
+
+    /**
+     * Return a Transform which represents a scale by specified amounts
+     *    in each dimension.
+     *
+     * @method scale
+     * @static
+     * @param {Number} x x scale factor
+     * @param {Number} y y scale factor
+     * @param {Number} z z scale factor
+     * @return {Transform}
+     */
+    Transform.scale = function scale(x, y, z) {
+        if (z === undefined) z = 1;
+        return [x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents a clockwise
+     *    rotation around the x axis.
+     *
+     * @method rotateX
+     * @static
+     * @param {Number} theta radians
+     * @return {Transform}
+     */
+    Transform.rotateX = function rotateX(theta) {
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        return [1, 0, 0, 0, 0, cosTheta, sinTheta, 0, 0, -sinTheta, cosTheta, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents a clockwise
+     *    rotation around the y axis.
+     *
+     * @method rotateY
+     * @static
+     * @param {Number} theta radians
+     * @return {Transform}
+     */
+    Transform.rotateY = function rotateY(theta) {
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        return [cosTheta, 0, -sinTheta, 0, 0, 1, 0, 0, sinTheta, 0, cosTheta, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents a clockwise
+     *    rotation around the z axis.
+     *
+     * @method rotateZ
+     * @static
+     * @param {Number} theta radians
+     * @return {Transform}
+     */
+    Transform.rotateZ = function rotateZ(theta) {
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        return [cosTheta, sinTheta, 0, 0, -sinTheta, cosTheta, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform which represents composed clockwise
+     *    rotations along each of the axes. Equivalent to the result of
+     *    Matrix.multiply(rotateX(phi), rotateY(theta), rotateZ(psi)).
+     *
+     * @method rotate
+     * @static
+     * @param {Number} phi radians to rotate about the positive x axis
+     * @param {Number} theta radians to rotate about the positive y axis
+     * @param {Number} psi radians to rotate about the positive z axis
+     * @return {Transform}
+     */
+    Transform.rotate = function rotate(phi, theta, psi) {
+        var cosPhi = Math.cos(phi);
+        var sinPhi = Math.sin(phi);
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+        var cosPsi = Math.cos(psi);
+        var sinPsi = Math.sin(psi);
+        var result = [
+            cosTheta * cosPsi,
+            cosPhi * sinPsi + sinPhi * sinTheta * cosPsi,
+            sinPhi * sinPsi - cosPhi * sinTheta * cosPsi,
+            0,
+            -cosTheta * sinPsi,
+            cosPhi * cosPsi - sinPhi * sinTheta * sinPsi,
+            sinPhi * cosPsi + cosPhi * sinTheta * sinPsi,
+            0,
+            sinTheta,
+            -sinPhi * cosTheta,
+            cosPhi * cosTheta,
+            0,
+            0, 0, 0, 1
+        ];
+        return result;
+    };
+
+    /**
+     * Return a Transform which represents an axis-angle rotation
+     *
+     * @method rotateAxis
+     * @static
+     * @param {Array.Number} v unit vector representing the axis to rotate about
+     * @param {Number} theta radians to rotate clockwise about the axis
+     * @return {Transform}
+     */
+    Transform.rotateAxis = function rotateAxis(v, theta) {
+        var sinTheta = Math.sin(theta);
+        var cosTheta = Math.cos(theta);
+        var verTheta = 1 - cosTheta; // versine of theta
+
+        var xxV = v[0] * v[0] * verTheta;
+        var xyV = v[0] * v[1] * verTheta;
+        var xzV = v[0] * v[2] * verTheta;
+        var yyV = v[1] * v[1] * verTheta;
+        var yzV = v[1] * v[2] * verTheta;
+        var zzV = v[2] * v[2] * verTheta;
+        var xs = v[0] * sinTheta;
+        var ys = v[1] * sinTheta;
+        var zs = v[2] * sinTheta;
+
+        var result = [
+            xxV + cosTheta, xyV + zs, xzV - ys, 0,
+            xyV - zs, yyV + cosTheta, yzV + xs, 0,
+            xzV + ys, yzV - xs, zzV + cosTheta, 0,
+            0, 0, 0, 1
+        ];
+        return result;
+    };
+
+    /**
+     * Return a Transform which represents a transform matrix applied about
+     * a separate origin point.
+     *
+     * @method aboutOrigin
+     * @static
+     * @param {Array.Number} v origin point to apply matrix
+     * @param {Transform} m matrix to apply
+     * @return {Transform}
+     */
+    Transform.aboutOrigin = function aboutOrigin(v, m) {
+        var t0 = v[0] - (v[0] * m[0] + v[1] * m[4] + v[2] * m[8]);
+        var t1 = v[1] - (v[0] * m[1] + v[1] * m[5] + v[2] * m[9]);
+        var t2 = v[2] - (v[0] * m[2] + v[1] * m[6] + v[2] * m[10]);
+        return Transform.thenMove(m, [t0, t1, t2]);
+    };
+
+    /**
+     * Return a Transform representation of a skew transformation
+     *
+     * @method skew
+     * @static
+     * @param {Number} phi scale factor skew in the x axis
+     * @param {Number} theta scale factor skew in the y axis
+     * @param {Number} psi scale factor skew in the z axis
+     * @return {Transform}
+     */
+    Transform.skew = function skew(phi, theta, psi) {
+        return [1, 0, 0, 0, Math.tan(psi), 1, 0, 0, Math.tan(theta), Math.tan(phi), 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform representation of a skew in the x-direction
+     *
+     * @method skewX
+     * @static
+     * @param {Number} angle the angle between the top and left sides
+     * @return {Transform}
+     */
+    Transform.skewX = function skewX(angle) {
+        return [1, 0, 0, 0, Math.tan(angle), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return a Transform representation of a skew in the y-direction
+     *
+     * @method skewY
+     * @static
+     * @param {Number} angle the angle between the top and right sides
+     * @return {Transform}
+     */
+    Transform.skewY = function skewY(angle) {
+        return [1, Math.tan(angle), 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    };
+
+    /**
+     * Returns a perspective Transform matrix
+     *
+     * @method perspective
+     * @static
+     * @param {Number} focusZ z position of focal point
+     * @return {Transform}
+     */
+    Transform.perspective = function perspective(focusZ) {
+        return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -1 / focusZ, 0, 0, 0, 1];
+    };
+
+    /**
+     * Return translation vector component of given Transform
+     *
+     * @method getTranslate
+     * @static
+     * @param {Transform} m Transform
+     * @return {Array.Number} the translation vector [t_x, t_y, t_z]
+     */
+    Transform.getTranslate = function getTranslate(m) {
+        return [m[12], m[13], m[14]];
+    };
+
+    /**
+     * Return inverse affine transform for given Transform.
+     *   Note: This assumes m[3] = m[7] = m[11] = 0, and m[15] = 1.
+     *   Will provide incorrect results if not invertible or preconditions not met.
+     *
+     * @method inverse
+     * @static
+     * @param {Transform} m Transform
+     * @return {Transform}
+     */
+    Transform.inverse = function inverse(m) {
+        // only need to consider 3x3 section for affine
+        var c0 = m[5] * m[10] - m[6] * m[9];
+        var c1 = m[4] * m[10] - m[6] * m[8];
+        var c2 = m[4] * m[9] - m[5] * m[8];
+        var c4 = m[1] * m[10] - m[2] * m[9];
+        var c5 = m[0] * m[10] - m[2] * m[8];
+        var c6 = m[0] * m[9] - m[1] * m[8];
+        var c8 = m[1] * m[6] - m[2] * m[5];
+        var c9 = m[0] * m[6] - m[2] * m[4];
+        var c10 = m[0] * m[5] - m[1] * m[4];
+        var detM = m[0] * c0 - m[1] * c1 + m[2] * c2;
+        var invD = 1 / detM;
+        var result = [
+            invD * c0, -invD * c4, invD * c8, 0,
+            -invD * c1, invD * c5, -invD * c9, 0,
+            invD * c2, -invD * c6, invD * c10, 0,
+            0, 0, 0, 1
+        ];
+        result[12] = -m[12] * result[0] - m[13] * result[4] - m[14] * result[8];
+        result[13] = -m[12] * result[1] - m[13] * result[5] - m[14] * result[9];
+        result[14] = -m[12] * result[2] - m[13] * result[6] - m[14] * result[10];
+        return result;
+    };
+
+    /**
+     * Returns the transpose of a 4x4 matrix
+     *
+     * @method transpose
+     * @static
+     * @param {Transform} m matrix
+     * @return {Transform} the resulting transposed matrix
+     */
+    Transform.transpose = function transpose(m) {
+        return [m[0], m[4], m[8], m[12], m[1], m[5], m[9], m[13], m[2], m[6], m[10], m[14], m[3], m[7], m[11], m[15]];
+    };
+
+    function _normSquared(v) {
+        return (v.length === 2) ? v[0] * v[0] + v[1] * v[1] : v[0] * v[0] + v[1] * v[1] + v[2] * v[2];
+    }
+    function _norm(v) {
+        return Math.sqrt(_normSquared(v));
+    }
+    function _sign(n) {
+        return (n < 0) ? -1 : 1;
+    }
+
+    /**
+     * Decompose Transform into separate .translate, .rotate, .scale,
+     *    and .skew components.
+     *
+     * @method interpret
+     * @static
+     * @param {Transform} M transform matrix
+     * @return {Object} matrix spec object with component matrices .translate,
+     *    .rotate, .scale, .skew
+     */
+    Transform.interpret = function interpret(M) {
+
+        // QR decomposition via Householder reflections
+        //FIRST ITERATION
+
+        //default Q1 to the identity matrix;
+        var x = [M[0], M[1], M[2]];                // first column vector
+        var sgn = _sign(x[0]);                     // sign of first component of x (for stability)
+        var xNorm = _norm(x);                      // norm of first column vector
+        var v = [x[0] + sgn * xNorm, x[1], x[2]];  // v = x + sign(x[0])|x|e1
+        var mult = 2 / _normSquared(v);            // mult = 2/v'v
+
+        //bail out if our Matrix is singular
+        if (mult >= Infinity) {
+            return {translate: Transform.getTranslate(M), rotate: [0, 0, 0], scale: [0, 0, 0], skew: [0, 0, 0]};
+        }
+
+        //evaluate Q1 = I - 2vv'/v'v
+        var Q1 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1];
+
+        //diagonals
+        Q1[0]  = 1 - mult * v[0] * v[0];    // 0,0 entry
+        Q1[5]  = 1 - mult * v[1] * v[1];    // 1,1 entry
+        Q1[10] = 1 - mult * v[2] * v[2];    // 2,2 entry
+
+        //upper diagonal
+        Q1[1] = -mult * v[0] * v[1];        // 0,1 entry
+        Q1[2] = -mult * v[0] * v[2];        // 0,2 entry
+        Q1[6] = -mult * v[1] * v[2];        // 1,2 entry
+
+        //lower diagonal
+        Q1[4] = Q1[1];                      // 1,0 entry
+        Q1[8] = Q1[2];                      // 2,0 entry
+        Q1[9] = Q1[6];                      // 2,1 entry
+
+        //reduce first column of M
+        var MQ1 = Transform.multiply(Q1, M);
+
+        //SECOND ITERATION on (1,1) minor
+        var x2 = [MQ1[5], MQ1[6]];
+        var sgn2 = _sign(x2[0]);                    // sign of first component of x (for stability)
+        var x2Norm = _norm(x2);                     // norm of first column vector
+        var v2 = [x2[0] + sgn2 * x2Norm, x2[1]];    // v = x + sign(x[0])|x|e1
+        var mult2 = 2 / _normSquared(v2);           // mult = 2/v'v
+
+        //evaluate Q2 = I - 2vv'/v'v
+        var Q2 = [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1];
+
+        //diagonal
+        Q2[5]  = 1 - mult2 * v2[0] * v2[0]; // 1,1 entry
+        Q2[10] = 1 - mult2 * v2[1] * v2[1]; // 2,2 entry
+
+        //off diagonals
+        Q2[6] = -mult2 * v2[0] * v2[1];     // 2,1 entry
+        Q2[9] = Q2[6];                      // 1,2 entry
+
+        //calc QR decomposition. Q = Q1*Q2, R = Q'*M
+        var Q = Transform.multiply(Q2, Q1);      //note: really Q transpose
+        var R = Transform.multiply(Q, M);
+
+        //remove negative scaling
+        var remover = Transform.scale(R[0] < 0 ? -1 : 1, R[5] < 0 ? -1 : 1, R[10] < 0 ? -1 : 1);
+        R = Transform.multiply(R, remover);
+        Q = Transform.multiply(remover, Q);
+
+        //decompose into rotate/scale/skew matrices
+        var result = {};
+        result.translate = Transform.getTranslate(M);
+        result.rotate = [Math.atan2(-Q[6], Q[10]), Math.asin(Q[2]), Math.atan2(-Q[1], Q[0])];
+        if (!result.rotate[0]) {
+            result.rotate[0] = 0;
+            result.rotate[2] = Math.atan2(Q[4], Q[5]);
+        }
+        result.scale = [R[0], R[5], R[10]];
+        result.skew = [Math.atan2(R[9], result.scale[2]), Math.atan2(R[8], result.scale[2]), Math.atan2(R[4], result.scale[0])];
+
+        //double rotation workaround
+        if (Math.abs(result.rotate[0]) + Math.abs(result.rotate[2]) > 1.5 * Math.PI) {
+            result.rotate[1] = Math.PI - result.rotate[1];
+            if (result.rotate[1] > Math.PI) result.rotate[1] -= 2 * Math.PI;
+            if (result.rotate[1] < -Math.PI) result.rotate[1] += 2 * Math.PI;
+            if (result.rotate[0] < 0) result.rotate[0] += Math.PI;
+            else result.rotate[0] -= Math.PI;
+            if (result.rotate[2] < 0) result.rotate[2] += Math.PI;
+            else result.rotate[2] -= Math.PI;
+        }
+
+        return result;
+    };
+
+    /**
+     * Weighted average between two matrices by averaging their
+     *     translation, rotation, scale, skew components.
+     *     f(M1,M2,t) = (1 - t) * M1 + t * M2
+     *
+     * @method average
+     * @static
+     * @param {Transform} M1 f(M1,M2,0) = M1
+     * @param {Transform} M2 f(M1,M2,1) = M2
+     * @param {Number} t
+     * @return {Transform}
+     */
+    Transform.average = function average(M1, M2, t) {
+        t = (t === undefined) ? 0.5 : t;
+        var specM1 = Transform.interpret(M1);
+        var specM2 = Transform.interpret(M2);
+
+        var specAvg = {
+            translate: [0, 0, 0],
+            rotate: [0, 0, 0],
+            scale: [0, 0, 0],
+            skew: [0, 0, 0]
+        };
+
+        for (var i = 0; i < 3; i++) {
+            specAvg.translate[i] = (1 - t) * specM1.translate[i] + t * specM2.translate[i];
+            specAvg.rotate[i] = (1 - t) * specM1.rotate[i] + t * specM2.rotate[i];
+            specAvg.scale[i] = (1 - t) * specM1.scale[i] + t * specM2.scale[i];
+            specAvg.skew[i] = (1 - t) * specM1.skew[i] + t * specM2.skew[i];
+        }
+        return Transform.build(specAvg);
+    };
+
+    /**
+     * Compose .translate, .rotate, .scale, .skew components into
+     * Transform matrix
+     *
+     * @method build
+     * @static
+     * @param {matrixSpec} spec object with component matrices .translate,
+     *    .rotate, .scale, .skew
+     * @return {Transform} composed transform
+     */
+    Transform.build = function build(spec) {
+        var scaleMatrix = Transform.scale(spec.scale[0], spec.scale[1], spec.scale[2]);
+        var skewMatrix = Transform.skew(spec.skew[0], spec.skew[1], spec.skew[2]);
+        var rotateMatrix = Transform.rotate(spec.rotate[0], spec.rotate[1], spec.rotate[2]);
+        return Transform.thenMove(Transform.multiply(Transform.multiply(rotateMatrix, skewMatrix), scaleMatrix), spec.translate);
+    };
+
+    /**
+     * Determine if two Transforms are component-wise equal
+     *   Warning: breaks on perspective Transforms
+     *
+     * @method equals
+     * @static
+     * @param {Transform} a matrix
+     * @param {Transform} b matrix
+     * @return {boolean}
+     */
+    Transform.equals = function equals(a, b) {
+        return !Transform.notEquals(a, b);
+    };
+
+    /**
+     * Determine if two Transforms are component-wise unequal
+     *   Warning: breaks on perspective Transforms
+     *
+     * @method notEquals
+     * @static
+     * @param {Transform} a matrix
+     * @param {Transform} b matrix
+     * @return {boolean}
+     */
+    Transform.notEquals = function notEquals(a, b) {
+        if (a === b) return false;
+
+        // shortci
+        return !(a && b) ||
+            a[12] !== b[12] || a[13] !== b[13] || a[14] !== b[14] ||
+            a[0] !== b[0] || a[1] !== b[1] || a[2] !== b[2] ||
+            a[4] !== b[4] || a[5] !== b[5] || a[6] !== b[6] ||
+            a[8] !== b[8] || a[9] !== b[9] || a[10] !== b[10];
+    };
+
+    /**
+     * Constrain angle-trio components to range of [-pi, pi).
+     *
+     * @method normalizeRotation
+     * @static
+     * @param {Array.Number} rotation phi, theta, psi (array of floats
+     *    && array.length == 3)
+     * @return {Array.Number} new phi, theta, psi triplet
+     *    (array of floats && array.length == 3)
+     */
+    Transform.normalizeRotation = function normalizeRotation(rotation) {
+        var result = rotation.slice(0);
+        if (result[0] === Math.PI * 0.5 || result[0] === -Math.PI * 0.5) {
+            result[0] = -result[0];
+            result[1] = Math.PI - result[1];
+            result[2] -= Math.PI;
+        }
+        if (result[0] > Math.PI * 0.5) {
+            result[0] = result[0] - Math.PI;
+            result[1] = Math.PI - result[1];
+            result[2] -= Math.PI;
+        }
+        if (result[0] < -Math.PI * 0.5) {
+            result[0] = result[0] + Math.PI;
+            result[1] = -Math.PI - result[1];
+            result[2] -= Math.PI;
+        }
+        while (result[1] < -Math.PI) result[1] += 2 * Math.PI;
+        while (result[1] >= Math.PI) result[1] -= 2 * Math.PI;
+        while (result[2] < -Math.PI) result[2] += 2 * Math.PI;
+        while (result[2] >= Math.PI) result[2] -= 2 * Math.PI;
+        return result;
+    };
+
+    /**
+     * (Property) Array defining a translation forward in z by 1
+     *
+     * @property {array} inFront
+     * @static
+     * @final
+     */
+    Transform.inFront = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1e-3, 1];
+
+    /**
+     * (Property) Array defining a translation backwards in z by 1
+     *
+     * @property {array} behind
+     * @static
+     * @final
+     */
+    Transform.behind = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -1e-3, 1];
+
+    module.exports = Transform;
+});
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/SpecParser',['require','exports','module','./Transform'],function(require, exports, module) {
+    var Transform = require('./Transform');
+
+    /**
+     *
+     * This object translates the rendering instructions ("render specs")
+     *   that renderable components generate into document update
+     *   instructions ("update specs").  Private.
+     *
+     * @private
+     * @class SpecParser
+     * @constructor
+     */
+    function SpecParser() {
+        this.result = {};
+    }
+    SpecParser._instance = new SpecParser();
+
+    /**
+     * Convert a render spec coming from the context's render chain to an
+     *    update spec for the update chain. This is the only major entry point
+     *    for a consumer of this class.
+     *
+     * @method parse
+     * @static
+     * @private
+     *
+     * @param {renderSpec} spec input render spec
+     * @param {Object} context context to do the parse in
+     * @return {Object} the resulting update spec (if no callback
+     *   specified, else none)
+     */
+    SpecParser.parse = function parse(spec, context) {
+        return SpecParser._instance.parse(spec, context);
+    };
+
+    /**
+     * Convert a renderSpec coming from the context's render chain to an update
+     *    spec for the update chain. This is the only major entrypoint for a
+     *    consumer of this class.
+     *
+     * @method parse
+     *
+     * @private
+     * @param {renderSpec} spec input render spec
+     * @param {Context} context
+     * @return {updateSpec} the resulting update spec
+     */
+    SpecParser.prototype.parse = function parse(spec, context) {
+        this.reset();
+        this._parseSpec(spec, context, Transform.identity);
+        return this.result;
+    };
+
+    /**
+     * Prepare SpecParser for re-use (or first use) by setting internal state
+     *  to blank.
+     *
+     * @private
+     * @method reset
+     */
+    SpecParser.prototype.reset = function reset() {
+        this.result = {};
+    };
+
+    // Multiply matrix M by vector v
+    function _vecInContext(v, m) {
+        return [
+            v[0] * m[0] + v[1] * m[4] + v[2] * m[8],
+            v[0] * m[1] + v[1] * m[5] + v[2] * m[9],
+            v[0] * m[2] + v[1] * m[6] + v[2] * m[10]
+        ];
+    }
+
+    var _originZeroZero = [0, 0];
+
+    // From the provided renderSpec tree, recursively compose opacities,
+    //    origins, transforms, and sizes corresponding to each surface id from
+    //    the provided renderSpec tree structure. On completion, those
+    //    properties of 'this' object should be ready to use to build an
+    //    updateSpec.
+    SpecParser.prototype._parseSpec = function _parseSpec(spec, parentContext, sizeContext) {
+        var id;
+        var target;
+        var transform;
+        var opacity;
+        var origin;
+        var align;
+        var size;
+
+        if (typeof spec === 'number') {
+            id = spec;
+            transform = parentContext.transform;
+            align = parentContext.align || parentContext.origin;
+            if (parentContext.size && align && (align[0] || align[1])) {
+                var alignAdjust = [align[0] * parentContext.size[0], align[1] * parentContext.size[1], 0];
+                transform = Transform.thenMove(transform, _vecInContext(alignAdjust, sizeContext));
+            }
+            this.result[id] = {
+                transform: transform,
+                opacity: parentContext.opacity,
+                origin: parentContext.origin || _originZeroZero,
+                align: parentContext.align || parentContext.origin || _originZeroZero,
+                size: parentContext.size
+            };
+        }
+        else if (!spec) { // placed here so 0 will be cached earlier
+            return;
+        }
+        else if (spec instanceof Array) {
+            for (var i = 0; i < spec.length; i++) {
+                this._parseSpec(spec[i], parentContext, sizeContext);
+            }
+        }
+        else {
+            target = spec.target;
+            transform = parentContext.transform;
+            opacity = parentContext.opacity;
+            origin = parentContext.origin;
+            align = parentContext.align;
+            size = parentContext.size;
+            var nextSizeContext = sizeContext;
+
+            if (spec.opacity !== undefined) opacity = parentContext.opacity * spec.opacity;
+            if (spec.transform) transform = Transform.multiply(parentContext.transform, spec.transform);
+            if (spec.origin) {
+                origin = spec.origin;
+                nextSizeContext = parentContext.transform;
+            }
+            if (spec.align) align = spec.align;
+            if (spec.size) {
+                var parentSize = parentContext.size;
+                size = [
+                    spec.size[0] !== undefined ? spec.size[0] : parentSize[0],
+                    spec.size[1] !== undefined ? spec.size[1] : parentSize[1]
+                ];
+                if (parentSize) {
+                    if (!align) align = origin;
+                    if (align && (align[0] || align[1])) transform = Transform.thenMove(transform, _vecInContext([align[0] * parentSize[0], align[1] * parentSize[1], 0], sizeContext));
+                    if (origin && (origin[0] || origin[1])) transform = Transform.moveThen([-origin[0] * size[0], -origin[1] * size[1], 0], transform);
+                }
+                nextSizeContext = parentContext.transform;
+                origin = null;
+                align = null;
+            }
+
+            this._parseSpec(target, {
+                transform: transform,
+                opacity: opacity,
+                origin: origin,
+                align: align,
+                size: size
+            }, nextSizeContext);
+        }
+    };
+
+    module.exports = SpecParser;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/RenderNode',['require','exports','module','./Entity','./SpecParser'],function(require, exports, module) {
+    var Entity = require('./Entity');
+    var SpecParser = require('./SpecParser');
+
+    /**
+     * A wrapper for inserting a renderable component (like a Modifer or
+     *   Surface) into the render tree.
+     *
+     * @class RenderNode
+     * @constructor
+     *
+     * @param {Object} object Target renderable component
+     */
+    function RenderNode(object) {
+        this._object = null;
+        this._child = null;
+        this._hasMultipleChildren = false;
+        this._isRenderable = false;
+        this._isModifier = false;
+
+        this._resultCache = {};
+        this._prevResults = {};
+
+        this._childResult = null;
+
+        if (object) this.set(object);
+    }
+
+    /**
+     * Append a renderable to the list of this node's children.
+     *   This produces a new RenderNode in the tree.
+     *   Note: Does not double-wrap if child is a RenderNode already.
+     *
+     * @method add
+     * @param {Object} child renderable object
+     * @return {RenderNode} new render node wrapping child
+     */
+    RenderNode.prototype.add = function add(child) {
+        var childNode = (child instanceof RenderNode) ? child : new RenderNode(child);
+        if (this._child instanceof Array) this._child.push(childNode);
+        else if (this._child) {
+            this._child = [this._child, childNode];
+            this._hasMultipleChildren = true;
+            this._childResult = []; // to be used later
+        }
+        else this._child = childNode;
+
+        return childNode;
+    };
+
+    /**
+     * Return the single wrapped object.  Returns null if this node has multiple child nodes.
+     *
+     * @method get
+     *
+     * @return {Ojbect} contained renderable object
+     */
+    RenderNode.prototype.get = function get() {
+        return this._object || (this._hasMultipleChildren ? null : (this._child ? this._child.get() : null));
+    };
+
+    /**
+     * Overwrite the list of children to contain the single provided object
+     *
+     * @method set
+     * @param {Object} child renderable object
+     * @return {RenderNode} this render node, or child if it is a RenderNode
+     */
+    RenderNode.prototype.set = function set(child) {
+        this._childResult = null;
+        this._hasMultipleChildren = false;
+        this._isRenderable = child.render ? true : false;
+        this._isModifier = child.modify ? true : false;
+        this._object = child;
+        this._child = null;
+        if (child instanceof RenderNode) return child;
+        else return this;
+    };
+
+    /**
+     * Get render size of contained object.
+     *
+     * @method getSize
+     * @return {Array.Number} size of this or size of single child.
+     */
+    RenderNode.prototype.getSize = function getSize() {
+        var result = null;
+        var target = this.get();
+        if (target && target.getSize) result = target.getSize();
+        if (!result && this._child && this._child.getSize) result = this._child.getSize();
+        return result;
+    };
+
+    // apply results of rendering this subtree to the document
+    function _applyCommit(spec, context, cacheStorage) {
+        var result = SpecParser.parse(spec, context);
+        var keys = Object.keys(result);
+        for (var i = 0; i < keys.length; i++) {
+            var id = keys[i];
+            var childNode = Entity.get(id);
+            var commitParams = result[id];
+            commitParams.allocator = context.allocator;
+            var commitResult = childNode.commit(commitParams);
+            if (commitResult) _applyCommit(commitResult, context, cacheStorage);
+            else cacheStorage[id] = commitParams;
+        }
+    }
+
+    /**
+     * Commit the content change from this node to the document.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context render context
+     */
+    RenderNode.prototype.commit = function commit(context) {
+        // free up some divs from the last loop
+        var prevKeys = Object.keys(this._prevResults);
+        for (var i = 0; i < prevKeys.length; i++) {
+            var id = prevKeys[i];
+            if (this._resultCache[id] === undefined) {
+                var object = Entity.get(id);
+                if (object.cleanup) object.cleanup(context.allocator);
+            }
+        }
+
+        this._prevResults = this._resultCache;
+        this._resultCache = {};
+        _applyCommit(this.render(), context, this._resultCache);
+    };
+
+    /**
+     * Generate a render spec from the contents of the wrapped component.
+     *
+     * @private
+     * @method render
+     *
+     * @return {Object} render specification for the component subtree
+     *    only under this node.
+     */
+    RenderNode.prototype.render = function render() {
+        if (this._isRenderable) return this._object.render();
+
+        var result = null;
+        if (this._hasMultipleChildren) {
+            result = this._childResult;
+            var children = this._child;
+            for (var i = 0; i < children.length; i++) {
+                result[i] = children[i].render();
+            }
+        }
+        else if (this._child) result = this._child.render();
+
+        return this._isModifier ? this._object.modify(result) : result;
+    };
+
+    module.exports = RenderNode;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/EventEmitter',['require','exports','module'],function(require, exports, module) {
+    /**
+     * EventEmitter represents a channel for events.
+     *
+     * @class EventEmitter
+     * @constructor
+     */
+    function EventEmitter() {
+        this.listeners = {};
+        this._owner = this;
+    }
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    EventEmitter.prototype.emit = function emit(type, event) {
+        var handlers = this.listeners[type];
+        if (handlers) {
+            for (var i = 0; i < handlers.length; i++) {
+                handlers[i].call(this._owner, event);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+   EventEmitter.prototype.on = function on(type, handler) {
+        if (!(type in this.listeners)) this.listeners[type] = [];
+        var index = this.listeners[type].indexOf(handler);
+        if (index < 0) this.listeners[type].push(handler);
+        return this;
+    };
+
+    /**
+     * Alias for "on".
+     * @method addListener
+     */
+    EventEmitter.prototype.addListener = EventEmitter.prototype.on;
+
+   /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function} handler function object to remove
+     * @return {EventEmitter} this
+     */
+    EventEmitter.prototype.removeListener = function removeListener(type, handler) {
+        var index = this.listeners[type].indexOf(handler);
+        if (index >= 0) this.listeners[type].splice(index, 1);
+        return this;
+    };
+
+    /**
+     * Call event handlers with this set to owner.
+     *
+     * @method bindThis
+     *
+     * @param {Object} owner object this EventEmitter belongs to
+     */
+    EventEmitter.prototype.bindThis = function bindThis(owner) {
+        this._owner = owner;
+    };
+
+    module.exports = EventEmitter;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/EventHandler',['require','exports','module','./EventEmitter'],function(require, exports, module) {
+    var EventEmitter = require('./EventEmitter');
+
+    /**
+     * EventHandler forwards received events to a set of provided callback functions.
+     * It allows events to be captured, processed, and optionally piped through to other event handlers.
+     *
+     * @class EventHandler
+     * @extends EventEmitter
+     * @constructor
+     */
+    function EventHandler() {
+        EventEmitter.apply(this, arguments);
+
+        this.downstream = []; // downstream event handlers
+        this.downstreamFn = []; // downstream functions
+
+        this.upstream = []; // upstream event handlers
+        this.upstreamListeners = {}; // upstream listeners
+    }
+    EventHandler.prototype = Object.create(EventEmitter.prototype);
+    EventHandler.prototype.constructor = EventHandler;
+
+    /**
+     * Assign an event handler to receive an object's input events.
+     *
+     * @method setInputHandler
+     * @static
+     *
+     * @param {Object} object object to mix trigger, subscribe, and unsubscribe functions into
+     * @param {EventHandler} handler assigned event handler
+     */
+    EventHandler.setInputHandler = function setInputHandler(object, handler) {
+        object.trigger = handler.trigger.bind(handler);
+        if (handler.subscribe && handler.unsubscribe) {
+            object.subscribe = handler.subscribe.bind(handler);
+            object.unsubscribe = handler.unsubscribe.bind(handler);
+        }
+    };
+
+    /**
+     * Assign an event handler to receive an object's output events.
+     *
+     * @method setOutputHandler
+     * @static
+     *
+     * @param {Object} object object to mix pipe, unpipe, on, addListener, and removeListener functions into
+     * @param {EventHandler} handler assigned event handler
+     */
+    EventHandler.setOutputHandler = function setOutputHandler(object, handler) {
+        if (handler instanceof EventHandler) handler.bindThis(object);
+        object.pipe = handler.pipe.bind(handler);
+        object.unpipe = handler.unpipe.bind(handler);
+        object.on = handler.on.bind(handler);
+        object.addListener = object.on;
+        object.removeListener = handler.removeListener.bind(handler);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.emit = function emit(type, event) {
+        EventEmitter.prototype.emit.apply(this, arguments);
+        var i = 0;
+        for (i = 0; i < this.downstream.length; i++) {
+            if (this.downstream[i].trigger) this.downstream[i].trigger(type, event);
+        }
+        for (i = 0; i < this.downstreamFn.length; i++) {
+            this.downstreamFn[i](type, event);
+        }
+        return this;
+    };
+
+    /**
+     * Alias for emit
+     * @method addListener
+     */
+    EventHandler.prototype.trigger = EventHandler.prototype.emit;
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    EventHandler.prototype.pipe = function pipe(target) {
+        if (target.subscribe instanceof Function) return target.subscribe(this);
+
+        var downstreamCtx = (target instanceof Function) ? this.downstreamFn : this.downstream;
+        var index = downstreamCtx.indexOf(target);
+        if (index < 0) downstreamCtx.push(target);
+
+        if (target instanceof Function) target('pipe', null);
+        else if (target.trigger) target.trigger('pipe', null);
+
+        return target;
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe".
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    EventHandler.prototype.unpipe = function unpipe(target) {
+        if (target.unsubscribe instanceof Function) return target.unsubscribe(this);
+
+        var downstreamCtx = (target instanceof Function) ? this.downstreamFn : this.downstream;
+        var index = downstreamCtx.indexOf(target);
+        if (index >= 0) {
+            downstreamCtx.splice(index, 1);
+            if (target instanceof Function) target('unpipe', null);
+            else if (target.trigger) target.trigger('unpipe', null);
+            return target;
+        }
+        else return false;
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.on = function on(type, handler) {
+        EventEmitter.prototype.on.apply(this, arguments);
+        if (!(type in this.upstreamListeners)) {
+            var upstreamListener = this.trigger.bind(this, type);
+            this.upstreamListeners[type] = upstreamListener;
+            for (var i = 0; i < this.upstream.length; i++) {
+                this.upstream[i].on(type, upstreamListener);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Alias for "on"
+     * @method addListener
+     */
+    EventHandler.prototype.addListener = EventHandler.prototype.on;
+
+    /**
+     * Listen for events from an upstream event handler.
+     *
+     * @method subscribe
+     *
+     * @param {EventEmitter} source source emitter object
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.subscribe = function subscribe(source) {
+        var index = this.upstream.indexOf(source);
+        if (index < 0) {
+            this.upstream.push(source);
+            for (var type in this.upstreamListeners) {
+                source.on(type, this.upstreamListeners[type]);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Stop listening to events from an upstream event handler.
+     *
+     * @method unsubscribe
+     *
+     * @param {EventEmitter} source source emitter object
+     * @return {EventHandler} this
+     */
+    EventHandler.prototype.unsubscribe = function unsubscribe(source) {
+        var index = this.upstream.indexOf(source);
+        if (index >= 0) {
+            this.upstream.splice(index, 1);
+            for (var type in this.upstreamListeners) {
+                source.removeListener(type, this.upstreamListeners[type]);
+            }
+        }
+        return this;
+    };
+
+    module.exports = EventHandler;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/ElementAllocator',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Internal helper object to Context that handles the process of
+     *   creating and allocating DOM elements within a managed div.
+     *   Private.
+     *
+     * @class ElementAllocator
+     * @constructor
+     * @private
+     * @param {Node} container document element in which Famo.us content will be inserted
+     */
+    function ElementAllocator(container) {
+        if (!container) container = document.createDocumentFragment();
+        this.container = container;
+        this.detachedNodes = {};
+        this.nodeCount = 0;
+    }
+
+    /**
+     * Move the document elements from their original container to a new one.
+     *
+     * @private
+     * @method migrate
+     *
+     * @param {Node} container document element to which Famo.us content will be migrated
+     */
+    ElementAllocator.prototype.migrate = function migrate(container) {
+        var oldContainer = this.container;
+        if (container === oldContainer) return;
+
+        if (oldContainer instanceof DocumentFragment) {
+            container.appendChild(oldContainer);
+        }
+        else {
+            while (oldContainer.hasChildNodes()) {
+                container.appendChild(oldContainer.removeChild(oldContainer.firstChild));
+            }
+        }
+
+        this.container = container;
+    };
+
+    /**
+     * Allocate an element of specified type from the pool.
+     *
+     * @private
+     * @method allocate
+     *
+     * @param {string} type type of element, e.g. 'div'
+     * @return {Node} allocated document element
+     */
+    ElementAllocator.prototype.allocate = function allocate(type) {
+        type = type.toLowerCase();
+        if (!(type in this.detachedNodes)) this.detachedNodes[type] = [];
+        var nodeStore = this.detachedNodes[type];
+        var result;
+        if (nodeStore.length > 0) {
+            result = nodeStore.pop();
+        }
+        else {
+            result = document.createElement(type);
+            this.container.appendChild(result);
+        }
+        this.nodeCount++;
+        return result;
+    };
+
+    /**
+     * De-allocate an element of specified type to the pool.
+     *
+     * @private
+     * @method deallocate
+     *
+     * @param {Node} element document element to deallocate
+     */
+    ElementAllocator.prototype.deallocate = function deallocate(element) {
+        var nodeType = element.nodeName.toLowerCase();
+        var nodeStore = this.detachedNodes[nodeType];
+        nodeStore.push(element);
+        this.nodeCount--;
+    };
+
+    /**
+     * Get count of total allocated nodes in the document.
+     *
+     * @private
+     * @method getNodeCount
+     *
+     * @return {Number} total node count
+     */
+    ElementAllocator.prototype.getNodeCount = function getNodeCount() {
+        return this.nodeCount;
+    };
+
+    module.exports = ElementAllocator;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/utilities/Utility',['require','exports','module'],function(require, exports, module) {
+    /**
+     * This namespace holds standalone functionality.
+     *  Currently includes name mapping for transition curves,
+     *  name mapping for origin pairs, and the after() function.
+     *
+     * @class Utility
+     * @static
+     */
+    var Utility = {};
+
+    /**
+     * Table of direction array positions
+     *
+     * @property {object} Direction
+     * @final
+     */
+    Utility.Direction = {
+        X: 0,
+        Y: 1,
+        Z: 2
+    };
+
+    /**
+     * Return wrapper around callback function. Once the wrapper is called N
+     *   times, invoke the callback function. Arguments and scope preserved.
+     *
+     * @method after
+     *
+     * @param {number} count number of calls before callback function invoked
+     * @param {Function} callback wrapped callback function
+     *
+     * @return {function} wrapped callback with coundown feature
+     */
+    Utility.after = function after(count, callback) {
+        var counter = count;
+        return function() {
+            counter--;
+            if (counter === 0) callback.apply(this, arguments);
+        };
+    };
+
+    /**
+     * Load a URL and return its contents in a callback
+     *
+     * @method loadURL
+     *
+     * @param {string} url URL of object
+     * @param {function} callback callback to dispatch with content
+     */
+    Utility.loadURL = function loadURL(url, callback) {
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function onreadystatechange() {
+            if (this.readyState === 4) {
+                if (callback) callback(this.responseText);
+            }
+        };
+        xhr.open('GET', url);
+        xhr.send();
+    };
+
+    /**
+     * Create a document fragment from a string of HTML
+     *
+     * @method createDocumentFragmentFromHTML
+     *
+     * @param {string} html HTML to convert to DocumentFragment
+     *
+     * @return {DocumentFragment} DocumentFragment representing input HTML
+     */
+    Utility.createDocumentFragmentFromHTML = function createDocumentFragmentFromHTML(html) {
+        var element = document.createElement('div');
+        element.innerHTML = html;
+        var result = document.createDocumentFragment();
+        while (element.hasChildNodes()) result.appendChild(element.firstChild);
+        return result;
+    };
+
+    module.exports = Utility;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/MultipleTransition',['require','exports','module','famous/utilities/Utility'],function(require, exports, module) {
+    var Utility = require('famous/utilities/Utility');
+
+    /**
+     * Transition meta-method to support transitioning multiple
+     *   values with scalar-only methods.
+     *
+     *
+     * @class MultipleTransition
+     * @constructor
+     *
+     * @param {Object} method Transionable class to multiplex
+     */
+    function MultipleTransition(method) {
+        this.method = method;
+        this._instances = [];
+        this.state = [];
+    }
+
+    MultipleTransition.SUPPORTS_MULTIPLE = true;
+
+    /**
+     * Get the state of each transition.
+     *
+     * @method get
+     *
+     * @return state {Number|Array} state array
+     */
+    MultipleTransition.prototype.get = function get() {
+        for (var i = 0; i < this._instances.length; i++) {
+            this.state[i] = this._instances[i].get();
+        }
+        return this.state;
+    };
+
+    /**
+     * Set the end states with a shared transition, with optional callback.
+     *
+     * @method set
+     *
+     * @param {Number|Array} endState Final State.  Use a multi-element argument for multiple transitions.
+     * @param {Object} transition Transition definition, shared among all instances
+     * @param {Function} callback called when all endStates have been reached.
+     */
+    MultipleTransition.prototype.set = function set(endState, transition, callback) {
+        var _allCallback = Utility.after(endState.length, callback);
+        for (var i = 0; i < endState.length; i++) {
+            if (!this._instances[i]) this._instances[i] = new (this.method)();
+            this._instances[i].set(endState[i], transition, _allCallback);
+        }
+    };
+
+    /**
+     * Reset all transitions to start state.
+     *
+     * @method reset
+     *
+     * @param  {Number|Array} startState Start state
+     */
+    MultipleTransition.prototype.reset = function reset(startState) {
+        for (var i = 0; i < startState.length; i++) {
+            if (!this._instances[i]) this._instances[i] = new (this.method)();
+            this._instances[i].reset(startState[i]);
+        }
+    };
+
+    module.exports = MultipleTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/TweenTransition',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     *
+     * A state maintainer for a smooth transition between
+     *    numerically-specified states.  Example numeric states include floats or
+     *    Transfornm objects.
+     *
+     *    An initial state is set with the constructor or set(startValue). A
+     *    corresponding end state and transition are set with set(endValue,
+     *    transition). Subsequent calls to set(endValue, transition) begin at
+     *    the last state. Calls to get(timestamp) provide the _interpolated state
+     *    along the way.
+     *
+     *   Note that there is no event loop here - calls to get() are the only way
+     *    to find out state projected to the current (or provided) time and are
+     *    the only way to trigger callbacks. Usually this kind of object would
+     *    be part of the render() path of a visible component.
+     *
+     * @class TweenTransition
+     * @constructor
+     *
+     * @param {Object} options TODO
+     *    beginning state
+     */
+    function TweenTransition(options) {
+        this.options = Object.create(TweenTransition.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._startTime = 0;
+        this._startValue = 0;
+        this._updateTime = 0;
+        this._endValue = 0;
+        this._curve = undefined;
+        this._duration = 0;
+        this._active = false;
+        this._callback = undefined;
+        this.state = 0;
+        this.velocity = undefined;
+    }
+
+    /**
+     * Transition curves mapping independent variable t from domain [0,1] to a
+     *    range within [0,1]. Includes functions 'linear', 'easeIn', 'easeOut',
+     *    'easeInOut', 'easeOutBounce', 'spring'.
+     *
+     * @property {object} Curve
+     * @final
+     */
+    TweenTransition.Curves = {
+        linear: function(t) {
+            return t;
+        },
+        easeIn: function(t) {
+            return t*t;
+        },
+        easeOut: function(t) {
+            return t*(2-t);
+        },
+        easeInOut: function(t) {
+            if (t <= 0.5) return 2*t*t;
+            else return -2*t*t + 4*t - 1;
+        },
+        easeOutBounce: function(t) {
+            return t*(3 - 2*t);
+        },
+        spring: function(t) {
+            return (1 - t) * Math.sin(6 * Math.PI * t) + t;
+        }
+    };
+
+    TweenTransition.SUPPORTS_MULTIPLE = true;
+    TweenTransition.DEFAULT_OPTIONS = {
+        curve: TweenTransition.Curves.linear,
+        duration: 500,
+        speed: 0 /* considered only if positive */
+    };
+
+    var registeredCurves = {};
+
+    /**
+     * Add "unit" curve to internal dictionary of registered curves.
+     *
+     * @method registerCurve
+     *
+     * @static
+     *
+     * @param {string} curveName dictionary key
+     * @param {unitCurve} curve function of one numeric variable mapping [0,1]
+     *    to range inside [0,1]
+     * @return {boolean} false if key is taken, else true
+     */
+    TweenTransition.registerCurve = function registerCurve(curveName, curve) {
+        if (!registeredCurves[curveName]) {
+            registeredCurves[curveName] = curve;
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+
+    /**
+     * Remove object with key "curveName" from internal dictionary of registered
+     *    curves.
+     *
+     * @method unregisterCurve
+     *
+     * @static
+     *
+     * @param {string} curveName dictionary key
+     * @return {boolean} false if key has no dictionary value
+     */
+    TweenTransition.unregisterCurve = function unregisterCurve(curveName) {
+        if (registeredCurves[curveName]) {
+            delete registeredCurves[curveName];
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+
+    /**
+     * Retrieve function with key "curveName" from internal dictionary of
+     *    registered curves. Default curves are defined in the
+     *    TweenTransition.Curves array, where the values represent
+     *    unitCurve functions.
+     *
+     * @method getCurve
+     *
+     * @static
+     *
+     * @param {string} curveName dictionary key
+     * @return {unitCurve} curve function of one numeric variable mapping [0,1]
+     *    to range inside [0,1]
+     */
+    TweenTransition.getCurve = function getCurve(curveName) {
+        var curve = registeredCurves[curveName];
+        if (curve !== undefined) return curve;
+        else throw new Error('curve not registered');
+    };
+
+    /**
+     * Retrieve all available curves.
+     *
+     * @method getCurves
+     *
+     * @static
+     *
+     * @return {object} curve functions of one numeric variable mapping [0,1]
+     *    to range inside [0,1]
+     */
+    TweenTransition.getCurves = function getCurves() {
+        return registeredCurves;
+    };
+
+     // Interpolate: If a linear function f(0) = a, f(1) = b, then return f(t)
+    function _interpolate(a, b, t) {
+        return ((1 - t) * a) + (t * b);
+    }
+
+    function _clone(obj) {
+        if (obj instanceof Object) {
+            if (obj instanceof Array) return obj.slice(0);
+            else return Object.create(obj);
+        }
+        else return obj;
+    }
+
+    // Fill in missing properties in "transition" with those in defaultTransition, and
+    //   convert internal named curve to function object, returning as new
+    //   object.
+    function _normalize(transition, defaultTransition) {
+        var result = {curve: defaultTransition.curve};
+        if (defaultTransition.duration) result.duration = defaultTransition.duration;
+        if (defaultTransition.speed) result.speed = defaultTransition.speed;
+        if (transition instanceof Object) {
+            if (transition.duration !== undefined) result.duration = transition.duration;
+            if (transition.curve) result.curve = transition.curve;
+            if (transition.speed) result.speed = transition.speed;
+        }
+        if (typeof result.curve === 'string') result.curve = TweenTransition.getCurve(result.curve);
+        return result;
+    }
+
+    /**
+     * Set internal options, overriding any default options.
+     *
+     * @method setOptions
+     *
+     *
+     * @param {Object} options options object
+     * @param {Object} [options.curve] function mapping [0,1] to [0,1] or identifier
+     * @param {Number} [options.duration] duration in ms
+     * @param {Number} [options.speed] speed in pixels per ms
+     */
+    TweenTransition.prototype.setOptions = function setOptions(options) {
+        if (options.curve !== undefined) this.options.curve = options.curve;
+        if (options.duration !== undefined) this.options.duration = options.duration;
+        if (options.speed !== undefined) this.options.speed = options.speed;
+    };
+
+    /**
+     * Add transition to end state to the queue of pending transitions. Special
+     *    Use: calling without a transition resets the object to that state with
+     *    no pending actions
+     *
+     * @method set
+     *
+     *
+     * @param {number|FamousMatrix|Array.Number|Object.<number, number>} endValue
+     *    end state to which we _interpolate
+     * @param {transition=} transition object of type {duration: number, curve:
+     *    f[0,1] -> [0,1] or name}. If transition is omitted, change will be
+     *    instantaneous.
+     * @param {function()=} callback Zero-argument function to call on observed
+     *    completion (t=1)
+     */
+    TweenTransition.prototype.set = function set(endValue, transition, callback) {
+        if (!transition) {
+            this.reset(endValue);
+            if (callback) callback();
+            return;
+        }
+
+        this._startValue = _clone(this.get());
+        transition = _normalize(transition, this.options);
+        if (transition.speed) {
+            var startValue = this._startValue;
+            if (startValue instanceof Object) {
+                var variance = 0;
+                for (var i in startValue) variance += (endValue[i] - startValue[i]) * (endValue[i] - startValue[i]);
+                transition.duration = Math.sqrt(variance) / transition.speed;
+            }
+            else {
+                transition.duration = Math.abs(endValue - startValue) / transition.speed;
+            }
+        }
+
+        this._startTime = Date.now();
+        this._endValue = _clone(endValue);
+        this._startVelocity = _clone(transition.velocity);
+        this._duration = transition.duration;
+        this._curve = transition.curve;
+        this._active = true;
+        this._callback = callback;
+    };
+
+    /**
+     * Cancel all transitions and reset to a stable state
+     *
+     * @method reset
+     *
+     * @param {number|Array.Number|Object.<number, number>} startValue
+     *    starting state
+     * @param {number} startVelocity
+     *    starting velocity
+     */
+    TweenTransition.prototype.reset = function reset(startValue, startVelocity) {
+        if (this._callback) {
+            var callback = this._callback;
+            this._callback = undefined;
+            callback();
+        }
+        this.state = _clone(startValue);
+        this.velocity = _clone(startVelocity);
+        this._startTime = 0;
+        this._duration = 0;
+        this._updateTime = 0;
+        this._startValue = this.state;
+        this._startVelocity = this.velocity;
+        this._endValue = this.state;
+        this._active = false;
+    };
+
+    /**
+     * Get current velocity
+     *
+     * @method getVelocity
+     *
+     * @returns {Number} velocity
+     */
+    TweenTransition.prototype.getVelocity = function getVelocity() {
+        return this.velocity;
+    };
+
+    /**
+     * Get interpolated state of current action at provided time. If the last
+     *    action has completed, invoke its callback.
+     *
+     * @method get
+     *
+     *
+     * @param {number=} timestamp Evaluate the curve at a normalized version of this
+     *    time. If omitted, use current time. (Unix epoch time)
+     * @return {number|Object.<number|string, number>} beginning state
+     *    _interpolated to this point in time.
+     */
+    TweenTransition.prototype.get = function get(timestamp) {
+        this.update(timestamp);
+        return this.state;
+    };
+
+    function _calculateVelocity(current, start, curve, duration, t) {
+        var velocity;
+        var eps = 1e-7;
+        var speed = (curve(t) - curve(t - eps)) / eps;
+        if (current instanceof Array) {
+            velocity = [];
+            for (var i = 0; i < current.length; i++){
+                if (typeof current[i] === 'number')
+                    velocity[i] = speed * (current[i] - start[i]) / duration;
+                else
+                    velocity[i] = 0;
+            }
+
+        }
+        else velocity = speed * (current - start) / duration;
+        return velocity;
+    }
+
+    function _calculateState(start, end, t) {
+        var state;
+        if (start instanceof Array) {
+            state = [];
+            for (var i = 0; i < start.length; i++) {
+                if (typeof start[i] === 'number')
+                    state[i] = _interpolate(start[i], end[i], t);
+                else
+                    state[i] = start[i];
+            }
+        }
+        else state = _interpolate(start, end, t);
+        return state;
+    }
+
+    /**
+     * Update internal state to the provided timestamp. This may invoke the last
+     *    callback and begin a new action.
+     *
+     * @method update
+     *
+     *
+     * @param {number=} timestamp Evaluate the curve at a normalized version of this
+     *    time. If omitted, use current time. (Unix epoch time)
+     */
+    TweenTransition.prototype.update = function update(timestamp) {
+        if (!this._active) {
+            if (this._callback) {
+                var callback = this._callback;
+                this._callback = undefined;
+                callback();
+            }
+            return;
+        }
+
+        if (!timestamp) timestamp = Date.now();
+        if (this._updateTime >= timestamp) return;
+        this._updateTime = timestamp;
+
+        var timeSinceStart = timestamp - this._startTime;
+        if (timeSinceStart >= this._duration) {
+            this.state = this._endValue;
+            this.velocity = _calculateVelocity(this.state, this._startValue, this._curve, this._duration, 1);
+            this._active = false;
+        }
+        else if (timeSinceStart < 0) {
+            this.state = this._startValue;
+            this.velocity = this._startVelocity;
+        }
+        else {
+            var t = timeSinceStart / this._duration;
+            this.state = _calculateState(this._startValue, this._endValue, this._curve(t));
+            this.velocity = _calculateVelocity(this.state, this._startValue, this._curve, this._duration, t);
+        }
+    };
+
+    /**
+     * Is there at least one action pending completion?
+     *
+     * @method isActive
+     *
+     *
+     * @return {boolean}
+     */
+    TweenTransition.prototype.isActive = function isActive() {
+        return this._active;
+    };
+
+    /**
+     * Halt transition at current state and erase all pending actions.
+     *
+     * @method halt
+     *
+     */
+    TweenTransition.prototype.halt = function halt() {
+        this.reset(this.get());
+    };
+
+    // Register all the default curves
+    TweenTransition.registerCurve('linear', TweenTransition.Curves.linear);
+    TweenTransition.registerCurve('easeIn', TweenTransition.Curves.easeIn);
+    TweenTransition.registerCurve('easeOut', TweenTransition.Curves.easeOut);
+    TweenTransition.registerCurve('easeInOut', TweenTransition.Curves.easeInOut);
+    TweenTransition.registerCurve('easeOutBounce', TweenTransition.Curves.easeOutBounce);
+    TweenTransition.registerCurve('spring', TweenTransition.Curves.spring);
+
+    TweenTransition.customCurve = function customCurve(v1, v2) {
+        v1 = v1 || 0; v2 = v2 || 0;
+        return function(t) {
+            return v1*t + (-2*v1 - v2 + 3)*t*t + (v1 + v2 - 2)*t*t*t;
+        };
+    };
+
+    module.exports = TweenTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/Transitionable',['require','exports','module','./MultipleTransition','./TweenTransition'],function(require, exports, module) {
+    var MultipleTransition = require('./MultipleTransition');
+    var TweenTransition = require('./TweenTransition');
+
+    /**
+     * A state maintainer for a smooth transition between
+     *    numerically-specified states. Example numeric states include floats or
+     *    Transform objects.
+     *
+     * An initial state is set with the constructor or set(startState). A
+     *    corresponding end state and transition are set with set(endState,
+     *    transition). Subsequent calls to set(endState, transition) begin at
+     *    the last state. Calls to get(timestamp) provide the interpolated state
+     *    along the way.
+     *
+     * Note that there is no event loop here - calls to get() are the only way
+     *    to find state projected to the current (or provided) time and are
+     *    the only way to trigger callbacks. Usually this kind of object would
+     *    be part of the render() path of a visible component.
+     *
+     * @class Transitionable
+     * @constructor
+     * @param {number|Array.Number|Object.<number|string, number>} start
+     *    beginning state
+     */
+    function Transitionable(start) {
+        this.currentAction = null;
+        this.actionQueue = [];
+        this.callbackQueue = [];
+
+        this.state = 0;
+        this.velocity = undefined;
+        this._callback = undefined;
+        this._engineInstance = null;
+        this._currentMethod = null;
+
+        this.set(start);
+    }
+
+    var transitionMethods = {};
+
+    Transitionable.registerMethod = function registerMethod(name, engineClass) {
+        if (!(name in transitionMethods)) {
+            transitionMethods[name] = engineClass;
+            return true;
+        }
+        else return false;
+    };
+
+    Transitionable.unregisterMethod = function unregisterMethod(name) {
+        if (name in transitionMethods) {
+            delete transitionMethods[name];
+            return true;
+        }
+        else return false;
+    };
+
+    function _loadNext() {
+        if (this._callback) {
+            var callback = this._callback;
+            this._callback = undefined;
+            callback();
+        }
+        if (this.actionQueue.length <= 0) {
+            this.set(this.get()); // no update required
+            return;
+        }
+        this.currentAction = this.actionQueue.shift();
+        this._callback = this.callbackQueue.shift();
+
+        var method = null;
+        var endValue = this.currentAction[0];
+        var transition = this.currentAction[1];
+        if (transition instanceof Object && transition.method) {
+            method = transition.method;
+            if (typeof method === 'string') method = transitionMethods[method];
+        }
+        else {
+            method = TweenTransition;
+        }
+
+        if (this._currentMethod !== method) {
+            if (!(endValue instanceof Object) || method.SUPPORTS_MULTIPLE === true || endValue.length <= method.SUPPORTS_MULTIPLE) {
+                this._engineInstance = new method();
+            }
+            else {
+                this._engineInstance = new MultipleTransition(method);
+            }
+            this._currentMethod = method;
+        }
+
+        this._engineInstance.reset(this.state, this.velocity);
+        if (this.velocity !== undefined) transition.velocity = this.velocity;
+        this._engineInstance.set(endValue, transition, _loadNext.bind(this));
+    }
+
+    /**
+     * Add transition to end state to the queue of pending transitions. Special
+     *    Use: calling without a transition resets the object to that state with
+     *    no pending actions
+     *
+     * @method set
+     *
+     * @param {number|FamousMatrix|Array.Number|Object.<number, number>} endState
+     *    end state to which we interpolate
+     * @param {transition=} transition object of type {duration: number, curve:
+     *    f[0,1] -> [0,1] or name}. If transition is omitted, change will be
+     *    instantaneous.
+     * @param {function()=} callback Zero-argument function to call on observed
+     *    completion (t=1)
+     */
+    Transitionable.prototype.set = function set(endState, transition, callback) {
+        if (!transition) {
+            this.reset(endState);
+            if (callback) callback();
+            return this;
+        }
+
+        var action = [endState, transition];
+        this.actionQueue.push(action);
+        this.callbackQueue.push(callback);
+        if (!this.currentAction) _loadNext.call(this);
+        return this;
+    };
+
+    /**
+     * Cancel all transitions and reset to a stable state
+     *
+     * @method reset
+     *
+     * @param {number|Array.Number|Object.<number, number>} startState
+     *    stable state to set to
+     */
+    Transitionable.prototype.reset = function reset(startState, startVelocity) {
+        this._currentMethod = null;
+        this._engineInstance = null;
+        this._callback = undefined;
+        this.state = startState;
+        this.velocity = startVelocity;
+        this.currentAction = null;
+        this.actionQueue = [];
+        this.callbackQueue = [];
+    };
+
+    /**
+     * Add delay action to the pending action queue queue.
+     *
+     * @method delay
+     *
+     * @param {number} duration delay time (ms)
+     * @param {function} callback Zero-argument function to call on observed
+     *    completion (t=1)
+     */
+    Transitionable.prototype.delay = function delay(duration, callback) {
+        this.set(this.get(), {duration: duration,
+            curve: function() {
+                return 0;
+            }},
+            callback
+        );
+    };
+
+    /**
+     * Get interpolated state of current action at provided time. If the last
+     *    action has completed, invoke its callback.
+     *
+     * @method get
+     *
+     * @param {number=} timestamp Evaluate the curve at a normalized version of this
+     *    time. If omitted, use current time. (Unix epoch time)
+     * @return {number|Object.<number|string, number>} beginning state
+     *    interpolated to this point in time.
+     */
+    Transitionable.prototype.get = function get(timestamp) {
+        if (this._engineInstance) {
+            if (this._engineInstance.getVelocity)
+                this.velocity = this._engineInstance.getVelocity();
+            this.state = this._engineInstance.get(timestamp);
+        }
+        return this.state;
+    };
+
+    /**
+     * Is there at least one action pending completion?
+     *
+     * @method isActive
+     *
+     * @return {boolean}
+     */
+    Transitionable.prototype.isActive = function isActive() {
+        return !!this.currentAction;
+    };
+
+    /**
+     * Halt transition at current state and erase all pending actions.
+     *
+     * @method halt
+     */
+    Transitionable.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    module.exports = Transitionable;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Context',['require','exports','module','./RenderNode','./EventHandler','./ElementAllocator','./Transform','famous/transitions/Transitionable'],function(require, exports, module) {
+    var RenderNode = require('./RenderNode');
+    var EventHandler = require('./EventHandler');
+    var ElementAllocator = require('./ElementAllocator');
+    var Transform = require('./Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+
+    var _originZeroZero = [0, 0];
+
+    function _getElementSize(element) {
+        return [element.clientWidth, element.clientHeight];
+    }
+
+    /**
+     * The top-level container for a Famous-renderable piece of the document.
+     *   It is directly updated by the process-wide Engine object, and manages one
+     *   render tree root, which can contain other renderables.
+     *
+     * @class Context
+     * @constructor
+     * @private
+     * @param {Node} container Element in which content will be inserted
+     */
+    function Context(container) {
+        this.container = container;
+        this._allocator = new ElementAllocator(container);
+
+        this._node = new RenderNode();
+        this._eventOutput = new EventHandler();
+        this._size = _getElementSize(this.container);
+
+        this._perspectiveState = new Transitionable(0);
+        this._perspective = undefined;
+
+        this._nodeContext = {
+            allocator: this._allocator,
+            transform: Transform.identity,
+            opacity: 1,
+            origin: _originZeroZero,
+            align: null,
+            size: this._size
+        };
+
+        this._eventOutput.on('resize', function() {
+            this.setSize(_getElementSize(this.container));
+        }.bind(this));
+
+    }
+
+    // Note: Unused
+    Context.prototype.getAllocator = function getAllocator() {
+        return this._allocator;
+    };
+
+    /**
+     * Add renderables to this Context's render tree.
+     *
+     * @method add
+     *
+     * @param {Object} obj renderable object
+     * @return {RenderNode} RenderNode wrapping this object, if not already a RenderNode
+     */
+    Context.prototype.add = function add(obj) {
+        return this._node.add(obj);
+    };
+
+    /**
+     * Move this Context to another containing document element.
+     *
+     * @method migrate
+     *
+     * @param {Node} container Element to which content will be migrated
+     */
+    Context.prototype.migrate = function migrate(container) {
+        if (container === this.container) return;
+        this.container = container;
+        this._allocator.migrate(container);
+    };
+
+    /**
+     * Gets viewport size for Context.
+     *
+     * @method getSize
+     *
+     * @return {Array.Number} viewport size as [width, height]
+     */
+    Context.prototype.getSize = function getSize() {
+        return this._size;
+    };
+
+    /**
+     * Sets viewport size for Context.
+     *
+     * @method setSize
+     *
+     * @param {Array.Number} size [width, height].  If unspecified, use size of root document element.
+     */
+    Context.prototype.setSize = function setSize(size) {
+        if (!size) size = _getElementSize(this.container);
+        this._size[0] = size[0];
+        this._size[1] = size[1];
+    };
+
+    /**
+     * Commit this Context's content changes to the document.
+     *
+     * @private
+     * @method update
+     * @param {Object} contextParameters engine commit specification
+     */
+    Context.prototype.update = function update(contextParameters) {
+        if (contextParameters) {
+            if (contextParameters.transform) this._nodeContext.transform = contextParameters.transform;
+            if (contextParameters.opacity) this._nodeContext.opacity = contextParameters.opacity;
+            if (contextParameters.origin) this._nodeContext.origin = contextParameters.origin;
+            if (contextParameters.align) this._nodeContext.align = contextParameters.align;
+            if (contextParameters.size) this._nodeContext.size = contextParameters.size;
+        }
+        var perspective = this._perspectiveState.get();
+        if (perspective !== this._perspective) {
+            this.container.style.perspective = perspective ? perspective.toFixed() + 'px' : '';
+            this.container.style.webkitPerspective = perspective ? perspective.toFixed() : '';
+            this._perspective = perspective;
+        }
+
+        this._node.commit(this._nodeContext);
+    };
+
+    /**
+     * Get current perspective of this context in pixels.
+     *
+     * @method getPerspective
+     * @return {Number} depth perspective in pixels
+     */
+    Context.prototype.getPerspective = function getPerspective() {
+        return this._perspectiveState.get();
+    };
+
+    /**
+     * Set current perspective of this context in pixels.
+     *
+     * @method setPerspective
+     * @param {Number} perspective in pixels
+     * @param {Object} [transition] Transitionable object for applying the change
+     * @param {function(Object)} callback function called on completion of transition
+     */
+    Context.prototype.setPerspective = function setPerspective(perspective, transition, callback) {
+        return this._perspectiveState.set(perspective, transition, callback);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    Context.prototype.emit = function emit(type, event) {
+        return this._eventOutput.emit(type, event);
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    Context.prototype.on = function on(type, handler) {
+        return this._eventOutput.on(type, handler);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function} handler function object to remove
+     * @return {EventHandler} internal event handler object (for chaining)
+     */
+    Context.prototype.removeListener = function removeListener(type, handler) {
+        return this._eventOutput.removeListener(type, handler);
+    };
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    Context.prototype.pipe = function pipe(target) {
+        return this._eventOutput.pipe(target);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe".
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    Context.prototype.unpipe = function unpipe(target) {
+        return this._eventOutput.unpipe(target);
+    };
+
+    module.exports = Context;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/OptionsManager',['require','exports','module','./EventHandler'],function(require, exports, module) {
+    var EventHandler = require('./EventHandler');
+
+    /**
+     *  A collection of methods for setting options which can be extended
+     *  onto other classes.
+     *
+     *
+     *  **** WARNING ****
+     *  You can only pass through objects that will compile into valid JSON.
+     *
+     *  Valid options:
+     *      Strings,
+     *      Arrays,
+     *      Objects,
+     *      Numbers,
+     *      Nested Objects,
+     *      Nested Arrays.
+     *
+     *    This excludes:
+     *        Document Fragments,
+     *        Functions
+     * @class OptionsManager
+     * @constructor
+     * @param {Object} value options dictionary
+     */
+    function OptionsManager(value) {
+        this._value = value;
+        this.eventOutput = null;
+    }
+
+    /**
+     * Create options manager from source dictionary with arguments overriden by patch dictionary.
+     *
+     * @static
+     * @method OptionsManager.patch
+     *
+     * @param {Object} source source arguments
+     * @param {...Object} data argument additions and overwrites
+     * @return {Object} source object
+     */
+    OptionsManager.patch = function patchObject(source, data) {
+        var manager = new OptionsManager(source);
+        for (var i = 1; i < arguments.length; i++) manager.patch(arguments[i]);
+        return source;
+    };
+
+    function _createEventOutput() {
+        this.eventOutput = new EventHandler();
+        this.eventOutput.bindThis(this);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+    }
+
+    /**
+     * Create OptionsManager from source with arguments overriden by patches.
+     *   Triggers 'change' event on this object's event handler if the state of
+     *   the OptionsManager changes as a result.
+     *
+     * @method patch
+     *
+     * @param {...Object} arguments list of patch objects
+     * @return {OptionsManager} this
+     */
+    OptionsManager.prototype.patch = function patch() {
+        var myState = this._value;
+        for (var i = 0; i < arguments.length; i++) {
+            var data = arguments[i];
+            for (var k in data) {
+                if ((k in myState) && (data[k] && data[k].constructor === Object) && (myState[k] && myState[k].constructor === Object)) {
+                    if (!myState.hasOwnProperty(k)) myState[k] = Object.create(myState[k]);
+                    this.key(k).patch(data[k]);
+                    if (this.eventOutput) this.eventOutput.emit('change', {id: k, value: this.key(k).value()});
+                }
+                else this.set(k, data[k]);
+            }
+        }
+        return this;
+    };
+
+    /**
+     * Alias for patch
+     *
+     * @method setOptions
+     *
+     */
+    OptionsManager.prototype.setOptions = OptionsManager.prototype.patch;
+
+    /**
+     * Return OptionsManager based on sub-object retrieved by key
+     *
+     * @method key
+     *
+     * @param {string} identifier key
+     * @return {OptionsManager} new options manager with the value
+     */
+    OptionsManager.prototype.key = function key(identifier) {
+        var result = new OptionsManager(this._value[identifier]);
+        if (!(result._value instanceof Object) || result._value instanceof Array) result._value = {};
+        return result;
+    };
+
+    /**
+     * Look up value by key
+     * @method get
+     *
+     * @param {string} key key
+     * @return {Object} associated object
+     */
+    OptionsManager.prototype.get = function get(key) {
+        return this._value[key];
+    };
+
+    /**
+     * Alias for get
+     * @method getOptions
+     */
+    OptionsManager.prototype.getOptions = OptionsManager.prototype.get;
+
+    /**
+     * Set key to value.  Outputs 'change' event if a value is overwritten.
+     *
+     * @method set
+     *
+     * @param {string} key key string
+     * @param {Object} value value object
+     * @return {OptionsManager} new options manager based on the value object
+     */
+    OptionsManager.prototype.set = function set(key, value) {
+        var originalValue = this.get(key);
+        this._value[key] = value;
+        if (this.eventOutput && value !== originalValue) this.eventOutput.emit('change', {id: key, value: value});
+        return this;
+    };
+
+    /**
+     * Return entire object contents of this OptionsManager.
+     *
+     * @method value
+     *
+     * @return {Object} current state of options
+     */
+    OptionsManager.prototype.value = function value() {
+        return this._value;
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'change')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    OptionsManager.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'change')
+     * @param {function} handler function object to remove
+     * @return {EventHandler} internal event handler object (for chaining)
+     */
+    OptionsManager.prototype.removeListener = function removeListener() {
+        _createEventOutput.call(this);
+        return this.removeListener.apply(this, arguments);
+    };
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    OptionsManager.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     * Undoes work of "pipe"
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    OptionsManager.prototype.unpipe = function unpipe() {
+        _createEventOutput.call(this);
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = OptionsManager;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Engine',['require','exports','module','./Context','./EventHandler','./OptionsManager'],function(require, exports, module) {
+
+    /**
+     * The singleton object initiated upon process
+     *   startup which manages all active Context instances, runs
+     *   the render dispatch loop, and acts as a listener and dispatcher
+     *   for events.  All methods are therefore static.
+     *
+     *   On static initialization, window.requestAnimationFrame is called with
+     *     the event loop function.
+     *
+     *   Note: Any window in which Engine runs will prevent default
+     *     scrolling behavior on the 'touchmove' event.
+     *
+     * @static
+     * @class Engine
+     */
+    var Context = require('./Context');
+    var EventHandler = require('./EventHandler');
+    var OptionsManager = require('./OptionsManager');
+
+    var Engine = {};
+
+    var contexts = [];
+    var nextTickQueue = [];
+    var deferQueue = [];
+
+    var lastTime = Date.now();
+    var frameTime;
+    var frameTimeLimit;
+    var loopEnabled = true;
+    var eventForwarders = {};
+    var eventHandler = new EventHandler();
+
+    var options = {
+        containerType: 'div',
+        containerClass: 'famous-container',
+        fpsCap: undefined,
+        runLoop: true
+    };
+    var optionsManager = new OptionsManager(options);
+
+    /** @const */
+    var MAX_DEFER_FRAME_TIME = 10;
+
+    /**
+     * Inside requestAnimationFrame loop, step() is called, which:
+     *   calculates current FPS (throttling loop if it is over limit set in setFPSCap),
+     *   emits dataless 'prerender' event on start of loop,
+     *   calls in order any one-shot functions registered by nextTick on last loop,
+     *   calls Context.update on all Context objects registered,
+     *   and emits dataless 'postrender' event on end of loop.
+     *
+     * @static
+     * @private
+     * @method step
+     */
+    Engine.step = function step() {
+        var currentTime = Date.now();
+
+        // skip frame if we're over our framerate cap
+        if (frameTimeLimit && currentTime - lastTime < frameTimeLimit) return;
+
+        var i = 0;
+
+        frameTime = currentTime - lastTime;
+        lastTime = currentTime;
+
+        eventHandler.emit('prerender');
+
+        // empty the queue
+        for (i = 0; i < nextTickQueue.length; i++) nextTickQueue[i].call(this);
+        nextTickQueue.splice(0);
+
+        // limit total execution time for deferrable functions
+        while (deferQueue.length && (Date.now() - currentTime) < MAX_DEFER_FRAME_TIME) {
+            deferQueue.shift().call(this);
+        }
+
+        for (i = 0; i < contexts.length; i++) contexts[i].update();
+
+        eventHandler.emit('postrender');
+    };
+
+    // engage requestAnimationFrame
+    function loop() {
+        if (options.runLoop) {
+            Engine.step();
+            requestAnimationFrame(loop);
+        }
+        else loopEnabled = false;
+    }
+    requestAnimationFrame(loop);
+
+    //
+    // Upon main document window resize (unless on an "input" HTML element):
+    //   scroll to the top left corner of the window,
+    //   and for each managed Context: emit the 'resize' event and update its size.
+    // @param {Object=} event document event
+    //
+    function handleResize(event) {
+        for (var i = 0; i < contexts.length; i++) {
+            contexts[i].emit('resize');
+        }
+        eventHandler.emit('resize');
+    }
+    window.addEventListener('resize', handleResize, false);
+    handleResize();
+
+    // prevent scrolling via browser
+    window.addEventListener('touchmove', function(event) {
+        event.preventDefault();
+    }, true);
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    Engine.pipe = function pipe(target) {
+        if (target.subscribe instanceof Function) return target.subscribe(Engine);
+        else return eventHandler.pipe(target);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe".
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    Engine.unpipe = function unpipe(target) {
+        if (target.unsubscribe instanceof Function) return target.unsubscribe(Engine);
+        else return eventHandler.unpipe(target);
+    };
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @static
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} handler callback
+     * @return {EventHandler} this
+     */
+    Engine.on = function on(type, handler) {
+        if (!(type in eventForwarders)) {
+            eventForwarders[type] = eventHandler.emit.bind(eventHandler, type);
+            if (document.body) {
+                document.body.addEventListener(type, eventForwarders[type]);
+            }
+            else {
+                Engine.nextTick(function(type, forwarder) {
+                    document.body.addEventListener(type, forwarder);
+                }.bind(this, type, eventForwarders[type]));
+            }
+        }
+        return eventHandler.on(type, handler);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    Engine.emit = function emit(type, event) {
+        return eventHandler.emit(type, event);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on".
+     *
+     * @static
+     * @method removeListener
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function} handler function object to remove
+     * @return {EventHandler} internal event handler object (for chaining)
+     */
+    Engine.removeListener = function removeListener(type, handler) {
+        return eventHandler.removeListener(type, handler);
+    };
+
+    /**
+     * Return the current calculated frames per second of the Engine.
+     *
+     * @static
+     * @method getFPS
+     *
+     * @return {Number} calculated fps
+     */
+    Engine.getFPS = function getFPS() {
+        return 1000 / frameTime;
+    };
+
+    /**
+     * Set the maximum fps at which the system should run. If internal render
+     *    loop is called at a greater frequency than this FPSCap, Engine will
+     *    throttle render and update until this rate is achieved.
+     *
+     * @static
+     * @method setFPSCap
+     *
+     * @param {Number} fps maximum frames per second
+     */
+    Engine.setFPSCap = function setFPSCap(fps) {
+        frameTimeLimit = Math.floor(1000 / fps);
+    };
+
+    /**
+     * Return engine options.
+     *
+     * @static
+     * @method getOptions
+     * @param {string} key
+     * @return {Object} engine options
+     */
+    Engine.getOptions = function getOptions() {
+        return optionsManager.getOptions.apply(optionsManager, arguments);
+    };
+
+    /**
+     * Set engine options
+     *
+     * @static
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.fpsCap]  maximum fps at which the system should run
+     * @param {boolean} [options.runLoop=true] whether the run loop should continue
+     * @param {string} [options.containerType="div"] type of container element.  Defaults to 'div'.
+     * @param {string} [options.containerClass="famous-container"] type of container element.  Defaults to 'famous-container'.
+     */
+    Engine.setOptions = function setOptions(options) {
+        return optionsManager.setOptions.apply(optionsManager, arguments);
+    };
+
+    /**
+     * Creates a new Context for rendering and event handling with
+     *    provided document element as top of each tree. This will be tracked by the
+     *    process-wide Engine.
+     *
+     * @static
+     * @method createContext
+     *
+     * @param {Node} el will be top of Famo.us document element tree
+     * @return {Context} new Context within el
+     */
+    Engine.createContext = function createContext(el) {
+        var needMountContainer = false;
+        if (!el) {
+            el = document.createElement(options.containerType);
+            el.classList.add(options.containerClass);
+            needMountContainer = true;
+        }
+        var context = new Context(el);
+        Engine.registerContext(context);
+        if (needMountContainer) {
+            Engine.nextTick(function(context, el) {
+                document.body.appendChild(el);
+                context.emit('resize');
+            }.bind(this, context, el));
+        }
+        return context;
+    };
+
+    /**
+     * Registers an existing context to be updated within the run loop.
+     *
+     * @static
+     * @method registerContext
+     *
+     * @param {Context} context Context to register
+     * @return {FamousContext} provided context
+     */
+    Engine.registerContext = function registerContext(context) {
+        contexts.push(context);
+        return context;
+    };
+
+    /**
+     * Queue a function to be executed on the next tick of the
+     *    Engine.
+     *
+     * @static
+     * @method nextTick
+     *
+     * @param {function(Object)} fn function accepting window object
+     */
+    Engine.nextTick = function nextTick(fn) {
+        nextTickQueue.push(fn);
+    };
+
+    /**
+     * Queue a function to be executed sometime soon, at a time that is
+     *    unlikely to affect frame rate.
+     *
+     * @static
+     * @method defer
+     *
+     * @param {Function} fn
+     */
+    Engine.defer = function defer(fn) {
+        deferQueue.push(fn);
+    };
+
+    optionsManager.on('change', function(data) {
+        if (data.id === 'fpsCap') Engine.setFPSCap(data.value);
+        else if (data.id === 'runLoop') {
+            // kick off the loop only if it was stopped
+            if (!loopEnabled && data.value) {
+                loopEnabled = true;
+                requestAnimationFrame(loop);
+            }
+        }
+    });
+
+    module.exports = Engine;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Surface',['require','exports','module','./Entity','./EventHandler','./Transform'],function(require, exports, module) {
+    var Entity = require('./Entity');
+    var EventHandler = require('./EventHandler');
+    var Transform = require('./Transform');
+
+    var devicePixelRatio = window.devicePixelRatio || 1;
+    var usePrefix = document.createElement('div').style.webkitTransform !== undefined;
+
+    /**
+     * A base class for viewable content and event
+     *   targets inside a Famo.us application, containing a renderable document
+     *   fragment. Like an HTML div, it can accept internal markup,
+     *   properties, classes, and handle events.
+     *
+     * @class Surface
+     * @constructor
+     *
+     * @param {Object} [options] default option overrides
+     * @param {Array.Number} [options.size] [width, height] in pixels
+     * @param {Array.string} [options.classes] CSS classes to set on inner content
+     * @param {Array} [options.properties] string dictionary of HTML attributes to set on target div
+     * @param {string} [options.content] inner (HTML) content of surface
+     */
+    function Surface(options) {
+        this.options = {};
+
+        this.properties = {};
+        this.content = '';
+        this.classList = [];
+        this.size = null;
+
+        this._classesDirty = true;
+        this._stylesDirty = true;
+        this._sizeDirty = true;
+        this._contentDirty = true;
+
+        this._dirtyClasses = [];
+
+        this._matrix = null;
+        this._opacity = 1;
+        this._origin = null;
+        this._size = null;
+
+        /** @ignore */
+        this.eventForwarder = function eventForwarder(event) {
+            this.emit(event.type, event);
+        }.bind(this);
+        this.eventHandler = new EventHandler();
+        this.eventHandler.bindThis(this);
+
+        this.id = Entity.register(this);
+
+        if (options) this.setOptions(options);
+
+        this._currTarget = null;
+    }
+    Surface.prototype.elementType = 'div';
+    Surface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Bind a callback function to an event type handled by this object.
+     *
+     * @method "on"
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} fn handler callback
+     * @return {EventHandler} this
+     */
+    Surface.prototype.on = function on(type, fn) {
+        if (this._currTarget) this._currTarget.addEventListener(type, this.eventForwarder);
+        this.eventHandler.on(type, fn);
+    };
+
+    /**
+     * Unbind an event by type and handler.
+     *   This undoes the work of "on"
+     *
+     * @method removeListener
+     * @param {string} type event type key (for example, 'click')
+     * @param {function(string, Object)} fn handler
+     */
+    Surface.prototype.removeListener = function removeListener(type, fn) {
+        this.eventHandler.removeListener(type, fn);
+    };
+
+    /**
+     * Trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} [event] event data
+     * @return {EventHandler} this
+     */
+    Surface.prototype.emit = function emit(type, event) {
+        if (event && !event.origin) event.origin = this;
+        var handled = this.eventHandler.emit(type, event);
+        if (handled && event && event.stopPropagation) event.stopPropagation();
+        return handled;
+    };
+
+    /**
+     * Add event handler object to set of downstream handlers.
+     *
+     * @method pipe
+     *
+     * @param {EventHandler} target event handler target object
+     * @return {EventHandler} passed event handler
+     */
+    Surface.prototype.pipe = function pipe(target) {
+        return this.eventHandler.pipe(target);
+    };
+
+    /**
+     * Remove handler object from set of downstream handlers.
+     *   Undoes work of "pipe"
+     *
+     * @method unpipe
+     *
+     * @param {EventHandler} target target handler object
+     * @return {EventHandler} provided target
+     */
+    Surface.prototype.unpipe = function unpipe(target) {
+        return this.eventHandler.unpipe(target);
+    };
+
+    /**
+     * Return spec for this surface. Note that for a base surface, this is
+     *    simply an id.
+     *
+     * @method render
+     * @private
+     * @return {Object} render spec for this surface (spec id)
+     */
+    Surface.prototype.render = function render() {
+        return this.id;
+    };
+
+    /**
+     * Set CSS-style properties on this Surface. Note that this will cause
+     *    dirtying and thus re-rendering, even if values do not change.
+     *
+     * @method setProperties
+     * @param {Object} properties property dictionary of "key" => "value"
+     */
+    Surface.prototype.setProperties = function setProperties(properties) {
+        for (var n in properties) {
+            this.properties[n] = properties[n];
+        }
+        this._stylesDirty = true;
+    };
+
+    /**
+     * Get CSS-style properties on this Surface.
+     *
+     * @method getProperties
+     *
+     * @return {Object} Dictionary of this Surface's properties.
+     */
+    Surface.prototype.getProperties = function getProperties() {
+        return this.properties;
+    };
+
+    /**
+     * Add CSS-style class to the list of classes on this Surface. Note
+     *   this will map directly to the HTML property of the actual
+     *   corresponding rendered <div>.
+     *
+     * @method addClass
+     * @param {string} className name of class to add
+     */
+    Surface.prototype.addClass = function addClass(className) {
+        if (this.classList.indexOf(className) < 0) {
+            this.classList.push(className);
+            this._classesDirty = true;
+        }
+    };
+
+    /**
+     * Remove CSS-style class from the list of classes on this Surface.
+     *   Note this will map directly to the HTML property of the actual
+     *   corresponding rendered <div>.
+     *
+     * @method removeClass
+     * @param {string} className name of class to remove
+     */
+    Surface.prototype.removeClass = function removeClass(className) {
+        var i = this.classList.indexOf(className);
+        if (i >= 0) {
+            this._dirtyClasses.push(this.classList.splice(i, 1)[0]);
+            this._classesDirty = true;
+        }
+    };
+
+    /**
+     * Reset class list to provided dictionary.
+     * @method setClasses
+     * @param {Array.string} classList
+     */
+    Surface.prototype.setClasses = function setClasses(classList) {
+        var i = 0;
+        var removal = [];
+        for (i = 0; i < this.classList.length; i++) {
+            if (classList.indexOf(this.classList[i]) < 0) removal.push(this.classList[i]);
+        }
+        for (i = 0; i < removal.length; i++) this.removeClass(removal[i]);
+        // duplicates are already checked by addClass()
+        for (i = 0; i < classList.length; i++) this.addClass(classList[i]);
+    };
+
+    /**
+     * Get array of CSS-style classes attached to this div.
+     *
+     * @method getClasslist
+     * @return {Array.string} array of class names
+     */
+    Surface.prototype.getClassList = function getClassList() {
+        return this.classList;
+    };
+
+    /**
+     * Set or overwrite inner (HTML) content of this surface. Note that this
+     *    causes a re-rendering if the content has changed.
+     *
+     * @method setContent
+     * @param {string|Document Fragment} content HTML content
+     */
+    Surface.prototype.setContent = function setContent(content) {
+        if (this.content !== content) {
+            this.content = content;
+            this._contentDirty = true;
+        }
+    };
+
+    /**
+     * Return inner (HTML) content of this surface.
+     *
+     * @method getContent
+     *
+     * @return {string} inner (HTML) content
+     */
+    Surface.prototype.getContent = function getContent() {
+        return this.content;
+    };
+
+    /**
+     * Set options for this surface
+     *
+     * @method setOptions
+     * @param {Object} [options] overrides for default options.  See constructor.
+     */
+    Surface.prototype.setOptions = function setOptions(options) {
+        if (options.size) this.setSize(options.size);
+        if (options.classes) this.setClasses(options.classes);
+        if (options.properties) this.setProperties(options.properties);
+        if (options.content) this.setContent(options.content);
+    };
+
+    //  Attach Famous event handling to document events emanating from target
+    //    document element.  This occurs just after deployment to the document.
+    //    Calling this enables methods like #on and #pipe.
+    function _addEventListeners(target) {
+        for (var i in this.eventHandler.listeners) {
+            target.addEventListener(i, this.eventForwarder);
+        }
+    }
+
+    //  Detach Famous event handling from document events emanating from target
+    //  document element.  This occurs just before recall from the document.
+    function _removeEventListeners(target) {
+        for (var i in this.eventHandler.listeners) {
+            target.removeEventListener(i, this.eventForwarder);
+        }
+    }
+
+     //  Apply to document all changes from removeClass() since last setup().
+    function _cleanupClasses(target) {
+        for (var i = 0; i < this._dirtyClasses.length; i++) target.classList.remove(this._dirtyClasses[i]);
+        this._dirtyClasses = [];
+    }
+
+    // Apply values of all Famous-managed styles to the document element.
+    //  These will be deployed to the document on call to #setup().
+    function _applyStyles(target) {
+        for (var n in this.properties) {
+            target.style[n] = this.properties[n];
+        }
+    }
+
+    // Clear all Famous-managed styles from the document element.
+    // These will be deployed to the document on call to #setup().
+    function _cleanupStyles(target) {
+        for (var n in this.properties) {
+            target.style[n] = '';
+        }
+    }
+
+    /**
+     * Return a Matrix's webkit css representation to be used with the
+     *    CSS3 -webkit-transform style.
+     *    Example: -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,716,243,0,1)
+     *
+     * @method _formatCSSTransform
+     * @private
+     * @param {FamousMatrix} m matrix
+     * @return {string} matrix3d CSS style representation of the transform
+     */
+    function _formatCSSTransform(m) {
+        m[12] = Math.round(m[12] * devicePixelRatio) / devicePixelRatio;
+        m[13] = Math.round(m[13] * devicePixelRatio) / devicePixelRatio;
+
+        var result = 'matrix3d(';
+        for (var i = 0; i < 15; i++) {
+            result += (m[i] < 0.000001 && m[i] > -0.000001) ? '0,' : m[i] + ',';
+        }
+        result += m[15] + ')';
+        return result;
+    }
+
+    /**
+     * Directly apply given FamousMatrix to the document element as the
+     *   appropriate webkit CSS style.
+     *
+     * @method setMatrix
+     *
+     * @static
+     * @private
+     * @param {Element} element document element
+     * @param {FamousMatrix} matrix
+     */
+
+    var _setMatrix;
+    if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
+        _setMatrix = function(element, matrix) {
+            element.style.zIndex = (matrix[14] * 1000000) | 0;    // fix for Firefox z-buffer issues
+            element.style.transform = _formatCSSTransform(matrix);
+        };
+    }
+    else if (usePrefix) {
+        _setMatrix = function(element, matrix) {
+            element.style.webkitTransform = _formatCSSTransform(matrix);
+        };
+    }
+    else {
+        _setMatrix = function(element, matrix) {
+            element.style.transform = _formatCSSTransform(matrix);
+        };
+    }
+
+    // format origin as CSS percentage string
+    function _formatCSSOrigin(origin) {
+        return (100 * origin[0]) + '% ' + (100 * origin[1]) + '%';
+    }
+
+     // Directly apply given origin coordinates to the document element as the
+     // appropriate webkit CSS style.
+    var _setOrigin = usePrefix ? function(element, origin) {
+        element.style.webkitTransformOrigin = _formatCSSOrigin(origin);
+    } : function(element, origin) {
+        element.style.transformOrigin = _formatCSSOrigin(origin);
+    };
+
+     // Shrink given document element until it is effectively invisible.
+    var _setInvisible = usePrefix ? function(element) {
+        element.style.webkitTransform = 'scale3d(0.0001,0.0001,1)';
+        element.style.opacity = 0;
+    } : function(element) {
+        element.style.transform = 'scale3d(0.0001,0.0001,1)';
+        element.style.opacity = 0;
+    };
+
+    function _xyNotEquals(a, b) {
+        return (a && b) ? (a[0] !== b[0] || a[1] !== b[1]) : a !== b;
+    }
+
+    /**
+     * One-time setup for an element to be ready for commits to document.
+     *
+     * @private
+     * @method setup
+     *
+     * @param {ElementAllocator} allocator document element pool for this context
+     */
+    Surface.prototype.setup = function setup(allocator) {
+        var target = allocator.allocate(this.elementType);
+        if (this.elementClass) {
+            if (this.elementClass instanceof Array) {
+                for (var i = 0; i < this.elementClass.length; i++) {
+                    target.classList.add(this.elementClass[i]);
+                }
+            }
+            else {
+                target.classList.add(this.elementClass);
+            }
+        }
+        target.style.display = '';
+        _addEventListeners.call(this, target);
+        this._currTarget = target;
+        this._stylesDirty = true;
+        this._classesDirty = true;
+        this._sizeDirty = true;
+        this._contentDirty = true;
+        this._matrix = null;
+        this._opacity = undefined;
+        this._origin = null;
+        this._size = null;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    Surface.prototype.commit = function commit(context) {
+        if (!this._currTarget) this.setup(context.allocator);
+        var target = this._currTarget;
+
+        var matrix = context.transform;
+        var opacity = context.opacity;
+        var origin = context.origin;
+        var size = context.size;
+
+        if (this._classesDirty) {
+            _cleanupClasses.call(this, target);
+            var classList = this.getClassList();
+            for (var i = 0; i < classList.length; i++) target.classList.add(classList[i]);
+            this._classesDirty = false;
+        }
+
+        if (this._stylesDirty) {
+            _applyStyles.call(this, target);
+            this._stylesDirty = false;
+        }
+
+        if (this._contentDirty) {
+            this.deploy(target);
+            this.eventHandler.emit('deploy');
+            this._contentDirty = false;
+        }
+
+        if (this.size) {
+            var origSize = size;
+            size = [this.size[0], this.size[1]];
+            if (size[0] === undefined && origSize[0]) size[0] = origSize[0];
+            if (size[1] === undefined && origSize[1]) size[1] = origSize[1];
+        }
+
+        if (size[0] === true) size[0] = target.clientWidth;
+        if (size[1] === true) size[1] = target.clientHeight;
+
+        if (_xyNotEquals(this._size, size)) {
+            if (!this._size) this._size = [0, 0];
+            this._size[0] = size[0];
+            this._size[1] = size[1];
+            this._sizeDirty = true;
+        }
+
+        if (!matrix && this._matrix) {
+            this._matrix = null;
+            this._opacity = 0;
+            _setInvisible(target);
+            return;
+        }
+
+        if (this._opacity !== opacity) {
+            this._opacity = opacity;
+            target.style.opacity = (opacity >= 1) ? '0.999999' : opacity;
+        }
+
+        if (_xyNotEquals(this._origin, origin) || Transform.notEquals(this._matrix, matrix) || this._sizeDirty) {
+            if (!matrix) matrix = Transform.identity;
+            this._matrix = matrix;
+            var aaMatrix = matrix;
+            if (origin) {
+                if (!this._origin) this._origin = [0, 0];
+                this._origin[0] = origin[0];
+                this._origin[1] = origin[1];
+                aaMatrix = Transform.thenMove(matrix, [-this._size[0] * origin[0], -this._size[1] * origin[1], 0]);
+                _setOrigin(target, origin);
+            }
+            _setMatrix(target, aaMatrix);
+        }
+
+        if (this._sizeDirty) {
+            if (this._size) {
+                target.style.width = (this.size && this.size[0] === true) ? '' : this._size[0] + 'px';
+                target.style.height = (this.size && this.size[1] === true) ?  '' : this._size[1] + 'px';
+            }
+            this._sizeDirty = false;
+        }
+    };
+
+    /**
+     *  Remove all Famous-relevant attributes from a document element.
+     *    This is called by SurfaceManager's detach().
+     *    This is in some sense the reverse of .deploy().
+     *
+     * @private
+     * @method cleanup
+     * @param {ElementAllocator} allocator
+     */
+    Surface.prototype.cleanup = function cleanup(allocator) {
+        var i = 0;
+        var target = this._currTarget;
+        this.eventHandler.emit('recall');
+        this.recall(target);
+        target.style.display = 'none';
+        target.style.width = '';
+        target.style.height = '';
+        this._size = null;
+        _cleanupStyles.call(this, target);
+        var classList = this.getClassList();
+        _cleanupClasses.call(this, target);
+        for (i = 0; i < classList.length; i++) target.classList.remove(classList[i]);
+        if (this.elementClass) {
+            if (this.elementClass instanceof Array) {
+                for (i = 0; i < this.elementClass.length; i++) {
+                    target.classList.remove(this.elementClass[i]);
+                }
+            }
+            else {
+                target.classList.remove(this.elementClass);
+            }
+        }
+        _removeEventListeners.call(this, target);
+        this._currTarget = null;
+        allocator.deallocate(target);
+        _setInvisible(target);
+    };
+
+    /**
+     * Place the document element that this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    Surface.prototype.deploy = function deploy(target) {
+        var content = this.getContent();
+        if (content instanceof Node) {
+            while (target.hasChildNodes()) target.removeChild(target.firstChild);
+            target.appendChild(content);
+        }
+        else target.innerHTML = content;
+    };
+
+    /**
+     * Remove any contained document content associated with this surface
+     *   from the actual document.
+     *
+     * @private
+     * @method recall
+     */
+    Surface.prototype.recall = function recall(target) {
+        var df = document.createDocumentFragment();
+        while (target.hasChildNodes()) df.appendChild(target.firstChild);
+        this.setContent(df);
+    };
+
+    /**
+     *  Get the x and y dimensions of the surface.
+     *
+     * @method getSize
+     * @param {boolean} actual return computed size rather than provided
+     * @return {Array.Number} [x,y] size of surface
+     */
+    Surface.prototype.getSize = function getSize(actual) {
+        return actual ? this._size : (this.size || this._size);
+    };
+
+    /**
+     * Set x and y dimensions of the surface.
+     *
+     * @method setSize
+     * @param {Array.Number} size as [width, height]
+     */
+    Surface.prototype.setSize = function setSize(size) {
+        this.size = size ? [size[0], size[1]] : null;
+        this._sizeDirty = true;
+    };
+
+    module.exports = Surface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Group',['require','exports','module','./Context','./Transform','./Surface'],function(require, exports, module) {
+    var Context = require('./Context');
+    var Transform = require('./Transform');
+    var Surface = require('./Surface');
+
+    /**
+     * A Context designed to contain surfaces and set properties
+     *   to be applied to all of them at once.
+     *   This is primarily used for specific performance improvements in the rendering engine.
+     *   Private.
+     *
+     * @private
+     * @class Group
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] Surface options array (see Surface})
+     */
+    function Group(options) {
+        Surface.call(this, options);
+        this._shouldRecalculateSize = false;
+        this._container = document.createDocumentFragment();
+        this.context = new Context(this._container);
+        this.setContent(this._container);
+        this._groupSize = [undefined, undefined];
+    }
+
+    /** @const */
+    Group.SIZE_ZERO = [0, 0];
+
+    Group.prototype = Object.create(Surface.prototype);
+    Group.prototype.elementType = 'div';
+    Group.prototype.elementClass = 'famous-group';
+
+    /**
+     * Add renderables to this component's render tree.
+     *
+     * @method add
+     * @private
+     * @param {Object} obj renderable object
+     * @return {RenderNode} Render wrapping provided object, if not already a RenderNode
+     */
+    Group.prototype.add = function add() {
+        return this.context.add.apply(this.context, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Number} Render spec for this component
+     */
+    Group.prototype.render = function render() {
+        return Surface.prototype.render.call(this);
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    Group.prototype.deploy = function deploy(target) {
+        this.context.migrate(target);
+    };
+
+    /**
+     * Remove this component and contained content from the document
+     *
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    Group.prototype.recall = function recall(target) {
+        this._container = document.createDocumentFragment();
+        this.context.migrate(this._container);
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     *
+     * @private
+     * @method commit
+     *
+     * @param {Object} context update spec passed in from above in the render tree.
+     */
+    Group.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var origin = context.origin;
+        var opacity = context.opacity;
+        var size = context.size;
+        var result = Surface.prototype.commit.call(this, {
+            allocator: context.allocator,
+            transform: Transform.thenMove(transform, [-origin[0] * size[0], -origin[1] * size[1], 0]),
+            opacity: opacity,
+            origin: origin,
+            size: Group.SIZE_ZERO
+        });
+        if (size[0] !== this._groupSize[0] || size[1] !== this._groupSize[1]) {
+            this._groupSize[0] = size[0];
+            this._groupSize[1] = size[1];
+            this.context.setSize(size);
+        }
+        this.context.update({
+            transform: Transform.translate(-origin[0] * size[0], -origin[1] * size[1], 0),
+            origin: origin,
+            size: size
+        });
+        return result;
+    };
+
+    module.exports = Group;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/TransitionableTransform',['require','exports','module','./Transitionable','famous/core/Transform','famous/utilities/Utility'],function(require, exports, module) {
+    var Transitionable = require('./Transitionable');
+    var Transform = require('famous/core/Transform');
+    var Utility = require('famous/utilities/Utility');
+
+    /**
+     * A class for transitioning the state of a Transform by transitioning
+     * its translate, scale, skew and rotate components independently.
+     *
+     * @class TransitionableTransform
+     * @constructor
+     *
+     * @param [transform=Transform.identity] {Transform} The initial transform state
+     */
+    function TransitionableTransform(transform) {
+        this._final = Transform.identity.slice();
+        this.translate = new Transitionable([0, 0, 0]);
+        this.rotate = new Transitionable([0, 0, 0]);
+        this.skew = new Transitionable([0, 0, 0]);
+        this.scale = new Transitionable([1, 1, 1]);
+
+        if (transform) this.set(transform);
+    }
+
+    function _build() {
+        return Transform.build({
+            translate: this.translate.get(),
+            rotate: this.rotate.get(),
+            skew: this.skew.get(),
+            scale: this.scale.get()
+        });
+    }
+
+    /**
+     * An optimized way of setting only the translation component of a Transform
+     *
+     * @method setTranslate
+     * @chainable
+     *
+     * @param translate {Array}     New translation state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setTranslate = function setTranslate(translate, transition, callback) {
+        this.translate.set(translate, transition, callback);
+        this._final = this._final.slice();
+        this._final[12] = translate[0];
+        this._final[13] = translate[1];
+        if (translate[2] !== undefined) this._final[14] = translate[2];
+        return this;
+    };
+
+    /**
+     * An optimized way of setting only the scale component of a Transform
+     *
+     * @method setScale
+     * @chainable
+     *
+     * @param scale {Array}         New scale state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setScale = function setScale(scale, transition, callback) {
+        this.scale.set(scale, transition, callback);
+        this._final = this._final.slice();
+        this._final[0] = scale[0];
+        this._final[5] = scale[1];
+        if (scale[2] !== undefined) this._final[10] = scale[2];
+        return this;
+    };
+
+    /**
+     * An optimized way of setting only the rotational component of a Transform
+     *
+     * @method setRotate
+     * @chainable
+     *
+     * @param eulerAngles {Array}   Euler angles for new rotation state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setRotate = function setRotate(eulerAngles, transition, callback) {
+        this.rotate.set(eulerAngles, transition, callback);
+        this._final = _build.call(this);
+        this._final = Transform.build({
+            translate: this.translate.get(),
+            rotate: eulerAngles,
+            scale: this.scale.get(),
+            skew: this.skew.get()
+        });
+        return this;
+    };
+
+    /**
+     * An optimized way of setting only the skew component of a Transform
+     *
+     * @method setSkew
+     * @chainable
+     *
+     * @param skewAngles {Array}    New skew state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.setSkew = function setSkew(skewAngles, transition, callback) {
+        this.skew.set(skewAngles, transition, callback);
+        this._final = Transform.build({
+            translate: this.translate.get(),
+            rotate: this.rotate.get(),
+            scale: this.scale.get(),
+            skew: skewAngles
+        });
+        return this;
+    };
+
+    /**
+     * Setter for a TransitionableTransform with optional parameters to transition
+     * between Transforms
+     *
+     * @method set
+     * @chainable
+     *
+     * @param transform {Array}     New transform state
+     * @param [transition] {Object} Transition definition
+     * @param [callback] {Function} Callback
+     * @return {TransitionableTransform}
+     */
+    TransitionableTransform.prototype.set = function set(transform, transition, callback) {
+        this._final = transform;
+        var components = Transform.interpret(transform);
+
+        var _callback = callback ? Utility.after(4, callback) : null;
+        this.translate.set(components.translate, transition, _callback);
+        this.rotate.set(components.rotate, transition, _callback);
+        this.skew.set(components.skew, transition, _callback);
+        this.scale.set(components.scale, transition, _callback);
+        return this;
+    };
+
+    /**
+     * Sets the default transition to use for transitioning betwen Transform states
+     *
+     * @method setDefaultTransition
+     *
+     * @param transition {Object} Transition definition
+     */
+    TransitionableTransform.prototype.setDefaultTransition = function setDefaultTransition(transition) {
+        this.translate.setDefault(transition);
+        this.rotate.setDefault(transition);
+        this.skew.setDefault(transition);
+        this.scale.setDefault(transition);
+    };
+
+    /**
+     * Getter. Returns the current state of the Transform
+     *
+     * @method get
+     *
+     * @return {Transform}
+     */
+    TransitionableTransform.prototype.get = function get() {
+        if (this.isActive()) {
+            return _build.call(this);
+        }
+        else return this._final;
+    };
+
+    /**
+     * Get the destination state of the Transform
+     *
+     * @method getFinal
+     *
+     * @return Transform {Transform}
+     */
+    TransitionableTransform.prototype.getFinal = function getFinal() {
+        return this._final;
+    };
+
+    /**
+     * Determine if the TransitionalTransform is currently transitioning
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    TransitionableTransform.prototype.isActive = function isActive() {
+        return this.translate.isActive() || this.rotate.isActive() || this.scale.isActive() || this.skew.isActive();
+    };
+
+    /**
+     * Halts the transition
+     *
+     * @method halt
+     */
+    TransitionableTransform.prototype.halt = function halt() {
+        this._final = this.get();
+        this.translate.halt();
+        this.rotate.halt();
+        this.skew.halt();
+        this.scale.halt();
+    };
+
+    module.exports = TransitionableTransform;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Modifier',['require','exports','module','./Transform','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Transform = require('./Transform');
+
+    /* TODO: remove these dependencies when deprecation complete */
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     *
+     *  A collection of visual changes to be
+     *    applied to another renderable component. This collection includes a
+     *    transform matrix, an opacity constant, a size, an origin specifier.
+     *    Modifier objects can be added to any RenderNode or object
+     *    capable of displaying renderables.  The Modifier's children and descendants
+     *    are transformed by the amounts specified in the Modifier's properties.
+     *
+     * @class Modifier
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Transform} [options.transform] affine transformation matrix
+     * @param {Number} [options.opacity]
+     * @param {Array.Number} [options.origin] origin adjustment
+     * @param {Array.Number} [options.size] size to apply to descendants
+     */
+    function Modifier(options) {
+        this._transformGetter = null;
+        this._opacityGetter = null;
+        this._originGetter = null;
+        this._alignGetter = null;
+        this._sizeGetter = null;
+
+        /* TODO: remove this when deprecation complete */
+        this._legacyStates = {};
+
+        this._output = {
+            transform: Transform.identity,
+            opacity: 1,
+            origin: null,
+            align: null,
+            size: null,
+            target: null
+        };
+
+        if (options) {
+            if (options.transform) this.transformFrom(options.transform);
+            if (options.opacity !== undefined) this.opacityFrom(options.opacity);
+            if (options.origin) this.originFrom(options.origin);
+            if (options.align) this.alignFrom(options.align);
+            if (options.size) this.sizeFrom(options.size);
+        }
+    }
+
+    /**
+     * Function, object, or static transform matrix which provides the transform.
+     *   This is evaluated on every tick of the engine.
+     *
+     * @method transformFrom
+     *
+     * @param {Object} transform transform provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.transformFrom = function transformFrom(transform) {
+        if (transform instanceof Function) this._transformGetter = transform;
+        else if (transform instanceof Object && transform.get) this._transformGetter = transform.get.bind(transform);
+        else {
+            this._transformGetter = null;
+            this._output.transform = transform;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or number to provide opacity, in range [0,1].
+     *
+     * @method opacityFrom
+     *
+     * @param {Object} opacity provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.opacityFrom = function opacityFrom(opacity) {
+        if (opacity instanceof Function) this._opacityGetter = opacity;
+        else if (opacity instanceof Object && opacity.get) this._opacityGetter = opacity.get.bind(opacity);
+        else {
+            this._opacityGetter = null;
+            this._output.opacity = opacity;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or numerical array to provide origin, as [x,y],
+     *   where x and y are in the range [0,1].
+     *
+     * @method originFrom
+     *
+     * @param {Object} origin provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.originFrom = function originFrom(origin) {
+        if (origin instanceof Function) this._originGetter = origin;
+        else if (origin instanceof Object && origin.get) this._originGetter = origin.get.bind(origin);
+        else {
+            this._originGetter = null;
+            this._output.origin = origin;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or numerical array to provide align, as [x,y],
+     *   where x and y are in the range [0,1].
+     *
+     * @method alignFrom
+     *
+     * @param {Object} align provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.alignFrom = function alignFrom(align) {
+        if (align instanceof Function) this._alignGetter = align;
+        else if (align instanceof Object && align.get) this._alignGetter = align.get.bind(align);
+        else {
+            this._alignGetter = null;
+            this._output.align = align;
+        }
+        return this;
+    };
+
+    /**
+     * Set function, object, or numerical array to provide size, as [width, height].
+     *
+     * @method sizeFrom
+     *
+     * @param {Object} size provider object
+     * @return {Modifier} this
+     */
+    Modifier.prototype.sizeFrom = function sizeFrom(size) {
+        if (size instanceof Function) this._sizeGetter = size;
+        else if (size instanceof Object && size.get) this._sizeGetter = size.get.bind(size);
+        else {
+            this._sizeGetter = null;
+            this._output.size = size;
+        }
+        return this;
+    };
+
+     /**
+     * Deprecated: Prefer transformFrom with static Transform, or use a TransitionableTransform.
+     * @deprecated
+     * @method setTransform
+     *
+     * @param {Transform} transform Transform to transition to
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setTransform = function setTransform(transform, transition, callback) {
+        if (transition || this._legacyStates.transform) {
+            if (!this._legacyStates.transform) {
+                this._legacyStates.transform = new TransitionableTransform(this._output.transform);
+            }
+            if (!this._transformGetter) this.transformFrom(this._legacyStates.transform);
+
+            this._legacyStates.transform.set(transform, transition, callback);
+            return this;
+        }
+        else return this.transformFrom(transform);
+    };
+
+    /**
+     * Deprecated: Prefer opacityFrom with static opacity array, or use a Transitionable with that opacity.
+     * @deprecated
+     * @method setOpacity
+     *
+     * @param {Number} opacity Opacity value to transition to.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setOpacity = function setOpacity(opacity, transition, callback) {
+        if (transition || this._legacyStates.opacity) {
+            if (!this._legacyStates.opacity) {
+                this._legacyStates.opacity = new Transitionable(this._output.opacity);
+            }
+            if (!this._opacityGetter) this.opacityFrom(this._legacyStates.opacity);
+
+            return this._legacyStates.opacity.set(opacity, transition, callback);
+        }
+        else return this.opacityFrom(opacity);
+    };
+
+    /**
+     * Deprecated: Prefer originFrom with static origin array, or use a Transitionable with that origin.
+     * @deprecated
+     * @method setOrigin
+     *
+     * @param {Array.Number} origin two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setOrigin = function setOrigin(origin, transition, callback) {
+        /* TODO: remove this if statement when deprecation complete */
+        if (transition || this._legacyStates.origin) {
+
+            if (!this._legacyStates.origin) {
+                this._legacyStates.origin = new Transitionable(this._output.origin || [0, 0]);
+            }
+            if (!this._originGetter) this.originFrom(this._legacyStates.origin);
+
+            this._legacyStates.origin.set(origin, transition, callback);
+            return this;
+        }
+        else return this.originFrom(origin);
+    };
+
+    /**
+     * Deprecated: Prefer alignFrom with static align array, or use a Transitionable with that align.
+     * @deprecated
+     * @method setAlign
+     *
+     * @param {Array.Number} align two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setAlign = function setAlign(align, transition, callback) {
+        /* TODO: remove this if statement when deprecation complete */
+        if (transition || this._legacyStates.align) {
+
+            if (!this._legacyStates.align) {
+                this._legacyStates.align = new Transitionable(this._output.align || [0, 0]);
+            }
+            if (!this._alignGetter) this.alignFrom(this._legacyStates.align);
+
+            this._legacyStates.align.set(align, transition, callback);
+            return this;
+        }
+        else return this.alignFrom(align);
+    };
+
+    /**
+     * Deprecated: Prefer sizeFrom with static origin array, or use a Transitionable with that size.
+     * @deprecated
+     * @method setSize
+     * @param {Array.Number} size two element array of [width, height]
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {Modifier} this
+     */
+    Modifier.prototype.setSize = function setSize(size, transition, callback) {
+        if (size && (transition || this._legacyStates.size)) {
+            if (!this._legacyStates.size) {
+                this._legacyStates.size = new Transitionable(this._output.size || [0, 0]);
+            }
+            if (!this._sizeGetter) this.sizeFrom(this._legacyStates.size);
+
+            this._legacyStates.size.set(size, transition, callback);
+            return this;
+        }
+        else return this.sizeFrom(size);
+    };
+
+    /**
+     * Deprecated: Prefer to stop transform in your provider object.
+     * @deprecated
+     * @method halt
+     */
+    Modifier.prototype.halt = function halt() {
+        if (this._legacyStates.transform) this._legacyStates.transform.halt();
+        if (this._legacyStates.opacity) this._legacyStates.opacity.halt();
+        if (this._legacyStates.origin) this._legacyStates.origin.halt();
+        if (this._legacyStates.align) this._legacyStates.align.halt();
+        if (this._legacyStates.size) this._legacyStates.size.halt();
+        this._transformGetter = null;
+        this._opacityGetter = null;
+        this._originGetter = null;
+        this._alignGetter = null;
+        this._sizeGetter = null;
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided transform or output of your transform provider.
+     * @deprecated
+     * @method getTransform
+     * @return {Object} transform provider object
+     */
+    Modifier.prototype.getTransform = function getTransform() {
+        return this._transformGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to determine the end state of your transform from your transform provider
+     * @deprecated
+     * @method getFinalTransform
+     * @return {Transform} transform matrix
+     */
+    Modifier.prototype.getFinalTransform = function getFinalTransform() {
+        return this._legacyStates.transform ? this._legacyStates.transform.getFinal() : this._output.transform;
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided opacity or output of your opacity provider.
+     * @deprecated
+     * @method getOpacity
+     * @return {Object} opacity provider object
+     */
+    Modifier.prototype.getOpacity = function getOpacity() {
+        return this._opacityGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided origin or output of your origin provider.
+     * @deprecated
+     * @method getOrigin
+     * @return {Object} origin provider object
+     */
+    Modifier.prototype.getOrigin = function getOrigin() {
+        return this._originGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided align or output of your align provider.
+     * @deprecated
+     * @method getAlign
+     * @return {Object} align provider object
+     */
+    Modifier.prototype.getAlign = function getAlign() {
+        return this._alignGetter();
+    };
+
+    /**
+     * Deprecated: Prefer to use your provided size or output of your size provider.
+     * @deprecated
+     * @method getSize
+     * @return {Object} size provider object
+     */
+    Modifier.prototype.getSize = function getSize() {
+        return this._sizeGetter ? this._sizeGetter() : this._output.size;
+    };
+
+    // call providers on tick to receive render spec elements to apply
+    function _update() {
+        if (this._transformGetter) this._output.transform = this._transformGetter();
+        if (this._opacityGetter) this._output.opacity = this._opacityGetter();
+        if (this._originGetter) this._output.origin = this._originGetter();
+        if (this._alignGetter) this._output.align = this._alignGetter();
+        if (this._sizeGetter) this._output.size = this._sizeGetter();
+    }
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    Modifier.prototype.modify = function modify(target) {
+        _update.call(this);
+        this._output.target = target;
+        return this._output;
+    };
+
+    module.exports = Modifier;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/Scene',['require','exports','module','./Transform','./Modifier','./RenderNode'],function(require, exports, module) {
+    var Transform = require('./Transform');
+    var Modifier = require('./Modifier');
+    var RenderNode = require('./RenderNode');
+
+    /**
+     * Builds and renders a scene graph based on a declarative structure definition.
+     * See the Scene examples in the examples distribution (http://github.com/Famous/examples.git).
+     *
+     * @class Scene
+     * @constructor
+     * @param {Object} definition in the format of a render spec.
+     */
+    function Scene(definition) {
+        this.id = null;
+        this._objects = null;
+
+        this.node = new RenderNode();
+        this._definition = null;
+
+        if (definition) this.load(definition);
+    }
+
+    var _MATRIX_GENERATORS = {
+        'translate': Transform.translate,
+        'rotate': Transform.rotate,
+        'rotateX': Transform.rotateX,
+        'rotateY': Transform.rotateY,
+        'rotateZ': Transform.rotateZ,
+        'rotateAxis': Transform.rotateAxis,
+        'scale': Transform.scale,
+        'skew': Transform.skew,
+        'matrix3d': function() {
+            return arguments;
+        }
+    };
+
+    /**
+     * Clone this scene
+     *
+     * @method create
+     * @return {Scene} deep copy of this scene
+     */
+    Scene.prototype.create = function create() {
+        return new Scene(this._definition);
+    };
+
+    function _resolveTransformMatrix(matrixDefinition) {
+        for (var type in _MATRIX_GENERATORS) {
+            if (type in matrixDefinition) {
+                var args = matrixDefinition[type];
+                if (!(args instanceof Array)) args = [args];
+                return _MATRIX_GENERATORS[type].apply(this, args);
+            }
+        }
+    }
+
+    // parse transform into tree of render nodes, doing matrix multiplication
+    // when available
+    function _parseTransform(definition) {
+        var transformDefinition = definition.transform;
+        var opacity = definition.opacity;
+        var origin = definition.origin;
+        var size = definition.size;
+        var transform = Transform.identity;
+        if (transformDefinition instanceof Array) {
+            if (transformDefinition.length === 16 && typeof transformDefinition[0] === 'number') {
+                transform = transformDefinition;
+            }
+            else {
+                for (var i = 0; i < transformDefinition.length; i++) {
+                    transform = Transform.multiply(transform, _resolveTransformMatrix(transformDefinition[i]));
+                }
+            }
+        }
+        else if (transformDefinition instanceof Object) {
+            transform = _resolveTransformMatrix(transformDefinition);
+        }
+
+        var result = new Modifier({
+            transform: transform,
+            opacity: opacity,
+            origin: origin,
+            size: size
+        });
+        return result;
+    }
+
+    function _parseArray(definition) {
+        var result = new RenderNode();
+        for (var i = 0; i < definition.length; i++) {
+            var obj = _parse.call(this, definition[i]);
+            if (obj) result.add(obj);
+        }
+        return result;
+    }
+
+    // parse object directly into tree of RenderNodes
+    function _parse(definition) {
+        var result;
+        var id;
+        if (definition instanceof Array) {
+            result = _parseArray.call(this, definition);
+        }
+        else {
+            id = this._objects.length;
+            if (definition.render && (definition.render instanceof Function)) {
+                result = definition;
+            }
+            else if (definition.target) {
+                var targetObj = _parse.call(this, definition.target);
+                var obj = _parseTransform.call(this, definition);
+
+                result = new RenderNode(obj);
+                result.add(targetObj);
+                if (definition.id) this.id[definition.id] = obj;
+            }
+            else if (definition.id) {
+                result = new RenderNode();
+                this.id[definition.id] = result;
+            }
+        }
+        this._objects[id] = result;
+        return result;
+    }
+
+    /**
+     * Builds and renders a scene graph based on a canonical declarative scene definition.
+     * See examples/Scene/example.js.
+     *
+     * @method load
+     * @param {Object} definition definition in the format of a render spec.
+     */
+    Scene.prototype.load = function load(definition) {
+        this._definition = definition;
+        this.id = {};
+        this._objects = [];
+        this.node.set(_parse.call(this, definition));
+    };
+
+    /**
+     * Add renderables to this component's render tree
+     *
+     * @method add
+     *
+     * @param {Object} obj renderable object
+     * @return {RenderNode} Render wrapping provided object, if not already a RenderNode
+     */
+    Scene.prototype.add = function add() {
+        return this.node.add.apply(this.node, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Scene.prototype.render = function render() {
+        return this.node.render.apply(this.node, arguments);
+    };
+
+    module.exports = Scene;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/View',['require','exports','module','./EventHandler','./OptionsManager','./RenderNode'],function(require, exports, module) {
+    var EventHandler = require('./EventHandler');
+    var OptionsManager = require('./OptionsManager');
+    var RenderNode = require('./RenderNode');
+
+    /**
+     * Useful for quickly creating elements within applications
+     *   with large event systems.  Consists of a RenderNode paired with
+     *   an input EventHandler and an output EventHandler.
+     *   Meant to be extended by the developer.
+     *
+     * @class View
+     * @uses EventHandler
+     * @uses OptionsManager
+     * @uses RenderNode
+     * @constructor
+     */
+    function View(options) {
+        this._node = new RenderNode();
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS || View.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+    }
+
+    View.DEFAULT_OPTIONS = {}; // no defaults
+
+    /**
+     * Look up options value by key
+     * @method getOptions
+     *
+     * @param {string} key key
+     * @return {Object} associated object
+     */
+    View.prototype.getOptions = function getOptions() {
+        return this._optionsManager.value();
+    };
+
+    /*
+     *  Set internal options.
+     *  No defaults options are set in View.
+     *
+     *  @method setOptions
+     *  @param {Object} options
+     */
+    View.prototype.setOptions = function setOptions(options) {
+        this._optionsManager.patch(options);
+    };
+
+    /**
+     * Add a child renderable to the view.
+     *   Note: This is meant to be used by an inheriting class
+     *   rather than from outside the prototype chain.
+     *
+     * @method add
+     * @return {RenderNode}
+     * @protected
+     */
+    View.prototype.add = function add() {
+        return this._node.add.apply(this._node, arguments);
+    };
+
+    /**
+     * Alias for add
+     * @method _add
+     */
+    View.prototype._add = View.prototype.add;
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    View.prototype.render = function render() {
+        return this._node.render();
+    };
+
+    /**
+     * Return size of contained element.
+     *
+     * @method getSize
+     * @return {Array.Number} [width, height]
+     */
+    View.prototype.getSize = function getSize() {
+        if (this._node && this._node.getSize) {
+            return this._node.getSize.apply(this._node, arguments) || this.options.size;
+        }
+        else return this.options.size;
+    };
+
+    module.exports = View;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/core/ViewSequence',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Helper object used to iterate through items sequentially. Used in
+     *   views that deal with layout.  A ViewSequence object conceptually points
+     *   to a node in a linked list.
+     *
+     * @class ViewSequence
+     *
+     * @constructor
+     * @param {Object|Array} options Options object, or content array.
+     * @param {Number} [options.index] starting index.
+     * @param {Number} [options.array] Array of elements to populate the ViewSequence
+     * @param {Object} [options._] Optional backing store (internal
+     * @param {Boolean} [options.loop] Whether to wrap when accessing elements just past the end
+     *   (or beginning) of the sequence.
+     */
+    function ViewSequence(options) {
+        if (!options) options = [];
+        if (options instanceof Array) options = {array: options};
+
+        this._ = null;
+        this.index = options.index || 0;
+
+        if (options.array) this._ = new (this.constructor.Backing)(options.array);
+        else if (options._) this._ = options._;
+
+        if (this.index === this._.firstIndex) this._.firstNode = this;
+        if (this.index === this._.firstIndex + this._.array.length - 1) this._.lastNode = this;
+
+        if (options.loop !== undefined) this._.loop = options.loop;
+
+        this._previousNode = null;
+        this._nextNode = null;
+    }
+
+    // constructor for internal storage
+    ViewSequence.Backing = function Backing(array) {
+        this.array = array;
+        this.firstIndex = 0;
+        this.loop = false;
+        this.firstNode = null;
+        this.lastNode = null;
+    };
+
+    // Get value "i" slots away from the first index.
+    ViewSequence.Backing.prototype.getValue = function getValue(i) {
+        var _i = i - this.firstIndex;
+        if (_i < 0 || _i >= this.array.length) return null;
+        return this.array[_i];
+    };
+
+    // Set value "i" slots away from the first index.
+    ViewSequence.Backing.prototype.setValue = function setValue(i, value) {
+        this.array[i - this.firstIndex] = value;
+    };
+
+    // After splicing into the backing store, restore the indexes of each node correctly.
+    ViewSequence.Backing.prototype.reindex = function reindex(start, removeCount, insertCount) {
+        if (!this.array[0]) return;
+
+        var i = 0;
+        var index = this.firstIndex;
+        var indexShiftAmount = insertCount - removeCount;
+        var node = this.firstNode;
+
+        // find node to begin
+        while (index < start - 1) {
+            node = node.getNext();
+            index++;
+        }
+        // skip removed nodes
+        var spliceStartNode = node;
+        for (i = 0; i < removeCount; i++) {
+            node = node.getNext();
+            if (node) node._previousNode = spliceStartNode;
+        }
+        var spliceResumeNode = node ? node.getNext() : null;
+        // generate nodes for inserted items
+        spliceStartNode._nextNode = null;
+        node = spliceStartNode;
+        for (i = 0; i < insertCount; i++) node = node.getNext();
+        index += insertCount;
+        // resume the chain
+        if (node !== spliceResumeNode) {
+            node._nextNode = spliceResumeNode;
+            if (spliceResumeNode) spliceResumeNode._previousNode = node;
+        }
+        if (spliceResumeNode) {
+            node = spliceResumeNode;
+            index++;
+            while (node && index < this.array.length + this.firstIndex) {
+                if (node._nextNode) node.index += indexShiftAmount;
+                else node.index = index;
+                node = node.getNext();
+                index++;
+            }
+        }
+    };
+
+    /**
+     * Return ViewSequence node previous to this node in the list, respecting looping if applied.
+     *
+     * @method getPrevious
+     * @return {ViewSequence} previous node.
+     */
+    ViewSequence.prototype.getPrevious = function getPrevious() {
+        if (this.index === this._.firstIndex) {
+            if (this._.loop) {
+                this._previousNode = this._.lastNode || new (this.constructor)({_: this._, index: this._.firstIndex + this._.array.length - 1});
+                this._previousNode._nextNode = this;
+            }
+            else {
+                this._previousNode = null;
+            }
+        }
+        else if (!this._previousNode) {
+            this._previousNode = new (this.constructor)({_: this._, index: this.index - 1});
+            this._previousNode._nextNode = this;
+        }
+        return this._previousNode;
+    };
+
+    /**
+     * Return ViewSequence node next after this node in the list, respecting looping if applied.
+     *
+     * @method getNext
+     * @return {ViewSequence} previous node.
+     */
+    ViewSequence.prototype.getNext = function getNext() {
+        if (this.index === this._.firstIndex + this._.array.length - 1) {
+            if (this._.loop) {
+                this._nextNode = this._.firstNode || new (this.constructor)({_: this._, index: this._.firstIndex});
+                this._nextNode._previousNode = this;
+            }
+            else {
+                this._nextNode = null;
+            }
+        }
+        else if (!this._nextNode) {
+            this._nextNode = new (this.constructor)({_: this._, index: this.index + 1});
+            this._nextNode._previousNode = this;
+        }
+        return this._nextNode;
+    };
+
+    /**
+     * Return index of this ViewSequence node.
+     *
+     * @method getIndex
+     * @return {Number} index
+     */
+    ViewSequence.prototype.getIndex = function getIndex() {
+        return this.index;
+    };
+
+    /**
+     * Return printable version of this ViewSequence node.
+     *
+     * @method toString
+     * @return {string} this index as a string
+     */
+    ViewSequence.prototype.toString = function toString() {
+        return '' + this.index;
+    };
+
+    /**
+     * Add one or more objects to the beginning of the sequence.
+     *
+     * @method unshift
+     * @param {...Object} value arguments array of objects
+     */
+    ViewSequence.prototype.unshift = function unshift(value) {
+        this._.array.unshift.apply(this._.array, arguments);
+        this._.firstIndex -= arguments.length;
+    };
+
+    /**
+     * Add one or more objects to the end of the sequence.
+     *
+     * @method push
+     * @param {...Object} value arguments array of objects
+     */
+    ViewSequence.prototype.push = function push(value) {
+        this._.array.push.apply(this._.array, arguments);
+    };
+
+    /**
+     * Remove objects from the sequence
+     *
+     * @method splice
+     * @param {Number} index starting index for removal
+     * @param {Number} howMany how many elements to remove
+     * @param {...Object} value arguments array of objects
+     */
+    ViewSequence.prototype.splice = function splice(index, howMany) {
+        var values = Array.prototype.slice.call(arguments, 2);
+        this._.array.splice.apply(this._.array, [index - this._.firstIndex, howMany].concat(values));
+        this._.reindex(index, howMany, values.length);
+    };
+
+    /**
+     * Exchange this element's sequence position with another's.
+     *
+     * @method swap
+     * @param {ViewSequence} other element to swap with.
+     */
+    ViewSequence.prototype.swap = function swap(other) {
+        var otherValue = other.get();
+        var myValue = this.get();
+        this._.setValue(this.index, otherValue);
+        this._.setValue(other.index, myValue);
+
+        var myPrevious = this._previousNode;
+        var myNext = this._nextNode;
+        var myIndex = this.index;
+        var otherPrevious = other._previousNode;
+        var otherNext = other._nextNode;
+        var otherIndex = other.index;
+
+        this.index = otherIndex;
+        this._previousNode = (otherPrevious === this) ? other : otherPrevious;
+        if (this._previousNode) this._previousNode._nextNode = this;
+        this._nextNode = (otherNext === this) ? other : otherNext;
+        if (this._nextNode) this._nextNode._previousNode = this;
+
+        other.index = myIndex;
+        other._previousNode = (myPrevious === other) ? this : myPrevious;
+        if (other._previousNode) other._previousNode._nextNode = other;
+        other._nextNode = (myNext === other) ? this : myNext;
+        if (other._nextNode) other._nextNode._previousNode = other;
+
+        if (this.index === this._.firstIndex) this._.firstNode = this;
+        else if (this.index === this._.firstIndex + this._.array.length - 1) this._.lastNode = this;
+        if (other.index === this._.firstIndex) this._.firstNode = other;
+        else if (other.index === this._.firstIndex + this._.array.length - 1) this._.lastNode = other;
+    };
+
+   /**
+     * Return value of this ViewSequence node.
+     *
+     * @method get
+     * @return {Object} value of thiss
+     */
+    ViewSequence.prototype.get = function get() {
+        return this._.getValue(this.index);
+    };
+
+   /**
+     * Call getSize() on the contained View.
+     *
+     * @method getSize
+     * @return {Array.Number} [width, height]
+     */
+    ViewSequence.prototype.getSize = function getSize() {
+        var target = this.get();
+        return target ? target.getSize() : null;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     * Specifically, this will render the value at the current index.
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    ViewSequence.prototype.render = function render() {
+        var target = this.get();
+        return target ? target.render.apply(target, arguments) : null;
+    };
+
+    module.exports = ViewSequence;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Utilities',['require','exports','module'],function(require, exports, module) {
+    /**
+     * A few static methods.
+     *
+     * @class Utilities
+     * @static
+     */
+    var Utilities = {};
+
+    /**
+     * Constrain input to range.
+     *
+     * @method clamp
+     * @param {Number} value input
+     * @param {Array.Number} range [min, max]
+     * @static
+     */
+    Utilities.clamp = function clamp(value, range) {
+        return Math.max(Math.min(value, range[1]), range[0]);
+    };
+
+    /**
+     * Euclidean length of numerical array.
+     *
+     * @method length
+     * @param {Array.Number} array array of numbers
+     * @static
+     */
+    Utilities.length = function length(array) {
+        var distanceSquared = 0;
+        for (var i = 0; i < array.length; i++) {
+            distanceSquared += array[i] * array[i];
+        }
+        return Math.sqrt(distanceSquared);
+    };
+
+    module.exports = Utilities;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/GenericSync',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Combines multiple types of sync classes (e.g. mouse, touch,
+     *  scrolling) into one standardized interface for inclusion in widgets.
+     *
+     *  Sync classes are first registered with a key, and then can be accessed
+     *  globally by key.
+     *
+     *  Emits 'start', 'update' and 'end' events as a union of the sync class
+     *  providers.
+     *
+     * @class GenericSync
+     * @constructor
+     * @param syncs {Object|Array} object with fields {sync key : sync options}
+     *    or an array of registered sync keys
+     * @param [options] {Object|Array} options object to set on all syncs
+     */
+    function GenericSync(syncs, options) {
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._syncs = {};
+        if (syncs) this.addSync(syncs);
+        if (options) this.setOptions(options);
+    }
+
+    GenericSync.DIRECTION_X = 0;
+    GenericSync.DIRECTION_Y = 1;
+    GenericSync.DIRECTION_Z = 2;
+
+    // Global registry of sync classes. Append only.
+    var registry = {};
+
+    /**
+     * Register a global sync class with an identifying key
+     *
+     * @static
+     * @method register
+     *
+     * @param syncObject {Object} an object of {sync key : sync options} fields
+     */
+    GenericSync.register = function register(syncObject) {
+        for (var key in syncObject){
+            if (registry[key]){
+                if (registry[key] === syncObject[key]) return; // redundant registration
+                else throw new Error('this key is registered to a different sync class');
+            }
+            else registry[key] = syncObject[key];
+        }
+    };
+
+    /**
+     * Helper to set options on all sync instances
+     *
+     * @method setOptions
+     * @param options {Object} options object
+     */
+    GenericSync.prototype.setOptions = function(options) {
+        for (var key in this._syncs){
+            this._syncs[key].setOptions(options);
+        }
+    };
+
+    /**
+     * Pipe events to a sync class
+     *
+     * @method pipeSync
+     * @param key {String} identifier for sync class
+     */
+    GenericSync.prototype.pipeSync = function pipeToSync(key) {
+        var sync = this._syncs[key];
+        this._eventInput.pipe(sync);
+        sync.pipe(this._eventOutput);
+    };
+
+    /**
+     * Unpipe events from a sync class
+     *
+     * @method unpipeSync
+     * @param key {String} identifier for sync class
+     */
+    GenericSync.prototype.unpipeSync = function unpipeFromSync(key) {
+        var sync = this._syncs[key];
+        this._eventInput.unpipe(sync);
+        sync.unpipe(this._eventOutput);
+    };
+
+    function _addSingleSync(key, options) {
+        if (!registry[key]) return;
+        this._syncs[key] = new (registry[key])(options);
+        this.pipeSync(key);
+    }
+
+    /**
+     * Add a sync class to from the registered classes
+     *
+     * @method addSync
+     * @param syncs {Object|Array.String} an array of registered sync keys
+     *    or an object with fields {sync key : sync options}
+     */
+    GenericSync.prototype.addSync = function addSync(syncs) {
+        if (syncs instanceof Array)
+            for (var i = 0; i < syncs.length; i++)
+                _addSingleSync.call(this, syncs[i]);
+        else if (syncs instanceof Object)
+            for (var key in syncs)
+                _addSingleSync.call(this, key, syncs[key]);
+    };
+
+    module.exports = GenericSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/MouseSync',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Handles piped in mouse drag events. Outputs an object with two
+     *   properties, position and velocity.
+     *   Emits 'start', 'update' and 'end' events with DOM event passthroughs,
+     *   with position, velocity, and a delta key.
+     *
+     * @class MouseSync
+     * @constructor
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.propogate] {Boolean}  add listened to document on mouseleave
+     */
+    function MouseSync(options) {
+        this.options =  Object.create(MouseSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._eventInput.on('mousedown', _handleStart.bind(this));
+        this._eventInput.on('mousemove', _handleMove.bind(this));
+        this._eventInput.on('mouseup', _handleEnd.bind(this));
+
+        if (this.options.propogate) this._eventInput.on('mouseleave', _handleLeave.bind(this));
+        else this._eventInput.on('mouseleave', _handleEnd.bind(this));
+
+        this._payload = {
+            delta    : null,
+            position : null,
+            velocity : null,
+            clientX  : 0,
+            clientY  : 0,
+            offsetX  : 0,
+            offsetY  : 0
+        };
+
+        this._position = null;      // to be deprecated
+        this._prevCoord = undefined;
+        this._prevTime = undefined;
+        this._down = false;
+        this._moved = false;
+    }
+
+    MouseSync.DEFAULT_OPTIONS = {
+        direction: undefined,
+        rails: false,
+        scale: 1,
+        propogate: true  // events piped to document on mouseleave
+    };
+
+    MouseSync.DIRECTION_X = 0;
+    MouseSync.DIRECTION_Y = 1;
+
+    var MINIMUM_TICK_TIME = 8;
+
+    var _now = Date.now;
+
+    function _handleStart(event) {
+        var delta;
+        var velocity;
+        event.preventDefault(); // prevent drag
+
+        var x = event.clientX;
+        var y = event.clientY;
+
+        this._prevCoord = [x, y];
+        this._prevTime = _now();
+        this._down = true;
+        this._move = false;
+
+        if (this.options.direction !== undefined){
+            this._position = 0;
+            delta = 0;
+            velocity = 0;
+        }
+        else {
+            this._position = [0, 0];
+            delta = [0, 0];
+            velocity = [0, 0];
+        }
+
+        var payload = this._payload;
+        payload.delta = delta;
+        payload.position = this._position;
+        payload.velocity = velocity;
+        payload.clientX = x;
+        payload.clientY = y;
+        payload.offsetX = event.offsetX;
+        payload.offsetY = event.offsetY;
+
+        this._eventOutput.emit('start', payload);
+    }
+
+    function _handleMove(event) {
+        if (!this._prevCoord) return;
+
+        var prevCoord = this._prevCoord;
+        var prevTime = this._prevTime;
+
+        var x = event.clientX;
+        var y = event.clientY;
+
+        var currTime = _now();
+
+        var diffX = x - prevCoord[0];
+        var diffY = y - prevCoord[1];
+
+        if (this.options.rails) {
+            if (Math.abs(diffX) > Math.abs(diffY)) diffY = 0;
+            else diffX = 0;
+        }
+
+        var diffTime = Math.max(currTime - prevTime, MINIMUM_TICK_TIME); // minimum tick time
+
+        var velX = diffX / diffTime;
+        var velY = diffY / diffTime;
+
+        var scale = this.options.scale;
+        var nextVel;
+        var nextDelta;
+
+        if (this.options.direction === MouseSync.DIRECTION_X) {
+            nextDelta = scale * diffX;
+            nextVel = scale * velX;
+            this._position += nextDelta;
+        }
+        else if (this.options.direction === MouseSync.DIRECTION_Y) {
+            nextDelta = scale * diffY;
+            nextVel = scale * velY;
+            this._position += nextDelta;
+        }
+        else {
+            nextDelta = [scale * diffX, scale * diffY];
+            nextVel = [scale * velX, scale * velY];
+            this._position[0] += nextDelta[0];
+            this._position[1] += nextDelta[1];
+        }
+
+        var payload = this._payload;
+        payload.delta    = nextDelta;
+        payload.position = this._position;
+        payload.velocity = nextVel;
+        payload.clientX  = x;
+        payload.clientY  = y;
+        payload.offsetX  = event.offsetX;
+        payload.offsetY  = event.offsetY;
+
+        this._eventOutput.emit('update', payload);
+
+        this._prevCoord = [x, y];
+        this._prevTime = currTime;
+        this._move = true;
+    }
+
+    function _handleEnd(event) {
+        if (!this._down) return;
+
+        this._eventOutput.emit('end', this._payload);
+        this._prevCoord = undefined;
+        this._prevTime = undefined;
+        this._down = false;
+        this._move = false;
+    }
+
+    function _handleLeave(event) {
+        if (!this._down || !this._move) return;
+
+        var boundMove = _handleMove.bind(this);
+        var boundEnd = function(event) {
+            _handleEnd.call(this, event);
+            document.removeEventListener('mousemove', boundMove);
+            document.removeEventListener('mouseup', boundEnd);
+        }.bind(this, event);
+
+        document.addEventListener('mousemove', boundMove);
+        document.addEventListener('mouseup', boundEnd);
+    }
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    MouseSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.propogate] {Boolean}  add listened to document on mouseleave
+     */
+    MouseSync.prototype.setOptions = function setOptions(options) {
+        if (options.direction !== undefined) this.options.direction = options.direction;
+        if (options.rails !== undefined) this.options.rails = options.rails;
+        if (options.scale !== undefined) this.options.scale = options.scale;
+        if (options.propogate !== undefined) this.options.propogate = options.propogate;
+    };
+
+    module.exports = MouseSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/TouchTracker',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    var _now = Date.now;
+
+    function _timestampTouch(touch, event, history) {
+        return {
+            x: touch.clientX,
+            y: touch.clientY,
+            identifier : touch.identifier,
+            origin: event.origin,
+            timestamp: _now(),
+            count: event.touches.length,
+            history: history
+        };
+    }
+
+    function _handleStart(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var data = _timestampTouch(touch, event, null);
+            this.eventOutput.emit('trackstart', data);
+            if (!this.selective && !this.touchHistory[touch.identifier]) this.track(data);
+        }
+    }
+
+    function _handleMove(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var history = this.touchHistory[touch.identifier];
+            if (history) {
+                var data = _timestampTouch(touch, event, history);
+                this.touchHistory[touch.identifier].push(data);
+                this.eventOutput.emit('trackmove', data);
+            }
+        }
+    }
+
+    function _handleEnd(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var history = this.touchHistory[touch.identifier];
+            if (history) {
+                var data = _timestampTouch(touch, event, history);
+                this.eventOutput.emit('trackend', data);
+                delete this.touchHistory[touch.identifier];
+            }
+        }
+    }
+
+    function _handleUnpipe() {
+        for (var i in this.touchHistory) {
+            var history = this.touchHistory[i];
+            this.eventOutput.emit('trackend', {
+                touch: history[history.length - 1].touch,
+                timestamp: Date.now(),
+                count: 0,
+                history: history
+            });
+            delete this.touchHistory[i];
+        }
+    }
+
+    /**
+     * Helper to TouchSync – tracks piped in touch events, organizes touch
+     *   events by ID, and emits track events back to TouchSync.
+     *   Emits 'trackstart', 'trackmove', and 'trackend' events upstream.
+     *
+     * @class TouchTracker
+     * @constructor
+     * @param {Boolean} selective if false, save state for each touch.
+     */
+    function TouchTracker(selective) {
+        this.selective = selective;
+        this.touchHistory = {};
+
+        this.eventInput = new EventHandler();
+        this.eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this.eventInput);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+
+        this.eventInput.on('touchstart', _handleStart.bind(this));
+        this.eventInput.on('touchmove', _handleMove.bind(this));
+        this.eventInput.on('touchend', _handleEnd.bind(this));
+        this.eventInput.on('touchcancel', _handleEnd.bind(this));
+        this.eventInput.on('unpipe', _handleUnpipe.bind(this));
+    }
+
+    /**
+     * Record touch data, if selective is false.
+     * @private
+     * @method track
+     * @param {Object} data touch data
+     */
+    TouchTracker.prototype.track = function track(data) {
+        this.touchHistory[data.identifier] = [data];
+    };
+
+    module.exports = TouchTracker;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/TouchSync',['require','exports','module','./TouchTracker','famous/core/EventHandler'],function(require, exports, module) {
+    var TouchTracker = require('./TouchTracker');
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Handles piped in touch events. Emits 'start', 'update', and 'events'
+     *   events with position, velocity, acceleration, and touch id.
+     *   Useful for dealing with inputs on touch devices.
+     *
+     *
+     * @class TouchSync
+     * @constructor
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.scale] {Number}       constant factor to scale velocity output
+     */
+    function TouchSync(options) {
+        this.options =  Object.create(TouchSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._eventOutput = new EventHandler();
+        this._touchTracker = new TouchTracker();
+
+        EventHandler.setOutputHandler(this, this._eventOutput);
+        EventHandler.setInputHandler(this, this._touchTracker);
+
+        this._touchTracker.on('trackstart', _handleStart.bind(this));
+        this._touchTracker.on('trackmove', _handleMove.bind(this));
+        this._touchTracker.on('trackend', _handleEnd.bind(this));
+
+        this._payload = {
+            delta    : null,
+            position : null,
+            velocity : null,
+            clientX  : undefined,
+            clientY  : undefined,
+            count    : 0,
+            touch    : undefined
+        };
+
+        this._position = null; // to be deprecated
+    }
+
+    TouchSync.DEFAULT_OPTIONS = {
+        direction: undefined,
+        rails: false,
+        scale: 1
+    };
+
+    TouchSync.DIRECTION_X = 0;
+    TouchSync.DIRECTION_Y = 1;
+
+    var MINIMUM_TICK_TIME = 8;
+
+    // handle 'trackstart'
+    function _handleStart(data) {
+        var velocity;
+        var delta;
+        if (this.options.direction !== undefined){
+            this._position = 0;
+            velocity = 0;
+            delta = 0;
+        }
+        else {
+            this._position = [0, 0];
+            velocity = [0, 0];
+            delta = [0, 0];
+        }
+
+        var payload = this._payload;
+        payload.delta = delta;
+        payload.position = this._position;
+        payload.velocity = velocity;
+        payload.clientX = data.x;
+        payload.clientY = data.y;
+        payload.count = data.count;
+        payload.touch = data.identifier;
+
+        this._eventOutput.emit('start', payload);
+    }
+
+    // handle 'trackmove'
+    function _handleMove(data) {
+        var history = data.history;
+
+        var currHistory = history[history.length - 1];
+        var prevHistory = history[history.length - 2];
+
+        var prevTime = prevHistory.timestamp;
+        var currTime = currHistory.timestamp;
+
+        var diffX = currHistory.x - prevHistory.x;
+        var diffY = currHistory.y - prevHistory.y;
+
+        if (this.options.rails) {
+            if (Math.abs(diffX) > Math.abs(diffY)) diffY = 0;
+            else diffX = 0;
+        }
+
+        var diffTime = Math.max(currTime - prevTime, MINIMUM_TICK_TIME);
+
+        var velX = diffX / diffTime;
+        var velY = diffY / diffTime;
+
+        var scale = this.options.scale;
+        var nextVel;
+        var nextDelta;
+
+        if (this.options.direction === TouchSync.DIRECTION_X) {
+            nextDelta = scale * diffX;
+            nextVel = scale * velX;
+            this._position += nextDelta;
+        }
+        else if (this.options.direction === TouchSync.DIRECTION_Y) {
+            nextDelta = scale * diffY;
+            nextVel = scale * velY;
+            this._position += nextDelta;
+        }
+        else {
+            nextDelta = [scale * diffX, scale * diffY];
+            nextVel = [scale * velX, scale * velY];
+            this._position[0] += nextDelta[0];
+            this._position[1] += nextDelta[1];
+        }
+
+        var payload = this._payload;
+        payload.delta    = nextDelta;
+        payload.velocity = nextVel;
+        payload.position = this._position;
+        payload.clientX  = data.x;
+        payload.clientY  = data.y;
+        payload.count    = data.count;
+        payload.touch    = data.identifier;
+
+        this._eventOutput.emit('update', payload);
+    }
+
+    // handle 'trackend'
+    function _handleEnd(data) {
+        this._payload.count = data.count;
+        this._eventOutput.emit('end', this._payload);
+    }
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param [options] {Object}             default options overrides
+     * @param [options.direction] {Number}   read from a particular axis
+     * @param [options.rails] {Boolean}      read from axis with greatest differential
+     * @param [options.scale] {Number}       constant factor to scale velocity output
+     */
+    TouchSync.prototype.setOptions = function setOptions(options) {
+        if (options.direction !== undefined) this.options.direction = options.direction;
+        if (options.rails !== undefined) this.options.rails = options.rails;
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    TouchSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    module.exports = TouchSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/modifiers/Draggable',['require','exports','module','famous/core/Transform','famous/transitions/Transitionable','famous/core/EventHandler','famous/math/Utilities','famous/inputs/GenericSync','famous/inputs/MouseSync','famous/inputs/TouchSync'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var EventHandler = require('famous/core/EventHandler');
+    var Utilities = require('famous/math/Utilities');
+
+    var GenericSync = require('famous/inputs/GenericSync');
+    var MouseSync = require('famous/inputs/MouseSync');
+    var TouchSync = require('famous/inputs/TouchSync');
+    GenericSync.register({'mouse': MouseSync, 'touch': TouchSync});
+
+    /**
+     * Makes added render nodes responsive to drag beahvior.
+     *   Emits events 'start', 'update', 'end'.
+     * @class Draggable
+     * @constructor
+     * @param {Object} [options] options configuration object.
+     * @param {Number} [options.snapX] grid width for snapping during drag
+     * @param {Number} [options.snapY] grid height for snapping during drag
+     * @param {Array.Number} [options.xRange] maxmimum [negative, positive] x displacement from start of drag
+     * @param {Array.Number} [options.yRange] maxmimum [negative, positive] y displacement from start of drag
+     * @param {Number} [options.scale] one pixel of input motion translates to this many pixels of output drag motion
+     * @param {Number} [options.projection] User should set to Draggable._direction.x or
+     *    Draggable._direction.y to constrain to one axis.
+     *
+     */
+    function Draggable(options) {
+        this.options = Object.create(Draggable.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._positionState = new Transitionable([0,0]);
+        this._differential  = [0,0];
+        this._active = true;
+
+        this.sync = new GenericSync(['mouse', 'touch'], {scale : this.options.scale});
+        this.eventOutput = new EventHandler();
+        EventHandler.setInputHandler(this,  this.sync);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+
+        _bindEvents.call(this);
+    }
+
+    //binary representation of directions for bitwise operations
+    var _direction = {
+        x : 0x01,         //001
+        y : 0x02          //010
+    };
+
+    Draggable.DIRECTION_X = _direction.x;
+    Draggable.DIRECTION_Y = _direction.y;
+
+    var _clamp = Utilities.clamp;
+
+    Draggable.DEFAULT_OPTIONS = {
+        projection  : _direction.x | _direction.y,
+        scale       : 1,
+        xRange      : null,
+        yRange      : null,
+        snapX       : 0,
+        snapY       : 0,
+        transition  : {duration : 0}
+    };
+
+    function _mapDifferential(differential) {
+        var opts        = this.options;
+        var projection  = opts.projection;
+        var snapX       = opts.snapX;
+        var snapY       = opts.snapY;
+
+        //axes
+        var tx = (projection & _direction.x) ? differential[0] : 0;
+        var ty = (projection & _direction.y) ? differential[1] : 0;
+
+        //snapping
+        if (snapX > 0) tx -= tx % snapX;
+        if (snapY > 0) ty -= ty % snapY;
+
+        return [tx, ty];
+    }
+
+    function _handleStart() {
+        if (!this._active) return;
+        if (this._positionState.isActive()) this._positionState.halt();
+        this.eventOutput.emit('start', {position : this.getPosition()});
+    }
+
+    function _handleMove(event) {
+        if (!this._active) return;
+
+        var options = this.options;
+        this._differential = event.position;
+        var newDifferential = _mapDifferential.call(this, this._differential);
+
+        //buffer the differential if snapping is set
+        this._differential[0] -= newDifferential[0];
+        this._differential[1] -= newDifferential[1];
+
+        var pos = this.getPosition();
+
+        //modify position, retain reference
+        pos[0] += newDifferential[0];
+        pos[1] += newDifferential[1];
+
+        //handle bounding box
+        if (options.xRange){
+            var xRange = [options.xRange[0] + 0.5 * options.snapX, options.xRange[1] - 0.5 * options.snapX];
+            pos[0] = _clamp(pos[0], xRange);
+        }
+
+        if (options.yRange){
+            var yRange = [options.yRange[0] + 0.5 * options.snapY, options.yRange[1] - 0.5 * options.snapY];
+            pos[1] = _clamp(pos[1], yRange);
+        }
+
+        this.eventOutput.emit('update', {position : pos});
+    }
+
+    function _handleEnd() {
+        if (!this._active) return;
+        this.eventOutput.emit('end', {position : this.getPosition()});
+    }
+
+    function _bindEvents() {
+        this.sync.on('start', _handleStart.bind(this));
+        this.sync.on('update', _handleMove.bind(this));
+        this.sync.on('end', _handleEnd.bind(this));
+    }
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options.  See constructor.
+     */
+    Draggable.prototype.setOptions = function setOptions(options) {
+        var currentOptions = this.options;
+        if (options.projection !== undefined) {
+            var proj = options.projection;
+            this.options.projection = 0;
+            ['x', 'y'].forEach(function(val) {
+                if (proj.indexOf(val) !== -1) currentOptions.projection |= _direction[val];
+            });
+        }
+        if (options.scale  !== undefined) {
+            currentOptions.scale  = options.scale;
+            this.sync.setOptions({
+                scale: options.scale
+            });
+        }
+        if (options.xRange !== undefined) currentOptions.xRange = options.xRange;
+        if (options.yRange !== undefined) currentOptions.yRange = options.yRange;
+        if (options.snapX  !== undefined) currentOptions.snapX  = options.snapX;
+        if (options.snapY  !== undefined) currentOptions.snapY  = options.snapY;
+    };
+
+    /**
+     * Get current delta in position from where this draggable started.
+     *
+     * @method getPosition
+     *
+     * @return {array<number>} [x, y] position delta from start.
+     */
+    Draggable.prototype.getPosition = function getPosition() {
+        return this._positionState.get();
+    };
+
+    /**
+     * Transition the element to the desired relative position via provided transition.
+     *  For example, calling this with [0,0] will not change the position.
+     *  Callback will be executed on completion.
+     *
+     * @method setRelativePosition
+     *
+     * @param {array<number>} position end state to which we interpolate
+     * @param {transition} transition transition object specifying how object moves to new position
+     * @param {function} callback zero-argument function to call on observed completion
+     */
+    Draggable.prototype.setRelativePosition = function setRelativePosition(position, transition, callback) {
+        var currPos = this.getPosition();
+        var relativePosition = [currPos[0] + position[0], currPos[1] + position[1]];
+        this.setPosition(relativePosition, transition, callback);
+    };
+
+    /**
+     * Transition the element to the desired absolute position via provided transition.
+     *  Callback will be executed on completion.
+     *
+     * @method setPosition
+     *
+     * @param {array<number>} position end state to which we interpolate
+     * @param {transition} transition transition object specifying how object moves to new position
+     * @param {function} callback zero-argument function to call on observed completion
+     */
+    Draggable.prototype.setPosition = function setPosition(position, transition, callback) {
+        if (this._positionState.isActive()) this._positionState.halt();
+        this._positionState.set(position, transition, callback);
+    };
+
+    /**
+     * Set this draggable to respond to user input.
+     *
+     * @method activate
+     *
+     */
+    Draggable.prototype.activate = function activate() {
+        this._active = true;
+    };
+
+    /**
+     * Set this draggable to ignore user input.
+     *
+     * @method deactivate
+     *
+     */
+    Draggable.prototype.deactivate = function deactivate() {
+        this._active = false;
+    };
+
+    /**
+     * Switch the input response stage between active and inactive.
+     *
+     * @method toggle
+     *
+     */
+    Draggable.prototype.toggle = function toggle() {
+        this._active = !this._active;
+    };
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    Draggable.prototype.modify = function modify(target) {
+        var pos = this.getPosition();
+        return {
+            transform: Transform.translate(pos[0], pos[1]),
+            target: target
+        };
+    };
+
+    module.exports = Draggable;
+});
+
+define('famous/modifiers/Fader',['require','exports','module','famous/transitions/Transitionable','famous/core/OptionsManager'],function(require, exports, module) {
+    var Transitionable = require('famous/transitions/Transitionable');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * Modifier that allows you to fade the opacity of affected renderables in and out.
+     * @class Fader
+     * @constructor
+     * @param {Object} [options] options configuration object.
+     * @param {Boolean} [options.cull=false] Stops returning affected renderables up the tree when they're fully faded when true.
+     * @param {Transition} [options.transition=true] The main transition for showing and hiding.
+     * @param {Transition} [options.pulseInTransition=true] Controls the transition to a pulsed state when the Fader instance's pulse
+     * method is called.
+     * @param {Transition} [options.pulseOutTransition=true]Controls the transition back from a pulsed state when the Fader instance's pulse
+     * method is called.
+     *
+     */
+    function Fader(options, startState) {
+        this.options = Object.create(Fader.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+
+        if (!startState) startState = 0;
+        this.transitionHelper = new Transitionable(startState);
+    }
+
+    Fader.DEFAULT_OPTIONS = {
+        cull: false,
+        transition: true,
+        pulseInTransition: true,
+        pulseOutTransition: true
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options.  See constructor.
+     */
+    Fader.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Fully displays the Fader instance's associated renderables.
+     *
+     * @method show
+     * @param {Transition} [transition] The transition that coordinates setting to the new state.
+     * @param {Function} [callback] A callback that executes once you've transitioned to the fully shown state.
+     */
+    Fader.prototype.show = function show(transition, callback) {
+        transition = transition || this.options.transition;
+        this.set(1, transition, callback);
+    };
+
+    /**
+     * Fully fades the Fader instance's associated renderables.
+     *
+     * @method hide
+     * @param {Transition} [transition] The transition that coordinates setting to the new state.
+     * @param {Function} [callback] A callback that executes once you've transitioned to the fully faded state.
+     */
+    Fader.prototype.hide = function hide(transition, callback) {
+        transition = transition || this.options.transition;
+        this.set(0, transition, callback);
+    };
+
+    /**
+     * Manually sets the opacity state of the fader to the passed-in one. Executes with an optional
+     * transition and callback.
+     *
+     * @method set
+     * @param {Number} state A number from zero to one: the amount of opacity you want to set to.
+     * @param {Transition} [transition] The transition that coordinates setting to the new state.
+     * @param {Function} [callback] A callback that executes once you've finished executing the pulse.
+     */
+    Fader.prototype.set = function set(state, transition, callback) {
+        this.halt();
+        this.transitionHelper.set(state, transition, callback);
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    Fader.prototype.halt = function halt() {
+        this.transitionHelper.halt();
+    };
+
+    /**
+     * Tells you if your Fader instance is above its visibility threshold.
+     *
+     * @method isVisible
+     * @return {Boolean} Whether or not your Fader instance is visible.
+     */
+    Fader.prototype.isVisible = function isVisible() {
+        return (this.transitionHelper.get() > 0);
+    };
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    Fader.prototype.modify = function modify(target) {
+        var currOpacity = this.transitionHelper.get();
+        if (this.options.cull && !currOpacity) return undefined;
+        else return {opacity: currOpacity, target: target};
+    };
+
+    module.exports = Fader;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/modifiers/ModifierChain',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * A class to add and remove a chain of modifiers
+     *   at a single point in the render tree
+     *
+     * @class ModifierChain
+     * @constructor
+     */
+    function ModifierChain() {
+        this._chain = [];
+        if (arguments.length) this.addModifier.apply(this, arguments);
+    }
+
+    /**
+     * Add a modifier, or comma separated modifiers, to the modifier chain.
+     *
+     * @method addModifier
+     *
+     * @param {...Modifier*} varargs args list of Modifiers
+     */
+    ModifierChain.prototype.addModifier = function addModifier(varargs) {
+        Array.prototype.push.apply(this._chain, arguments);
+    };
+
+    /**
+     * Remove a modifier from the modifier chain.
+     *
+     * @method removeModifier
+     *
+     * @param {Modifier} modifier
+     */
+    ModifierChain.prototype.removeModifier = function removeModifier(modifier) {
+        var index = this._chain.indexOf(modifier);
+        if (index < 0) return;
+        this._chain.splice(index, 1);
+    };
+
+    /**
+     * Return render spec for this Modifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} input (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this Modifier, including the
+     *    provided target
+     */
+    ModifierChain.prototype.modify = function modify(input) {
+        var chain  = this._chain;
+        var result = input;
+        for (var i = 0; i < chain.length; i++) {
+            result = chain[i].modify(result);
+        }
+        return result;
+    };
+
+    module.exports = ModifierChain;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/modifiers/StateModifier',['require','exports','module','famous/core/Modifier','famous/core/Transform','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Modifier = require('famous/core/Modifier');
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     *  A collection of visual changes to be
+     *    applied to another renderable component, strongly coupled with the state that defines
+     *    those changes. This collection includes a
+     *    transform matrix, an opacity constant, a size, an origin specifier, and an alignment specifier.
+     *    StateModifier objects can be added to any RenderNode or object
+     *    capable of displaying renderables.  The StateModifier's children and descendants
+     *    are transformed by the amounts specified in the modifier's properties.
+     *
+     * @class StateModifier
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Transform} [options.transform] affine transformation matrix
+     * @param {Number} [options.opacity]
+     * @param {Array.Number} [options.origin] origin adjustment
+     * @param {Array.Number} [options.align] align adjustment
+     * @param {Array.Number} [options.size] size to apply to descendants
+     */
+    function StateModifier(options) {
+        this._transformState = new TransitionableTransform(Transform.identity);
+        this._opacityState = new Transitionable(1);
+        this._originState = new Transitionable([0, 0]);
+        this._alignState = new Transitionable([0, 0]);
+        this._sizeState = new Transitionable([0, 0]);
+
+        this._modifier = new Modifier({
+            transform: this._transformState,
+            opacity: this._opacityState,
+            origin: null,
+            align: null,
+            size: null
+        });
+
+        this._hasOrigin = false;
+        this._hasAlign = false;
+        this._hasSize = false;
+
+        if (options) {
+            if (options.transform) this.setTransform(options.transform);
+            if (options.opacity !== undefined) this.setOpacity(options.opacity);
+            if (options.origin) this.setOrigin(options.origin);
+            if (options.align) this.setAlign(options.align);
+            if (options.size) this.setSize(options.size);
+        }
+    }
+
+    /**
+     * Set the transform matrix of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setTransform
+     *
+     * @param {Transform} transform Transform to transition to.
+     * @param {Transitionable} [transition] Valid transitionable object
+     * @param {Function} [callback] callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setTransform = function setTransform(transform, transition, callback) {
+        this._transformState.set(transform, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the opacity of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setOpacity
+     *
+     * @param {Number} opacity Opacity value to transition to.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setOpacity = function setOpacity(opacity, transition, callback) {
+        this._opacityState.set(opacity, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the origin of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setOrigin
+     *
+     * @param {Array.Number} origin two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setOrigin = function setOrigin(origin, transition, callback) {
+        if (origin === null) {
+            if (this._hasOrigin) {
+                this._modifier.originFrom(null);
+                this._hasOrigin = false;
+            }
+            return this;
+        }
+        else if (!this._hasOrigin) {
+            this._hasOrigin = true;
+            this._modifier.originFrom(this._originState);
+        }
+        this._originState.set(origin, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the alignment of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setAlign
+     *
+     * @param {Array.Number} align two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setAlign = function setOrigin(align, transition, callback) {
+        if (align === null) {
+            if (this._hasAlign) {
+                this._modifier.alignFrom(null);
+                this._hasAlign = false;
+            }
+            return this;
+        }
+        else if (!this._hasAlign) {
+            this._hasAlign = true;
+            this._modifier.alignFrom(this._alignState);
+        }
+        this._alignState.set(align, transition, callback);
+        return this;
+    };
+
+    /**
+     * Set the size of this modifier, either statically or
+     *   through a provided Transitionable.
+     *
+     * @method setSize
+     *
+     * @param {Array.Number} size two element array with values between 0 and 1.
+     * @param {Transitionable} transition Valid transitionable object
+     * @param {Function} callback callback to call after transition completes
+     * @return {StateModifier} this
+     */
+    StateModifier.prototype.setSize = function setSize(size, transition, callback) {
+        if (size === null) {
+            if (this._hasSize) {
+                this._modifier.sizeFrom(null);
+                this._hasSize = false;
+            }
+            return this;
+        }
+        else if (!this._hasSize) {
+            this._hasSize = true;
+            this._modifier.sizeFrom(this._sizeState);
+        }
+        this._sizeState.set(size, transition, callback);
+        return this;
+    };
+
+    /**
+     * Stop the transition.
+     *
+     * @method halt
+     */
+    StateModifier.prototype.halt = function halt() {
+        this._transformState.halt();
+        this._opacityState.halt();
+        this._originState.halt();
+        this._alignState.halt();
+        this._sizeState.halt();
+    };
+
+    /**
+     * Get the current state of the transform matrix component.
+     *
+     * @method getTransform
+     * @return {Object} transform provider object
+     */
+    StateModifier.prototype.getTransform = function getTransform() {
+        return this._transformState.get();
+    };
+
+    /**
+     * Get the destination state of the transform component.
+     *
+     * @method getFinalTransform
+     * @return {Transform} transform matrix
+     */
+    StateModifier.prototype.getFinalTransform = function getFinalTransform() {
+        return this._transformState.getFinal();
+    };
+
+    /**
+     * Get the current state of the opacity component.
+     *
+     * @method getOpacity
+     * @return {Object} opacity provider object
+     */
+    StateModifier.prototype.getOpacity = function getOpacity() {
+        return this._opacityState.get();
+    };
+
+    /**
+     * Get the current state of the origin component.
+     *
+     * @method getOrigin
+     * @return {Object} origin provider object
+     */
+    StateModifier.prototype.getOrigin = function getOrigin() {
+        return this._hasOrigin ? this._originState.get() : null;
+    };
+
+    /**
+     * Get the current state of the align component.
+     *
+     * @method getAlign
+     * @return {Object} align provider object
+     */
+    StateModifier.prototype.getAlign = function getAlign() {
+        return this._hasAlign ? this._alignState.get() : null;
+    };
+
+    /**
+     * Get the current state of the size component.
+     *
+     * @method getSize
+     * @return {Object} size provider object
+     */
+    StateModifier.prototype.getSize = function getSize() {
+        return this._hasSize ? this._sizeState.get() : null;
+    };
+
+    /**
+     * Return render spec for this StateModifier, applying to the provided
+     *    target component.  This is similar to render() for Surfaces.
+     *
+     * @private
+     * @method modify
+     *
+     * @param {Object} target (already rendered) render spec to
+     *    which to apply the transform.
+     * @return {Object} render spec for this StateModifier, including the
+     *    provided target
+     */
+    StateModifier.prototype.modify = function modify(target) {
+        return this._modifier.modify(target);
+    };
+
+    module.exports = StateModifier;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Vector',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Three-element floating point vector.
+     *
+     * @class Vector
+     * @constructor
+     *
+     * @param {number} x x element value
+     * @param {number} y y element value
+     * @param {number} z z element value
+     */
+    function Vector(x,y,z) {
+        if (arguments.length === 1) this.set(x);
+        else {
+            this.x = x || 0;
+            this.y = y || 0;
+            this.z = z || 0;
+        }
+        return this;
+    }
+
+    var _register = new Vector(0,0,0);
+
+    /**
+     * Add this element-wise to another Vector, element-wise.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method add
+     * @param {Vector} v addend
+     * @return {Vector} vector sum
+     */
+    Vector.prototype.add = function add(v) {
+        return _setXYZ.call(_register,
+            this.x + v.x,
+            this.y + v.y,
+            this.z + v.z
+        );
+    };
+
+    /**
+     * Subtract another vector from this vector, element-wise.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method sub
+     * @param {Vector} v subtrahend
+     * @return {Vector} vector difference
+     */
+    Vector.prototype.sub = function sub(v) {
+        return _setXYZ.call(_register,
+            this.x - v.x,
+            this.y - v.y,
+            this.z - v.z
+        );
+    };
+
+    /**
+     * Scale Vector by floating point r.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method mult
+     *
+     * @param {number} r scalar
+     * @return {Vector} vector result
+     */
+    Vector.prototype.mult = function mult(r) {
+        return _setXYZ.call(_register,
+            r * this.x,
+            r * this.y,
+            r * this.z
+        );
+    };
+
+    /**
+     * Scale Vector by floating point 1/r.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method div
+     *
+     * @param {number} r scalar
+     * @return {Vector} vector result
+     */
+    Vector.prototype.div = function div(r) {
+        return this.mult(1 / r);
+    };
+
+    /**
+     * Given another vector v, return cross product (v)x(this).
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method cross
+     * @param {Vector} v Left Hand Vector
+     * @return {Vector} vector result
+     */
+    Vector.prototype.cross = function cross(v) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+        var vx = v.x;
+        var vy = v.y;
+        var vz = v.z;
+
+        return _setXYZ.call(_register,
+            z * vy - y * vz,
+            x * vz - z * vx,
+            y * vx - x * vy
+        );
+    };
+
+    /**
+     * Component-wise equality test between this and Vector v.
+     * @method equals
+     * @param {Vector} v vector to compare
+     * @return {boolean}
+     */
+    Vector.prototype.equals = function equals(v) {
+        return (v.x === this.x && v.y === this.y && v.z === this.z);
+    };
+
+    /**
+     * Rotate clockwise around x-axis by theta radians.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method rotateX
+     * @param {number} theta radians
+     * @return {Vector} rotated vector
+     */
+    Vector.prototype.rotateX = function rotateX(theta) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+
+        return _setXYZ.call(_register,
+            x,
+            y * cosTheta - z * sinTheta,
+            y * sinTheta + z * cosTheta
+        );
+    };
+
+    /**
+     * Rotate clockwise around y-axis by theta radians.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method rotateY
+     * @param {number} theta radians
+     * @return {Vector} rotated vector
+     */
+    Vector.prototype.rotateY = function rotateY(theta) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+
+        return _setXYZ.call(_register,
+            z * sinTheta + x * cosTheta,
+            y,
+            z * cosTheta - x * sinTheta
+        );
+    };
+
+    /**
+     * Rotate clockwise around z-axis by theta radians.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method rotateZ
+     * @param {number} theta radians
+     * @return {Vector} rotated vector
+     */
+    Vector.prototype.rotateZ = function rotateZ(theta) {
+        var x = this.x;
+        var y = this.y;
+        var z = this.z;
+
+        var cosTheta = Math.cos(theta);
+        var sinTheta = Math.sin(theta);
+
+        return _setXYZ.call(_register,
+            x * cosTheta - y * sinTheta,
+            x * sinTheta + y * cosTheta,
+            z
+        );
+    };
+
+    /**
+     * Return dot product of this with a second Vector
+     * @method dot
+     * @param {Vector} v second vector
+     * @return {number} dot product
+     */
+    Vector.prototype.dot = function dot(v) {
+        return this.x * v.x + this.y * v.y + this.z * v.z;
+    };
+
+    /**
+     * Return squared length of this vector
+     * @method normSquared
+     * @return {number} squared length
+     */
+    Vector.prototype.normSquared = function normSquared() {
+        return this.dot(this);
+    };
+
+    /**
+     * Return length of this vector
+     * @method norm
+     * @return {number} length
+     */
+    Vector.prototype.norm = function norm() {
+        return Math.sqrt(this.normSquared());
+    };
+
+    /**
+     * Scale Vector to specified length.
+     *   If length is less than internal tolerance, set vector to [length, 0, 0].
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     * @method normalize
+     *
+     * @param {number} length target length, default 1.0
+     * @return {Vector}
+     */
+    Vector.prototype.normalize = function normalize(length) {
+        if (arguments.length === 0) length = 1;
+        var norm = this.norm();
+
+        if (norm > 1e-7) return _setFromVector.call(_register, this.mult(length / norm));
+        else return _setXYZ.call(_register, length, 0, 0);
+    };
+
+    /**
+     * Make a separate copy of the Vector.
+     *
+     * @method clone
+     *
+     * @return {Vector}
+     */
+    Vector.prototype.clone = function clone() {
+        return new Vector(this);
+    };
+
+    /**
+     * True if and only if every value is 0 (or falsy)
+     *
+     * @method isZero
+     *
+     * @return {boolean}
+     */
+    Vector.prototype.isZero = function isZero() {
+        return !(this.x || this.y || this.z);
+    };
+
+    function _setXYZ(x,y,z) {
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        return this;
+    }
+
+    function _setFromArray(v) {
+        return _setXYZ.call(this,v[0],v[1],v[2] || 0);
+    }
+
+    function _setFromVector(v) {
+        return _setXYZ.call(this, v.x, v.y, v.z);
+    }
+
+    function _setFromNumber(x) {
+        return _setXYZ.call(this,x,0,0);
+    }
+
+    /**
+     * Set this Vector to the values in the provided Array or Vector.
+     *
+     * @method set
+     * @param {object} v array, Vector, or number
+     * @return {Vector} this
+     */
+    Vector.prototype.set = function set(v) {
+        if (v instanceof Array)    return _setFromArray.call(this, v);
+        if (v instanceof Vector)   return _setFromVector.call(this, v);
+        if (typeof v === 'number') return _setFromNumber.call(this, v);
+    };
+
+    Vector.prototype.setXYZ = function(x,y,z) {
+        return _setXYZ.apply(this, arguments);
+    };
+
+    Vector.prototype.set1D = function(x) {
+        return _setFromNumber.call(this, x);
+    };
+
+    /**
+     * Put result of last internal register calculation in specified output vector.
+     *
+     * @method put
+     * @param {Vector} v destination vector
+     * @return {Vector} destination vector
+     */
+
+    Vector.prototype.put = function put(v) {
+        _setFromVector.call(v, _register);
+    };
+
+    /**
+     * Set this vector to [0,0,0]
+     *
+     * @method clear
+     */
+    Vector.prototype.clear = function clear() {
+        return _setXYZ.call(this,0,0,0);
+    };
+
+    /**
+     * Scale this Vector down to specified "cap" length.
+     *   If Vector shorter than cap, or cap is Infinity, do nothing.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method cap
+     * @return {Vector} capped vector
+     */
+    Vector.prototype.cap = function cap(cap) {
+        if (cap === Infinity) return _setFromVector.call(_register, this);
+        var norm = this.norm();
+        if (norm > cap) return _setFromVector.call(_register, this.mult(cap / norm));
+        else return _setFromVector.call(_register, this);
+    };
+
+    /**
+     * Return projection of this Vector onto another.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method project
+     * @param {Vector} n vector to project upon
+     * @return {Vector} projected vector
+     */
+    Vector.prototype.project = function project(n) {
+        return n.mult(this.dot(n));
+    };
+
+    /**
+     * Reflect this Vector across provided vector.
+     *   Note: This sets the internal result register, so other references to that vector will change.
+     *
+     * @method reflectAcross
+     * @param {Vector} n vector to reflect across
+     * @return {Vector} reflected vector
+     */
+    Vector.prototype.reflectAcross = function reflectAcross(n) {
+        n.normalize().put(n);
+        return _setFromVector(_register, this.sub(this.project(n).mult(2)));
+    };
+
+    /**
+     * Convert Vector to three-element array.
+     *
+     * @method get
+     * @return {array<number>} three-element array
+     */
+    Vector.prototype.get = function get() {
+        return [this.x, this.y, this.z];
+    };
+
+    Vector.prototype.get1D = function() {
+        return this.x;
+    };
+
+    module.exports = Vector;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Matrix',['require','exports','module','./Vector'],function(require, exports, module) {
+    var Vector = require('./Vector');
+
+    /**
+     * A library for using a 3x3 numerical matrix, represented as a two-level array.
+     *
+     * @class Matrix
+     * @constructor
+     *
+     * @param {Array.Array} values array of rows
+     */
+    function Matrix(values) {
+        this.values = values ||
+            [
+                [1,0,0],
+                [0,1,0],
+                [0,0,1]
+            ];
+
+        return this;
+    }
+
+    var _register = new Matrix();
+    var _vectorRegister = new Vector();
+
+    /**
+     * Return the values in the matrix as an array of numerical row arrays
+     *
+     * @method get
+     *
+     * @return {Array.array} matrix values as array of rows.
+     */
+    Matrix.prototype.get = function get() {
+        return this.values;
+    };
+
+    /**
+     * Set the nested array of rows in the matrix.
+     *
+     * @method set
+     *
+     * @param {Array.array} values matrix values as array of rows.
+     */
+    Matrix.prototype.set = function set(values) {
+        this.values = values;
+    };
+
+    /**
+     * Take this matrix as A, input vector V as a column vector, and return matrix product (A)(V).
+     *   Note: This sets the internal vector register.  Current handles to the vector register
+     *   will see values changed.
+     *
+     * @method vectorMultiply
+     *
+     * @param {Vector} v input vector V
+     * @return {Vector} result of multiplication, as a handle to the internal vector register
+     */
+    Matrix.prototype.vectorMultiply = function vectorMultiply(v) {
+        var M = this.get();
+        var v0 = v.x;
+        var v1 = v.y;
+        var v2 = v.z;
+
+        var M0 = M[0];
+        var M1 = M[1];
+        var M2 = M[2];
+
+        var M00 = M0[0];
+        var M01 = M0[1];
+        var M02 = M0[2];
+        var M10 = M1[0];
+        var M11 = M1[1];
+        var M12 = M1[2];
+        var M20 = M2[0];
+        var M21 = M2[1];
+        var M22 = M2[2];
+
+        return _vectorRegister.setXYZ(
+            M00*v0 + M01*v1 + M02*v2,
+            M10*v0 + M11*v1 + M12*v2,
+            M20*v0 + M21*v1 + M22*v2
+        );
+    };
+
+    /**
+     * Multiply the provided matrix M2 with this matrix.  Result is (this) * (M2).
+     *   Note: This sets the internal matrix register.  Current handles to the register
+     *   will see values changed.
+     *
+     * @method multiply
+     *
+     * @param {Matrix} M2 input matrix to multiply on the right
+     * @return {Matrix} result of multiplication, as a handle to the internal register
+     */
+    Matrix.prototype.multiply = function multiply(M2) {
+        var M1 = this.get();
+        var result = [[]];
+        for (var i = 0; i < 3; i++) {
+            result[i] = [];
+            for (var j = 0; j < 3; j++) {
+                var sum = 0;
+                for (var k = 0; k < 3; k++) {
+                    sum += M1[i][k] * M2[k][j];
+                }
+                result[i][j] = sum;
+            }
+        }
+        return _register.set(result);
+    };
+
+    /**
+     * Creates a Matrix which is the transpose of this matrix.
+     *   Note: This sets the internal matrix register.  Current handles to the register
+     *   will see values changed.
+     *
+     * @method transpose
+     *
+     * @return {Matrix} result of transpose, as a handle to the internal register
+     */
+    Matrix.prototype.transpose = function transpose() {
+        var result = [];
+        var M = this.get();
+        for (var row = 0; row < 3; row++) {
+            for (var col = 0; col < 3; col++) {
+                result[row][col] = M[col][row];
+            }
+        }
+        return _register.set(result);
+    };
+
+    /**
+     * Clones the matrix
+     *
+     * @method clone
+     * @return {Matrix} New copy of the original matrix
+     */
+    Matrix.prototype.clone = function clone() {
+        var values = this.get();
+        var M = [];
+        for (var row = 0; row < 3; row++)
+            M[row] = values[row].slice();
+        return new Matrix(M);
+    };
+
+    module.exports = Matrix;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Quaternion',['require','exports','module','./Matrix'],function(require, exports, module) {
+    var Matrix = require('./Matrix');
+
+    /**
+     * @class Quaternion
+     * @constructor
+     *
+     * @param {Number} w
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} z
+     */
+    function Quaternion(w,x,y,z) {
+        if (arguments.length === 1) this.set(w);
+        else {
+            this.w = (w !== undefined) ? w : 1;  //Angle
+            this.x = (x !== undefined) ? x : 0;  //Axis.x
+            this.y = (y !== undefined) ? y : 0;  //Axis.y
+            this.z = (z !== undefined) ? z : 0;  //Axis.z
+        }
+        return this;
+    }
+
+    var register = new Quaternion(1,0,0,0);
+
+    /**
+     * Doc: TODO
+     * @method add
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.add = function add(q) {
+        return register.setWXYZ(
+            this.w + q.w,
+            this.x + q.x,
+            this.y + q.y,
+            this.z + q.z
+        );
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method sub
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.sub = function sub(q) {
+        return register.setWXYZ(
+            this.w - q.w,
+            this.x - q.x,
+            this.y - q.y,
+            this.z - q.z
+        );
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method scalarDivide
+     * @param {Number} s
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.scalarDivide = function scalarDivide(s) {
+        return this.scalarMultiply(1/s);
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method scalarMultiply
+     * @param {Number} s
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.scalarMultiply = function scalarMultiply(s) {
+        return register.setWXYZ(
+            this.w * s,
+            this.x * s,
+            this.y * s,
+            this.z * s
+        );
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method multiply
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.multiply = function multiply(q) {
+        //left-handed coordinate system multiplication
+        var x1 = this.x;
+        var y1 = this.y;
+        var z1 = this.z;
+        var w1 = this.w;
+        var x2 = q.x;
+        var y2 = q.y;
+        var z2 = q.z;
+        var w2 = q.w || 0;
+
+        return register.setWXYZ(
+            w1*w2 - x1*x2 - y1*y2 - z1*z2,
+            x1*w2 + x2*w1 + y2*z1 - y1*z2,
+            y1*w2 + y2*w1 + x1*z2 - x2*z1,
+            z1*w2 + z2*w1 + x2*y1 - x1*y2
+        );
+    };
+
+    var conj = new Quaternion(1,0,0,0);
+
+    /*
+     * Docs: TODO
+     *
+     * @method rotateVector
+     * @param {Vector} v
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.rotateVector = function rotateVector(v) {
+        conj.set(this.conj());
+        return register.set(this.multiply(v).multiply(conj));
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method inverse
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.inverse = function inverse() {
+        return register.set(this.conj().scalarDivide(this.normSquared()));
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method negate
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.negate = function negate() {
+        return this.scalarMultiply(-1);
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method conj
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.conj = function conj() {
+        return register.setWXYZ(
+             this.w,
+            -this.x,
+            -this.y,
+            -this.z
+        );
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method normalize
+     * @param {Number} length
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.normalize = function normalize(length) {
+        length = (length === undefined) ? 1 : length;
+        return this.scalarDivide(length * this.norm());
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method makeFromAngleAndAxis
+     * @param {Number} angle
+     * @param {Vector} v
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.makeFromAngleAndAxis = function makeFromAngleAndAxis(angle, v) {
+        //left handed quaternion creation: theta -> -theta
+        var n  = v.normalize();
+        var ha = angle*0.5;
+        var s  = -Math.sin(ha);
+        this.x = s*n.x;
+        this.y = s*n.y;
+        this.z = s*n.z;
+        this.w = Math.cos(ha);
+        return this;
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method setWXYZ
+     * @param {Number} w
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} z
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.setWXYZ = function setWXYZ(w,x,y,z) {
+        register.clear();
+        this.w = w;
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        return this;
+    };
+
+    /*
+     * Docs: TODO
+     *
+     * @method set
+     * @param {Array|Quaternion} v
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.set = function set(v) {
+        if (v instanceof Array) {
+            this.w = v[0];
+            this.x = v[1];
+            this.y = v[2];
+            this.z = v[3];
+        }
+        else {
+            this.w = v.w;
+            this.x = v.x;
+            this.y = v.y;
+            this.z = v.z;
+        }
+        if (this !== register) register.clear();
+        return this;
+    };
+
+    /**
+     * Docs: TODO
+     *
+     * @method put
+     * @param {Quaternion} q
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.put = function put(q) {
+        q.set(register);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method clone
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.clone = function clone() {
+        return new Quaternion(this);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method clear
+     * @return {Quaternion}
+     */
+    Quaternion.prototype.clear = function clear() {
+        this.w = 1;
+        this.x = 0;
+        this.y = 0;
+        this.z = 0;
+        return this;
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method isEqual
+     * @param {Quaternion} q
+     * @return {Boolean}
+     */
+    Quaternion.prototype.isEqual = function isEqual(q) {
+        return q.w === this.w && q.x === this.x && q.y === this.y && q.z === this.z;
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method dot
+     * @param {Quaternion} q
+     * @return {Number}
+     */
+    Quaternion.prototype.dot = function dot(q) {
+        return this.w * q.w + this.x * q.x + this.y * q.y + this.z * q.z;
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method normSquared
+     * @return {Number}
+     */
+    Quaternion.prototype.normSquared = function normSquared() {
+        return this.dot(this);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method norm
+     * @return {Number}
+     */
+    Quaternion.prototype.norm = function norm() {
+        return Math.sqrt(this.normSquared());
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method isZero
+     * @return {Boolean}
+     */
+    Quaternion.prototype.isZero = function isZero() {
+        return !(this.x || this.y || this.z);
+    };
+
+    /**
+     * Doc: TODO
+     *
+     * @method getTransform
+     * @return {Transform}
+     */
+    Quaternion.prototype.getTransform = function getTransform() {
+        var temp = this.normalize(1);
+        var x = temp.x;
+        var y = temp.y;
+        var z = temp.z;
+        var w = temp.w;
+
+        //LHC system flattened to column major = RHC flattened to row major
+        return [
+            1 - 2*y*y - 2*z*z,
+                2*x*y - 2*z*w,
+                2*x*z + 2*y*w,
+            0,
+                2*x*y + 2*z*w,
+            1 - 2*x*x - 2*z*z,
+                2*y*z - 2*x*w,
+            0,
+                2*x*z - 2*y*w,
+                2*y*z + 2*x*w,
+            1 - 2*x*x - 2*y*y,
+            0,
+            0,
+            0,
+            0,
+            1
+        ];
+    };
+
+    var matrixRegister = new Matrix();
+
+    /**
+     * Doc: TODO
+     *
+     * @method getMatrix
+     * @return {Transform}
+     */
+    Quaternion.prototype.getMatrix = function getMatrix() {
+        var temp = this.normalize(1);
+        var x = temp.x;
+        var y = temp.y;
+        var z = temp.z;
+        var w = temp.w;
+
+        //LHC system flattened to row major
+        return matrixRegister.set([
+            [
+                1 - 2*y*y - 2*z*z,
+                    2*x*y + 2*z*w,
+                    2*x*z - 2*y*w
+            ],
+            [
+                    2*x*y - 2*z*w,
+                1 - 2*x*x - 2*z*z,
+                    2*y*z + 2*x*w
+            ],
+            [
+                    2*x*z + 2*y*w,
+                    2*y*z - 2*x*w,
+                1 - 2*x*x - 2*y*y
+            ]
+        ]);
+    };
+
+    var epsilon = 1e-5;
+
+    /**
+     * Doc: TODO
+     *
+     * @method slerp
+     * @param {Quaternion} q
+     * @param {Number} t
+     * @return {Transform}
+     */
+    Quaternion.prototype.slerp = function slerp(q, t) {
+        var omega;
+        var cosomega;
+        var sinomega;
+        var scaleFrom;
+        var scaleTo;
+
+        cosomega = this.dot(q);
+        if ((1.0 - cosomega) > epsilon) {
+            omega       = Math.acos(cosomega);
+            sinomega    = Math.sin(omega);
+            scaleFrom   = Math.sin((1.0 - t) * omega) / sinomega;
+            scaleTo     = Math.sin(t * omega) / sinomega;
+        }
+        else {
+            scaleFrom   = 1.0 - t;
+            scaleTo     = t;
+        }
+        return register.set(this.scalarMultiply(scaleFrom/scaleTo).add(q).multiply(scaleTo));
+    };
+
+    module.exports = Quaternion;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/math/Random',['require','exports','module'],function(require, exports, module) {
+
+    var RAND = Math.random;
+
+    function _randomFloat(min,max) {
+        return min + RAND() * (max - min);
+    }
+
+    function _randomInteger(min,max) {
+        return (min + RAND() * (max - min + 1)) >> 0;
+    }
+
+    /**
+     * Very simple uniform random number generator library wrapping Math.random().
+     *
+     * @class Random
+     * @static
+     */
+    var Random = {};
+
+    /**
+     * Get single random integer between min and max (inclusive), or array
+     *   of size dim if specified.
+     *
+     * @method integer
+     *
+     * @param {Number} min lower bound, default 0
+     * @param {Number} max upper bound, default 1
+     * @param {Number} dim (optional) dimension of output array, if specified
+     * @return {number | array<number>} random integer, or optionally, an array of random integers
+     */
+    Random.integer = function integer(min,max,dim) {
+        min = (min !== undefined) ? min : 0;
+        max = (max !== undefined) ? max : 1;
+        if (dim !== undefined) {
+            var result = [];
+            for (var i = 0; i < dim; i++) result.push(_randomInteger(min,max));
+            return result;
+        }
+        else return _randomInteger(min,max);
+    };
+
+    /**
+     * Get single random float between min and max (inclusive), or array
+     *   of size dim if specified
+     *
+     * @method range
+     *
+     * @param {Number} min lower bound, default 0
+     * @param {Number} max upper bound, default 1
+     * @param {Number} [dim] dimension of output array, if specified
+     * @return {Number} random float, or optionally an array
+     */
+    Random.range = function range(min,max,dim) {
+        min = (min !== undefined) ? min : 0;
+        max = (max !== undefined) ? max : 1;
+        if (dim !== undefined) {
+            var result = [];
+            for (var i = 0; i < dim; i++) result.push(_randomFloat(min,max));
+            return result;
+        }
+        else return _randomFloat(min,max);
+    };
+
+    /**
+     * Return random number among the set {-1 ,1}
+     *
+     * @method sign
+     *
+     * @param {Number} prob probability of returning 1, default 0.5
+     * @return {Number} random sign (-1 or 1)
+     */
+    Random.sign = function sign(prob) {
+        prob = (prob !== undefined) ? prob : 0.5;
+        return (RAND() < prob) ? 1 : -1;
+    };
+
+    /**
+     * Return random boolean value, true or false.
+     *
+     * @method bool
+     *
+     * @param {Number} prob probability of returning true, default 0.5
+     * @return {Boolean} random boolean
+     */
+    Random.bool = function bool(prob) {
+        prob = (prob !== undefined) ? prob : 0.5;
+        return RAND() < prob;
+    };
+
+    module.exports = Random;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/events/EventArbiter',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * A switch which wraps several event destinations and
+     *  redirects received events to at most one of them.
+     *  Setting the 'mode' of the object dictates which one
+     *  of these destinations will receive events.
+     *
+     * @class EventArbiter
+     * @constructor
+     *
+     * @param {Number | string} startMode initial setting of switch,
+     */
+    function EventArbiter(startMode) {
+        this.dispatchers = {};
+        this.currMode = undefined;
+        this.setMode(startMode);
+    }
+
+    /**
+     * Set switch to this mode, passing events to the corresponding
+     *   EventHandler.  If mode has changed, emits 'change' event,
+     *   emits 'unpipe' event to the old mode's handler, and emits 'pipe'
+     *   event to the new mode's handler.
+     *
+     * @method setMode
+     *
+     * @param {string | number} mode indicating which event handler to send to.
+     */
+    EventArbiter.prototype.setMode = function setMode(mode) {
+        if (mode !== this.currMode) {
+            var startMode = this.currMode;
+
+            if (this.dispatchers[this.currMode]) this.dispatchers[this.currMode].trigger('unpipe');
+            this.currMode = mode;
+            if (this.dispatchers[mode]) this.dispatchers[mode].emit('pipe');
+            this.emit('change', {from: startMode, to: mode});
+        }
+    };
+
+    /**
+     * Return the existing EventHandler corresponding to this
+     *   mode, creating one if it doesn't exist.
+     *
+     * @method forMode
+     *
+     * @param {string | number} mode mode to which this eventHandler corresponds
+     *
+     * @return {EventHandler} eventHandler corresponding to this mode
+     */
+    EventArbiter.prototype.forMode = function forMode(mode) {
+        if (!this.dispatchers[mode]) this.dispatchers[mode] = new EventHandler();
+        return this.dispatchers[mode];
+    };
+
+    /**
+     * Trigger an event, sending to currently selected handler, if
+     *   it is listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} eventType event type key (for example, 'click')
+     * @param {Object} event event data
+     * @return {EventHandler} this
+     */
+    EventArbiter.prototype.emit = function emit(eventType, event) {
+        if (this.currMode === undefined) return false;
+        if (!event) event = {};
+        var dispatcher = this.dispatchers[this.currMode];
+        if (dispatcher) return dispatcher.trigger(eventType, event);
+    };
+
+    module.exports = EventArbiter;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/events/EventFilter',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * EventFilter regulates the broadcasting of events based on
+     *  a specified condition function of standard event type: function(type, data).
+     *
+     * @class EventFilter
+     * @constructor
+     *
+     * @param {function} condition function to determine whether or not
+     *    events are emitted.
+     */
+    function EventFilter(condition) {
+        EventHandler.call(this);
+        this._condition = condition;
+    }
+    EventFilter.prototype = Object.create(EventHandler.prototype);
+    EventFilter.prototype.constructor = EventFilter;
+
+    /**
+     * If filter condition is met, trigger an event, sending to all downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} data event data
+     * @return {EventHandler} this
+     */
+    EventFilter.prototype.emit = function emit(type, data) {
+        if (this._condition(type, data))
+            return EventHandler.prototype.emit.apply(this, arguments);
+    };
+
+    /**
+     * An alias of emit. Trigger determines whether to send
+     *  events based on the return value of it's condition function
+     *  when passed the event type and associated data.
+     *
+     * @method trigger
+     * @param {string} type name of the event
+     * @param {object} data associated data
+     */
+    EventFilter.prototype.trigger = EventFilter.prototype.emit;
+
+    module.exports = EventFilter;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/events/EventMapper',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * EventMapper routes events to various event destinations
+     *  based on custom logic.  The function signature is arbitrary.
+     *
+     * @class EventMapper
+     * @constructor
+     *
+     * @param {function} mappingFunction function to determine where
+     *  events are routed to.
+     */
+    function EventMapper(mappingFunction) {
+        EventHandler.call(this);
+        this._mappingFunction = mappingFunction;
+    }
+    EventMapper.prototype = Object.create(EventHandler.prototype);
+    EventMapper.prototype.constructor = EventMapper;
+
+    EventMapper.prototype.subscribe = null;
+    EventMapper.prototype.unsubscribe = null;
+
+    /**
+     * Trigger an event, sending to all mapped downstream handlers
+     *   listening for provided 'type' key.
+     *
+     * @method emit
+     *
+     * @param {string} type event type key (for example, 'click')
+     * @param {Object} data event data
+     * @return {EventHandler} this
+     */
+    EventMapper.prototype.emit = function emit(type, data) {
+        var target = this._mappingFunction.apply(this, arguments);
+        if (target && (target.emit instanceof Function)) target.emit(type, data);
+    };
+
+    /**
+     * Alias of emit.
+     * @method trigger
+     */
+    EventMapper.prototype.trigger = EventMapper.prototype.emit;
+
+    module.exports = EventMapper;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+define('famous/physics/PhysicsEngine',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * The Physics Engine is responsible for mediating Bodies and their
+     * interaction with forces and constraints. The Physics Engine handles the
+     * logic of adding and removing bodies, updating their state of the over
+     * time.
+     *
+     * @class PhysicsEngine
+     * @constructor
+     * @param options {Object} options
+     */
+    function PhysicsEngine(options) {
+        this.options = Object.create(PhysicsEngine.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._particles      = [];   //list of managed particles
+        this._bodies         = [];   //list of managed bodies
+        this._agents         = {};   //hash of managed agents
+        this._forces         = [];   //list of IDs of agents that are forces
+        this._constraints    = [];   //list of IDs of agents that are constraints
+
+        this._buffer         = 0.0;
+        this._prevTime       = now();
+        this._isSleeping     = false;
+        this._eventHandler   = null;
+        this._currAgentId    = 0;
+        this._hasBodies      = false;
+    }
+
+    var TIMESTEP = 17;
+    var MIN_TIME_STEP = 1000 / 120;
+    var MAX_TIME_STEP = 17;
+
+    /**
+     * @property PhysicsEngine.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    PhysicsEngine.DEFAULT_OPTIONS = {
+
+        /**
+         * The number of iterations the engine takes to resolve constraints
+         * @attribute constraintSteps
+         * @type Number
+         */
+        constraintSteps : 1,
+
+        /**
+         * The energy threshold before the Engine stops updating
+         * @attribute sleepTolerance
+         * @type Number
+         */
+        sleepTolerance  : 1e-7
+    };
+
+    var now = (function() {
+        return Date.now;
+    })();
+
+    /**
+     * Options setter
+     * @method setOptions
+     * @param options {Object}
+     */
+    PhysicsEngine.prototype.setOptions = function setOptions(opts) {
+        for (var key in opts) if (this.options[key]) this.options[key] = opts[key];
+    };
+
+    /**
+     * Method to add a physics body to the engine. Necessary to update the
+     * body over time.
+     *
+     * @method addBody
+     * @param body {Body}
+     * @return body {Body}
+     */
+    PhysicsEngine.prototype.addBody = function addBody(body) {
+        body._engine = this;
+        if (body.isBody) {
+            this._bodies.push(body);
+            this._hasBodies = true;
+        }
+        else this._particles.push(body);
+        return body;
+    };
+
+    /**
+     * Remove a body from the engine. Detaches body from all forces and
+     * constraints.
+     *
+     * @method removeBody
+     * @param body {Body}
+     */
+    PhysicsEngine.prototype.removeBody = function removeBody(body) {
+        var array = (body.isBody) ? this._bodies : this._particles;
+        var index = array.indexOf(body);
+        if (index > -1) {
+            for (var i = 0; i < Object.keys(this._agents).length; i++) this.detachFrom(i, body);
+            array.splice(index,1);
+        }
+        if (this.getBodies().length === 0) this._hasBodies = false;
+    };
+
+    function _mapAgentArray(agent) {
+        if (agent.applyForce)      return this._forces;
+        if (agent.applyConstraint) return this._constraints;
+    }
+
+    function _attachOne(agent, targets, source) {
+        if (targets === undefined) targets = this.getParticlesAndBodies();
+        if (!(targets instanceof Array)) targets = [targets];
+
+        this._agents[this._currAgentId] = {
+            agent   : agent,
+            targets : targets,
+            source  : source
+        };
+
+        _mapAgentArray.call(this, agent).push(this._currAgentId);
+        return this._currAgentId++;
+    }
+
+    /**
+     * Attaches a force or constraint to a Body. Returns an AgentId of the
+     * attached agent which can be used to detach the agent.
+     *
+     * @method attach
+     * @param agent {Agent|Array.Agent} A force, constraint, or array of them.
+     * @param [targets=All] {Body|Array.Body} The Body or Bodies affected by the agent
+     * @param [source] {Body} The source of the agent
+     * @return AgentId {Number}
+     */
+    PhysicsEngine.prototype.attach = function attach(agents, targets, source) {
+        if (agents instanceof Array) {
+            var agentIDs = [];
+            for (var i = 0; i < agents.length; i++)
+                agentIDs[i] = _attachOne.call(this, agents[i], targets, source);
+            return agentIDs;
+        }
+        else return _attachOne.call(this, agents, targets, source);
+    };
+
+    /**
+     * Append a body to the targets of a previously defined physics agent.
+     *
+     * @method attachTo
+     * @param agentID {AgentId} The agentId of a previously defined agent
+     * @param target {Body} The Body affected by the agent
+     */
+    PhysicsEngine.prototype.attachTo = function attachTo(agentID, target) {
+        _getBoundAgent.call(this, agentID).targets.push(target);
+    };
+
+    /**
+     * Undoes PhysicsEngine.attach. Removes an agent and its associated
+     * effect on its affected Bodies.
+     *
+     * @method detach
+     * @param agentID {AgentId} The agentId of a previously defined agent
+     */
+    PhysicsEngine.prototype.detach = function detach(id) {
+        // detach from forces/constraints array
+        var agent = this.getAgent(id);
+        var agentArray = _mapAgentArray.call(this, agent);
+        var index = agentArray.indexOf(id);
+        agentArray.splice(index,1);
+
+        // detach agents array
+        delete this._agents[id];
+    };
+
+    /**
+     * Remove a single Body from a previously defined agent.
+     *
+     * @method detach
+     * @param agentID {AgentId} The agentId of a previously defined agent
+     * @param target {Body} The body to remove from the agent
+     */
+    PhysicsEngine.prototype.detachFrom = function detachFrom(id, target) {
+        var boundAgent = _getBoundAgent.call(this, id);
+        if (boundAgent.source === target) this.detach(id);
+        else {
+            var targets = boundAgent.targets;
+            var index = targets.indexOf(target);
+            if (index > -1) targets.splice(index,1);
+        }
+    };
+
+    /**
+     * A convenience method to give the Physics Engine a clean slate of
+     * agents. Preserves all added Body objects.
+     *
+     * @method detachAll
+     */
+    PhysicsEngine.prototype.detachAll = function detachAll() {
+        this._agents        = {};
+        this._forces        = [];
+        this._constraints   = [];
+        this._currAgentId   = 0;
+    };
+
+    function _getBoundAgent(id) {
+        return this._agents[id];
+    }
+
+    /**
+     * Returns the corresponding agent given its agentId.
+     *
+     * @method getAgent
+     * @param id {AgentId}
+     */
+    PhysicsEngine.prototype.getAgent = function getAgent(id) {
+        return _getBoundAgent.call(this, id).agent;
+    };
+
+    /**
+     * Returns all particles that are currently managed by the Physics Engine.
+     *
+     * @method getParticles
+     * @return particles {Array.Particles}
+     */
+    PhysicsEngine.prototype.getParticles = function getParticles() {
+        return this._particles;
+    };
+
+    /**
+     * Returns all bodies, except particles, that are currently managed by the Physics Engine.
+     *
+     * @method getBodies
+     * @return bodies {Array.Bodies}
+     */
+    PhysicsEngine.prototype.getBodies = function getBodies() {
+        return this._bodies;
+    };
+
+    /**
+     * Returns all bodies that are currently managed by the Physics Engine.
+     *
+     * @method getBodies
+     * @return bodies {Array.Bodies}
+     */
+    PhysicsEngine.prototype.getParticlesAndBodies = function getParticlesAndBodies() {
+        return this.getParticles().concat(this.getBodies());
+    };
+
+    /**
+     * Iterates over every Particle and applies a function whose first
+     * argument is the Particle
+     *
+     * @method forEachParticle
+     * @param fn {Function} Function to iterate over
+     * @param [dt] {Number} Delta time
+     */
+    PhysicsEngine.prototype.forEachParticle = function forEachParticle(fn, dt) {
+        var particles = this.getParticles();
+        for (var index = 0, len = particles.length; index < len; index++)
+            fn.call(this, particles[index], dt);
+    };
+
+    /**
+     * Iterates over every Body that isn't a Particle and applies
+     * a function whose first argument is the Body
+     *
+     * @method forEachBody
+     * @param fn {Function} Function to iterate over
+     * @param [dt] {Number} Delta time
+     */
+    PhysicsEngine.prototype.forEachBody = function forEachBody(fn, dt) {
+        if (!this._hasBodies) return;
+        var bodies = this.getBodies();
+        for (var index = 0, len = bodies.length; index < len; index++)
+            fn.call(this, bodies[index], dt);
+    };
+
+    /**
+     * Iterates over every Body and applies a function whose first
+     * argument is the Body
+     *
+     * @method forEach
+     * @param fn {Function} Function to iterate over
+     * @param [dt] {Number} Delta time
+     */
+    PhysicsEngine.prototype.forEach = function forEach(fn, dt) {
+        this.forEachParticle(fn, dt);
+        this.forEachBody(fn, dt);
+    };
+
+    function _updateForce(index) {
+        var boundAgent = _getBoundAgent.call(this, this._forces[index]);
+        boundAgent.agent.applyForce(boundAgent.targets, boundAgent.source);
+    }
+
+    function _updateForces() {
+        for (var index = this._forces.length - 1; index > -1; index--)
+            _updateForce.call(this, index);
+    }
+
+    function _updateConstraint(index, dt) {
+        var boundAgent = this._agents[this._constraints[index]];
+        return boundAgent.agent.applyConstraint(boundAgent.targets, boundAgent.source, dt);
+    }
+
+    function _updateConstraints(dt) {
+        var iteration = 0;
+        while (iteration < this.options.constraintSteps) {
+            for (var index = this._constraints.length - 1; index > -1; index--)
+                _updateConstraint.call(this, index, dt);
+            iteration++;
+        }
+    }
+
+    function _updateVelocities(particle, dt) {
+        particle.integrateVelocity(dt);
+    }
+
+    function _updateAngularVelocities(body, dt) {
+        body.integrateAngularMomentum(dt);
+        body.updateAngularVelocity();
+    }
+
+    function _updateOrientations(body, dt) {
+        body.integrateOrientation(dt);
+    }
+
+    function _updatePositions(particle, dt) {
+        particle.integratePosition(dt);
+        particle.emit('update', particle);
+    }
+
+    function _integrate(dt) {
+        _updateForces.call(this, dt);
+        this.forEach(_updateVelocities, dt);
+        this.forEachBody(_updateAngularVelocities, dt);
+        _updateConstraints.call(this, dt);
+        this.forEachBody(_updateOrientations, dt);
+        this.forEach(_updatePositions, dt);
+    }
+
+    function _getEnergyParticles() {
+        var energy = 0.0;
+        var particleEnergy = 0.0;
+        this.forEach(function(particle) {
+            particleEnergy = particle.getEnergy();
+            energy += particleEnergy;
+            if (particleEnergy < particle.sleepTolerance) particle.sleep();
+        });
+        return energy;
+    }
+
+    function _getEnergyForces() {
+        var energy = 0;
+        for (var index = this._forces.length - 1; index > -1; index--)
+            energy += this._forces[index].getEnergy() || 0.0;
+        return energy;
+    }
+
+    function _getEnergyConstraints() {
+        var energy = 0;
+        for (var index = this._constraints.length - 1; index > -1; index--)
+            energy += this._constraints[index].getEnergy() || 0.0;
+        return energy;
+    }
+
+    /**
+     * Calculates the kinetic energy of all Body objects and potential energy
+     * of all attached agents.
+     *
+     * TODO: implement.
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    PhysicsEngine.prototype.getEnergy = function getEnergy() {
+        return _getEnergyParticles.call(this) + _getEnergyForces.call(this) + _getEnergyConstraints.call(this);
+    };
+
+    /**
+     * Updates all Body objects managed by the physics engine over the
+     * time duration since the last time step was called.
+     *
+     * @method step
+     */
+    PhysicsEngine.prototype.step = function step() {
+//        if (this.getEnergy() < this.options.sleepTolerance) {
+//            this.sleep();
+//            return;
+//        };
+
+        //set current frame's time
+        var currTime = now();
+
+        //milliseconds elapsed since last frame
+        var dtFrame = currTime - this._prevTime;
+
+        this._prevTime = currTime;
+
+        if (dtFrame < MIN_TIME_STEP) return;
+        if (dtFrame > MAX_TIME_STEP) dtFrame = MAX_TIME_STEP;
+
+        //robust integration
+//        this._buffer += dtFrame;
+//        while (this._buffer > this._timestep){
+//            _integrate.call(this, this._timestep);
+//            this._buffer -= this._timestep;
+//        };
+//        _integrate.call(this, this._buffer);
+//        this._buffer = 0.0;
+        _integrate.call(this, TIMESTEP);
+
+//        this.emit('update', this);
+    };
+
+    /**
+     * Tells whether the Physics Engine is sleeping or awake.
+     * @method isSleeping
+     * @return {Boolean}
+     */
+    PhysicsEngine.prototype.isSleeping = function isSleeping() {
+        return this._isSleeping;
+    };
+
+    /**
+     * Stops the Physics Engine from updating. Emits an 'end' event.
+     * @method sleep
+     */
+    PhysicsEngine.prototype.sleep = function sleep() {
+        this.emit('end', this);
+        this._isSleeping = true;
+    };
+
+    /**
+     * Starts the Physics Engine from updating. Emits an 'start' event.
+     * @method wake
+     */
+    PhysicsEngine.prototype.wake = function wake() {
+        this._prevTime = now();
+        this.emit('start', this);
+        this._isSleeping = false;
+    };
+
+    PhysicsEngine.prototype.emit = function emit(type, data) {
+        if (this._eventHandler === null) return;
+        this._eventHandler.emit(type, data);
+    };
+
+    PhysicsEngine.prototype.on = function on(event, fn) {
+        if (this._eventHandler === null) this._eventHandler = new EventHandler();
+        this._eventHandler.on(event, fn);
+    };
+
+    module.exports = PhysicsEngine;
+});
+
+define('famous/inputs/Accumulator',['require','exports','module','famous/core/EventHandler','famous/transitions/Transitionable'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+    var Transitionable = require('famous/transitions/Transitionable');
+
+    /**
+     * Accumulates differentials of event sources that emit a `delta`
+     *  attribute taking a Number or Array of Number types. The accumulated
+     *  value is stored in a getter/setter.
+     *
+     * @class Accumulator
+     * @constructor
+     * @param value {Number|Array|Transitionable}   Initializing value
+     * @param [eventName='update'] {String}         Name of update event
+     */
+    function Accumulator(value, eventName) {
+        if (eventName === undefined) eventName = 'update';
+
+        this._state = (value && value.get && value.set)
+            ? value
+            : new Transitionable(value || 0);
+
+        this._eventInput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+
+        this._eventInput.on(eventName, _handleUpdate.bind(this));
+    }
+
+    function _handleUpdate(data) {
+        var delta = data.delta;
+        var state = this.get();
+
+        if (delta.constructor === state.constructor){
+            var newState = (delta instanceof Array)
+                ? [state[0] + delta[0], state[1] + delta[1]]
+                : state + delta;
+            this.set(newState);
+        }
+    }
+
+    /**
+     * Basic getter
+     *
+     * @method get
+     * @return {Number|Array} current value
+     */
+    Accumulator.prototype.get = function get() {
+        return this._state.get();
+    };
+
+    /**
+     * Basic setter
+     *
+     * @method set
+     * @param value {Number|Array} new value
+     */
+    Accumulator.prototype.set = function set(value) {
+        this._state.set(value);
+    };
+
+    module.exports = Accumulator;
+});
+
+define('famous/inputs/DesktopEmulationMode',['require','exports','module'],function(require, exports, module) {
+    var hasTouch = 'ontouchstart' in window;
+
+    function kill(type) {
+        window.addEventListener(type, function(event) {
+            event.stopPropagation();
+            return false;
+        }, true);
+    }
+
+    if (hasTouch) {
+        kill('mousedown');
+        kill('mousemove');
+        kill('mouseup');
+        kill('mouseleave');
+    }
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/FastClick',['require','exports','module'],function(require, exports, module) {
+    /**
+     * FastClick is an override shim which maps event pairs of
+     *   'touchstart' and 'touchend' which differ by less than a certain
+     *   threshold to the 'click' event.
+     *   This is used to speed up clicks on some browsers.
+     */
+    if (!window.CustomEvent) return;
+    var clickThreshold = 300;
+    var clickWindow = 500;
+    var potentialClicks = {};
+    var recentlyDispatched = {};
+    var _now = Date.now;
+
+    window.addEventListener('touchstart', function(event) {
+        var timestamp = _now();
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            potentialClicks[touch.identifier] = timestamp;
+        }
+    });
+
+    window.addEventListener('touchmove', function(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            delete potentialClicks[touch.identifier];
+        }
+    });
+
+    window.addEventListener('touchend', function(event) {
+        var currTime = _now();
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            var startTime = potentialClicks[touch.identifier];
+            if (startTime && currTime - startTime < clickThreshold) {
+                var clickEvt = new window.CustomEvent('click', {
+                    'bubbles': true,
+                    'details': touch
+                });
+                recentlyDispatched[currTime] = event;
+                event.target.dispatchEvent(clickEvt);
+            }
+            delete potentialClicks[touch.identifier];
+        }
+    });
+
+    window.addEventListener('click', function(event) {
+        var currTime = _now();
+        for (var i in recentlyDispatched) {
+            var previousEvent = recentlyDispatched[i];
+            if (currTime - i < clickWindow) {
+                if (event instanceof window.MouseEvent && event.target === previousEvent.target) event.stopPropagation();
+            }
+            else delete recentlyDispatched[i];
+        }
+    }, true);
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/TwoFingerSync',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Helper to PinchSync, RotateSync, and ScaleSync.  Generalized handling of
+     *   two-finger touch events.
+     *   This class is meant to be overridden and not used directly.
+     *
+     * @class TwoFingerSync
+     * @constructor
+     */
+    function TwoFingerSync() {
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this.touchAEnabled = false;
+        this.touchAId = 0;
+        this.posA = null;
+        this.timestampA = 0;
+        this.touchBEnabled = false;
+        this.touchBId = 0;
+        this.posB = null;
+        this.timestampB = 0;
+
+        this._eventInput.on('touchstart', this.handleStart.bind(this));
+        this._eventInput.on('touchmove', this.handleMove.bind(this));
+        this._eventInput.on('touchend', this.handleEnd.bind(this));
+        this._eventInput.on('touchcancel', this.handleEnd.bind(this));
+    }
+
+    TwoFingerSync.calculateAngle = function(posA, posB) {
+        var diffX = posB[0] - posA[0];
+        var diffY = posB[1] - posA[1];
+        return Math.atan2(diffY, diffX);
+    };
+
+    TwoFingerSync.calculateDistance = function(posA, posB) {
+        var diffX = posB[0] - posA[0];
+        var diffY = posB[1] - posA[1];
+        return Math.sqrt(diffX * diffX + diffY * diffY);
+    };
+
+    TwoFingerSync.calculateCenter = function(posA, posB) {
+        return [(posA[0] + posB[0]) / 2.0, (posA[1] + posB[1]) / 2.0];
+    };
+
+    var _now = Date.now;
+
+    // private
+    TwoFingerSync.prototype.handleStart = function handleStart(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            if (!this.touchAEnabled) {
+                this.touchAId = touch.identifier;
+                this.touchAEnabled = true;
+                this.posA = [touch.pageX, touch.pageY];
+                this.timestampA = _now();
+            }
+            else if (!this.touchBEnabled) {
+                this.touchBId = touch.identifier;
+                this.touchBEnabled = true;
+                this.posB = [touch.pageX, touch.pageY];
+                this.timestampB = _now();
+                this._startUpdate(event);
+            }
+        }
+    };
+
+    // private
+    TwoFingerSync.prototype.handleMove = function handleMove(event) {
+        if (!(this.touchAEnabled && this.touchBEnabled)) return;
+        var prevTimeA = this.timestampA;
+        var prevTimeB = this.timestampB;
+        var diffTime;
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            if (touch.identifier === this.touchAId) {
+                this.posA = [touch.pageX, touch.pageY];
+                this.timestampA = _now();
+                diffTime = this.timestampA - prevTimeA;
+            }
+            else if (touch.identifier === this.touchBId) {
+                this.posB = [touch.pageX, touch.pageY];
+                this.timestampB = _now();
+                diffTime = this.timestampB - prevTimeB;
+            }
+        }
+        if (diffTime) this._moveUpdate(diffTime);
+    };
+
+    // private
+    TwoFingerSync.prototype.handleEnd = function handleEnd(event) {
+        for (var i = 0; i < event.changedTouches.length; i++) {
+            var touch = event.changedTouches[i];
+            if (touch.identifier === this.touchAId || touch.identifier === this.touchBId) {
+                if (this.touchAEnabled && this.touchBEnabled) {
+                    this._eventOutput.emit('end', {
+                        touches : [this.touchAId, this.touchBId],
+                        angle   : this._angle
+                    });
+                }
+                this.touchAEnabled = false;
+                this.touchAId = 0;
+                this.touchBEnabled = false;
+                this.touchBId = 0;
+            }
+        }
+    };
+
+    module.exports = TwoFingerSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/PinchSync',['require','exports','module','./TwoFingerSync'],function(require, exports, module) {
+    var TwoFingerSync = require('./TwoFingerSync');
+
+    /**
+     * Handles piped in two-finger touch events to change position via pinching / expanding.
+     *   Emits 'start', 'update' and 'end' events with
+     *   position, velocity, touch ids, and distance between fingers.
+     *
+     * @class PinchSync
+     * @extends TwoFingerSync
+     * @constructor
+     * @param {Object} options default options overrides
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    function PinchSync(options) {
+        TwoFingerSync.call(this);
+
+        this.options = Object.create(PinchSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._displacement = 0;
+        this._previousDistance = 0;
+    }
+
+    PinchSync.prototype = Object.create(TwoFingerSync.prototype);
+    PinchSync.prototype.constructor = PinchSync;
+
+    PinchSync.DEFAULT_OPTIONS = {
+        scale : 1
+    };
+
+    PinchSync.prototype._startUpdate = function _startUpdate(event) {
+        this._previousDistance = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        this._displacement = 0;
+
+        this._eventOutput.emit('start', {
+            count: event.touches.length,
+            touches: [this.touchAId, this.touchBId],
+            distance: this._dist,
+            center: TwoFingerSync.calculateCenter(this.posA, this.posB)
+        });
+    };
+
+    PinchSync.prototype._moveUpdate = function _moveUpdate(diffTime) {
+        var currDist = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+
+        var scale = this.options.scale;
+        var delta = scale * (currDist - this._previousDistance);
+        var velocity = delta / diffTime;
+
+        this._previousDistance = currDist;
+        this._displacement += delta;
+
+        this._eventOutput.emit('update', {
+            delta : delta,
+            velocity: velocity,
+            distance: currDist,
+            displacement: this._displacement,
+            center: center,
+            touches: [this.touchAId, this.touchBId]
+        });
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    PinchSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    PinchSync.prototype.setOptions = function setOptions(options) {
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    module.exports = PinchSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/RotateSync',['require','exports','module','./TwoFingerSync'],function(require, exports, module) {
+    var TwoFingerSync = require('./TwoFingerSync');
+
+    /**
+     * Handles piped in two-finger touch events to increase or decrease scale via pinching / expanding.
+     *   Emits 'start', 'update' and 'end' events an object with position, velocity, touch ids, and angle.
+     *   Useful for determining a rotation factor from initial two-finger touch.
+     *
+     * @class RotateSync
+     * @extends TwoFingerSync
+     * @constructor
+     * @param {Object} options default options overrides
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    function RotateSync(options) {
+        TwoFingerSync.call(this);
+
+        this.options = Object.create(RotateSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._angle = 0;
+        this._previousAngle = 0;
+    }
+
+    RotateSync.prototype = Object.create(TwoFingerSync.prototype);
+    RotateSync.prototype.constructor = RotateSync;
+
+    RotateSync.DEFAULT_OPTIONS = {
+        scale : 1
+    };
+
+    RotateSync.prototype._startUpdate = function _startUpdate(event) {
+        this._angle = 0;
+        this._previousAngle = TwoFingerSync.calculateAngle(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+        this._eventOutput.emit('start', {
+            count: event.touches.length,
+            angle: this._angle,
+            center: center,
+            touches: [this.touchAId, this.touchBId]
+        });
+    };
+
+    RotateSync.prototype._moveUpdate = function _moveUpdate(diffTime) {
+        var scale = this.options.scale;
+
+        var currAngle = TwoFingerSync.calculateAngle(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+
+        var diffTheta = scale * (currAngle - this._previousAngle);
+        var velTheta = diffTheta / diffTime;
+
+        this._angle += diffTheta;
+
+        this._eventOutput.emit('update', {
+            delta : diffTheta,
+            velocity: velTheta,
+            angle: this._angle,
+            center: center,
+            touches: [this.touchAId, this.touchBId]
+        });
+
+        this._previousAngle = currAngle;
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    RotateSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    RotateSync.prototype.setOptions = function setOptions(options) {
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    module.exports = RotateSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/ScaleSync',['require','exports','module','./TwoFingerSync'],function(require, exports, module) {
+    var TwoFingerSync = require('./TwoFingerSync');
+
+    /**
+     * Handles piped in two-finger touch events to increase or decrease scale via pinching / expanding.
+     *   Emits 'start', 'update' and 'end' events an object with position, velocity, touch ids, distance, and scale factor.
+     *   Useful for determining a scaling factor from initial two-finger touch.
+     *
+     * @class ScaleSync
+     * @extends TwoFingerSync
+     * @constructor
+     * @param {Object} options default options overrides
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    function ScaleSync(options) {
+        TwoFingerSync.call(this);
+
+        this.options = Object.create(ScaleSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._scaleFactor = 1;
+        this._startDist = 0;
+        this._eventInput.on('pipe', _reset.bind(this));
+    }
+
+    ScaleSync.prototype = Object.create(TwoFingerSync.prototype);
+    ScaleSync.prototype.constructor = ScaleSync;
+
+    ScaleSync.DEFAULT_OPTIONS = {
+        scale : 1
+    };
+
+    function _reset() {
+        this.touchAId = undefined;
+        this.touchBId = undefined;
+    }
+
+    // handles initial touch of two fingers
+    ScaleSync.prototype._startUpdate = function _startUpdate(event) {
+        this._scaleFactor = 1;
+        this._startDist = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        this._eventOutput.emit('start', {
+            count: event.touches.length,
+            touches: [this.touchAId, this.touchBId],
+            distance: this._startDist,
+            center: TwoFingerSync.calculateCenter(this.posA, this.posB)
+        });
+    };
+
+    // handles movement of two fingers
+    ScaleSync.prototype._moveUpdate = function _moveUpdate(diffTime) {
+        var scale = this.options.scale;
+
+        var currDist = TwoFingerSync.calculateDistance(this.posA, this.posB);
+        var center = TwoFingerSync.calculateCenter(this.posA, this.posB);
+
+        var delta = (currDist - this._startDist) / this._startDist;
+        var newScaleFactor = Math.max(1 + scale * delta, 0);
+        var veloScale = (newScaleFactor - this._scaleFactor) / diffTime;
+
+        this._eventOutput.emit('update', {
+            delta : delta,
+            scale: newScaleFactor,
+            velocity: veloScale,
+            distance: currDist,
+            center : center,
+            touches: [this.touchAId, this.touchBId]
+        });
+
+        this._scaleFactor = newScaleFactor;
+    };
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    ScaleSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.scale] scale velocity by this factor
+     */
+    ScaleSync.prototype.setOptions = function setOptions(options) {
+        if (options.scale !== undefined) this.options.scale = options.scale;
+    };
+
+    module.exports = ScaleSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/inputs/ScrollSync',['require','exports','module','famous/core/EventHandler','famous/core/Engine'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+    var Engine = require('famous/core/Engine');
+
+    /**
+     * Handles piped in mousewheel events.
+     *   Emits 'start', 'update', and 'end' events with payloads including:
+     *   delta: change since last position,
+     *   position: accumulated deltas,
+     *   velocity: speed of change in pixels per ms,
+     *   slip: true (unused).
+     *
+     *   Can be used as delegate of GenericSync.
+     *
+     * @class ScrollSync
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.direction] Pay attention to x changes (ScrollSync.DIRECTION_X),
+     *   y changes (ScrollSync.DIRECTION_Y) or both (undefined)
+     * @param {Number} [options.minimumEndSpeed] End speed calculation floors at this number, in pixels per ms
+     * @param {boolean} [options.rails] whether to snap position calculations to nearest axis
+     * @param {Number | Array.Number} [options.scale] scale outputs in by scalar or pair of scalars
+     * @param {Number} [options.stallTime] reset time for velocity calculation in ms
+     */
+    function ScrollSync(options) {
+        this.options = Object.create(ScrollSync.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this._payload = {
+            delta    : null,
+            position : null,
+            velocity : null,
+            slip     : true
+        };
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._position = (this.options.direction === undefined) ? [0,0] : 0;
+        this._prevTime = undefined;
+        this._prevVel = undefined;
+        this._eventInput.on('mousewheel', _handleMove.bind(this));
+        this._eventInput.on('wheel', _handleMove.bind(this));
+        this._inProgress = false;
+        this._loopBound = false;
+    }
+
+    ScrollSync.DEFAULT_OPTIONS = {
+        direction: undefined,
+        minimumEndSpeed: Infinity,
+        rails: false,
+        scale: 1,
+        stallTime: 50,
+        lineHeight: 40
+    };
+
+    ScrollSync.DIRECTION_X = 0;
+    ScrollSync.DIRECTION_Y = 1;
+
+    var MINIMUM_TICK_TIME = 8;
+
+    var _now = Date.now;
+
+    function _newFrame() {
+        if (this._inProgress && (_now() - this._prevTime) > this.options.stallTime) {
+            this._position = (this.options.direction === undefined) ? [0,0] : 0;
+            this._inProgress = false;
+
+            var finalVel = (Math.abs(this._prevVel) >= this.options.minimumEndSpeed)
+                ? this._prevVel
+                : 0;
+
+            var payload = this._payload;
+            payload.position = this._position;
+            payload.velocity = finalVel;
+            payload.slip = true;
+
+            this._eventOutput.emit('end', payload);
+        }
+    }
+
+    function _handleMove(event) {
+        event.preventDefault();
+
+        if (!this._inProgress) {
+            this._inProgress = true;
+
+            payload = this._payload;
+            payload.slip = true;
+            payload.position = this._position;
+            payload.clientX = event.clientX;
+            payload.clientY = event.clientY;
+            payload.offsetX = event.offsetX;
+            payload.offsetY = event.offsetY;
+            this._eventOutput.emit('start', payload);
+            if (!this._loopBound) {
+                Engine.on('prerender', _newFrame.bind(this));
+                this._loopBound = true;
+            }
+        }
+
+        var currTime = _now();
+        var prevTime = this._prevTime || currTime;
+
+        var diffX = (event.wheelDeltaX !== undefined) ? event.wheelDeltaX : -event.deltaX;
+        var diffY = (event.wheelDeltaY !== undefined) ? event.wheelDeltaY : -event.deltaY;
+
+        if (event.deltaMode === 1) { // units in lines, not pixels
+            diffX *= this.options.lineHeight;
+            diffY *= this.options.lineHeight;
+        }
+
+        if (this.options.rails) {
+            if (Math.abs(diffX) > Math.abs(diffY)) diffY = 0;
+            else diffX = 0;
+        }
+
+        var diffTime = Math.max(currTime - prevTime, MINIMUM_TICK_TIME); // minimum tick time
+
+        var velX = diffX / diffTime;
+        var velY = diffY / diffTime;
+
+        var scale = this.options.scale;
+        var nextVel;
+        var nextDelta;
+
+        if (this.options.direction === ScrollSync.DIRECTION_X) {
+            nextDelta = scale * diffX;
+            nextVel = scale * velX;
+            this._position += nextDelta;
+        }
+        else if (this.options.direction === ScrollSync.DIRECTION_Y) {
+            nextDelta = scale * diffY;
+            nextVel = scale * velY;
+            this._position += nextDelta;
+        }
+        else {
+            nextDelta = [scale * diffX, scale * diffY];
+            nextVel = [scale * velX, scale * velY];
+            this._position[0] += nextDelta[0];
+            this._position[1] += nextDelta[1];
+        }
+
+        var payload = this._payload;
+        payload.delta    = nextDelta;
+        payload.velocity = nextVel;
+        payload.position = this._position;
+        payload.slip     = true;
+
+        this._eventOutput.emit('update', payload);
+
+        this._prevTime = currTime;
+        this._prevVel = nextVel;
+    }
+
+    /**
+     * Return entire options dictionary, including defaults.
+     *
+     * @method getOptions
+     * @return {Object} configuration options
+     */
+    ScrollSync.prototype.getOptions = function getOptions() {
+        return this.options;
+    };
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Number} [options.minimimEndSpeed] If final velocity smaller than this, round down to 0.
+     * @param {Number} [options.stallTime] ms of non-motion before 'end' emitted
+     * @param {Number} [options.rails] whether to constrain to nearest axis.
+     * @param {Number} [options.direction] ScrollSync.DIRECTION_X, DIRECTION_Y -
+     *    pay attention to one specific direction.
+     * @param {Number} [options.scale] constant factor to scale velocity output
+     */
+    ScrollSync.prototype.setOptions = function setOptions(options) {
+        if (options.direction !== undefined) this.options.direction = options.direction;
+        if (options.minimumEndSpeed !== undefined) this.options.minimumEndSpeed = options.minimumEndSpeed;
+        if (options.rails !== undefined) this.options.rails = options.rails;
+        if (options.scale !== undefined) this.options.scale = options.scale;
+        if (options.stallTime !== undefined) this.options.stallTime = options.stallTime;
+    };
+
+    module.exports = ScrollSync;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/CachedMap',['require','exports','module'],function(require, exports, module) {
+    /**
+     * A simple in-memory object cache.  Used as a helper for Views with
+     * provider functions.
+     * @class CachedMap
+     * @constructor
+     */
+    function CachedMap(mappingFunction) {
+        this._map = mappingFunction || null;
+        this._cachedOutput = null;
+        this._cachedInput = Number.NaN; //never valid as input
+    }
+
+    /**
+     * Creates a mapping function with a cache.
+     * This is the main entrypoint for this object.
+     * @static
+     * @method create
+     * @param {function} mappingFunction mapping
+     * @return {function} memoized mapping function
+     */
+    CachedMap.create = function create(mappingFunction) {
+        var instance = new CachedMap(mappingFunction);
+        return instance.get.bind(instance);
+    };
+
+    /**
+     * Retrieve items from cache or from mapping functin.
+     *
+     * @method get
+     * @param {Object} input input key
+     */
+    CachedMap.prototype.get = function get(input) {
+        if (input !== this._cachedInput) {
+            this._cachedInput = input;
+            this._cachedOutput = this._map(input);
+        }
+        return this._cachedOutput;
+    };
+
+    module.exports = CachedMap;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/Easing',['require','exports','module'],function(require, exports, module) {
+
+    /*
+     * A library of curves which map an animation explicitly as a function of time.
+     *
+     * @class Easing
+     */
+    var Easing = {
+
+        /**
+         * @property inQuad
+         * @static
+         */
+        inQuad: function(t) {
+            return t*t;
+        },
+
+        /**
+         * @property outQuad
+         * @static
+         */
+        outQuad: function(t) {
+            return -(t-=1)*t+1;
+        },
+
+        /**
+         * @property inOutQuad
+         * @static
+         */
+        inOutQuad: function(t) {
+            if ((t/=.5) < 1) return .5*t*t;
+            return -.5*((--t)*(t-2) - 1);
+        },
+
+        /**
+         * @property inCubic
+         * @static
+         */
+        inCubic: function(t) {
+            return t*t*t;
+        },
+
+        /**
+         * @property outCubic
+         * @static
+         */
+        outCubic: function(t) {
+            return ((--t)*t*t + 1);
+        },
+
+        /**
+         * @property inOutCubic
+         * @static
+         */
+        inOutCubic: function(t) {
+            if ((t/=.5) < 1) return .5*t*t*t;
+            return .5*((t-=2)*t*t + 2);
+        },
+
+        /**
+         * @property inQuart
+         * @static
+         */
+        inQuart: function(t) {
+            return t*t*t*t;
+        },
+
+        /**
+         * @property outQuart
+         * @static
+         */
+        outQuart: function(t) {
+            return -((--t)*t*t*t - 1);
+        },
+
+        /**
+         * @property inOutQuart
+         * @static
+         */
+        inOutQuart: function(t) {
+            if ((t/=.5) < 1) return .5*t*t*t*t;
+            return -.5 * ((t-=2)*t*t*t - 2);
+        },
+
+        /**
+         * @property inQuint
+         * @static
+         */
+        inQuint: function(t) {
+            return t*t*t*t*t;
+        },
+
+        /**
+         * @property outQuint
+         * @static
+         */
+        outQuint: function(t) {
+            return ((--t)*t*t*t*t + 1);
+        },
+
+        /**
+         * @property inOutQuint
+         * @static
+         */
+        inOutQuint: function(t) {
+            if ((t/=.5) < 1) return .5*t*t*t*t*t;
+            return .5*((t-=2)*t*t*t*t + 2);
+        },
+
+        /**
+         * @property inSine
+         * @static
+         */
+        inSine: function(t) {
+            return -1.0*Math.cos(t * (Math.PI/2)) + 1.0;
+        },
+
+        /**
+         * @property outSine
+         * @static
+         */
+        outSine: function(t) {
+            return Math.sin(t * (Math.PI/2));
+        },
+
+        /**
+         * @property inOutSine
+         * @static
+         */
+        inOutSine: function(t) {
+            return -.5*(Math.cos(Math.PI*t) - 1);
+        },
+
+        /**
+         * @property inExpo
+         * @static
+         */
+        inExpo: function(t) {
+            return (t===0) ? 0.0 : Math.pow(2, 10 * (t - 1));
+        },
+
+        /**
+         * @property outExpo
+         * @static
+         */
+        outExpo: function(t) {
+            return (t===1.0) ? 1.0 : (-Math.pow(2, -10 * t) + 1);
+        },
+
+        /**
+         * @property inOutExpo
+         * @static
+         */
+        inOutExpo: function(t) {
+            if (t===0) return 0.0;
+            if (t===1.0) return 1.0;
+            if ((t/=.5) < 1) return .5 * Math.pow(2, 10 * (t - 1));
+            return .5 * (-Math.pow(2, -10 * --t) + 2);
+        },
+
+        /**
+         * @property inCirc
+         * @static
+         */
+        inCirc: function(t) {
+            return -(Math.sqrt(1 - t*t) - 1);
+        },
+
+        /**
+         * @property outCirc
+         * @static
+         */
+        outCirc: function(t) {
+            return Math.sqrt(1 - (--t)*t);
+        },
+
+        /**
+         * @property inOutCirc
+         * @static
+         */
+        inOutCirc: function(t) {
+            if ((t/=.5) < 1) return -.5 * (Math.sqrt(1 - t*t) - 1);
+            return .5 * (Math.sqrt(1 - (t-=2)*t) + 1);
+        },
+
+        /**
+         * @property inElastic
+         * @static
+         */
+        inElastic: function(t) {
+            var s=1.70158;var p=0;var a=1.0;
+            if (t===0) return 0.0;  if (t===1) return 1.0;  if (!p) p=.3;
+            s = p/(2*Math.PI) * Math.asin(1.0/a);
+            return -(a*Math.pow(2,10*(t-=1)) * Math.sin((t-s)*(2*Math.PI)/ p));
+        },
+
+        /**
+         * @property outElastic
+         * @static
+         */
+        outElastic: function(t) {
+            var s=1.70158;var p=0;var a=1.0;
+            if (t===0) return 0.0;  if (t===1) return 1.0;  if (!p) p=.3;
+            s = p/(2*Math.PI) * Math.asin(1.0/a);
+            return a*Math.pow(2,-10*t) * Math.sin((t-s)*(2*Math.PI)/p) + 1.0;
+        },
+
+        /**
+         * @property inOutElastic
+         * @static
+         */
+        inOutElastic: function(t) {
+            var s=1.70158;var p=0;var a=1.0;
+            if (t===0) return 0.0;  if ((t/=.5)===2) return 1.0;  if (!p) p=(.3*1.5);
+            s = p/(2*Math.PI) * Math.asin(1.0/a);
+            if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin((t-s)*(2*Math.PI)/p));
+            return a*Math.pow(2,-10*(t-=1)) * Math.sin((t-s)*(2*Math.PI)/p)*.5 + 1.0;
+        },
+
+        /**
+         * @property inBack
+         * @static
+         */
+        inBack: function(t, s) {
+            if (s === undefined) s = 1.70158;
+            return t*t*((s+1)*t - s);
+        },
+
+        /**
+         * @property outBack
+         * @static
+         */
+        outBack: function(t, s) {
+            if (s === undefined) s = 1.70158;
+            return ((--t)*t*((s+1)*t + s) + 1);
+        },
+
+        /**
+         * @property inOutBack
+         * @static
+         */
+        inOutBack: function(t, s) {
+            if (s === undefined) s = 1.70158;
+            if ((t/=.5) < 1) return .5*(t*t*(((s*=(1.525))+1)*t - s));
+            return .5*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2);
+        },
+
+        /**
+         * @property inBounce
+         * @static
+         */
+        inBounce: function(t) {
+            return 1.0 - Easing.outBounce(1.0-t);
+        },
+
+        /**
+         * @property outBounce
+         * @static
+         */
+        outBounce: function(t) {
+            if (t < (1/2.75)) {
+                return (7.5625*t*t);
+            } else if (t < (2/2.75)) {
+                return (7.5625*(t-=(1.5/2.75))*t + .75);
+            } else if (t < (2.5/2.75)) {
+                return (7.5625*(t-=(2.25/2.75))*t + .9375);
+            } else {
+                return (7.5625*(t-=(2.625/2.75))*t + .984375);
+            }
+        },
+
+        /**
+         * @property inOutBounce
+         * @static
+         */
+        inOutBounce: function(t) {
+            if (t < .5) return Easing.inBounce(t*2) * .5;
+            return Easing.outBounce(t*2-1.0) * .5 + .5;
+        }
+    };
+
+    module.exports = Easing;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/integrators/SymplecticEuler',['require','exports','module','famous/core/OptionsManager'],function(require, exports, module) {
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * Ordinary Differential Equation (ODE) Integrator.
+     * Manages updating a physics body's state over time.
+     *
+     *  p = position, v = velocity, m = mass, f = force, dt = change in time
+     *
+     *      v <- v + dt * f / m
+     *      p <- p + dt * v
+     *
+     *  q = orientation, w = angular velocity, L = angular momentum
+     *
+     *      L <- L + dt * t
+     *      q <- q + dt/2 * q * w
+     *
+     * @class SymplecticEuler
+     * @constructor
+     * @param {Object} options Options to set
+     */
+    function SymplecticEuler(options) {
+        this.options = Object.create(SymplecticEuler.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+    }
+
+    /**
+     * @property SymplecticEuler.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    SymplecticEuler.DEFAULT_OPTIONS = {
+
+        /**
+         * The maximum velocity of a physics body
+         *      Range : [0, Infinity]
+         * @attribute velocityCap
+         * @type Number
+         */
+
+        velocityCap : undefined,
+
+        /**
+         * The maximum angular velocity of a physics body
+         *      Range : [0, Infinity]
+         * @attribute angularVelocityCap
+         * @type Number
+         */
+        angularVelocityCap : undefined
+    };
+
+    /*
+     * Setter for options
+     *
+     * @method setOptions
+     * @param {Object} options
+     */
+    SymplecticEuler.prototype.setOptions = function setOptions(options) {
+        this._optionsManager.patch(options);
+    };
+
+    /*
+     * Getter for options
+     *
+     * @method getOptions
+     * @return {Object} options
+     */
+    SymplecticEuler.prototype.getOptions = function getOptions() {
+        return this._optionsManager.value();
+    };
+
+    /*
+     * Updates the velocity of a physics body from its accumulated force.
+     *      v <- v + dt * f / m
+     *
+     * @method integrateVelocity
+     * @param {Body} physics body
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integrateVelocity = function integrateVelocity(body, dt) {
+        var v = body.velocity;
+        var w = body.inverseMass;
+        var f = body.force;
+
+        if (f.isZero()) return;
+
+        v.add(f.mult(dt * w)).put(v);
+        f.clear();
+    };
+
+    /*
+     * Updates the position of a physics body from its velocity.
+     *      p <- p + dt * v
+     *
+     * @method integratePosition
+     * @param {Body} physics body
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integratePosition = function integratePosition(body, dt) {
+        var p = body.position;
+        var v = body.velocity;
+
+        if (this.options.velocityCap) v.cap(this.options.velocityCap).put(v);
+        p.add(v.mult(dt)).put(p);
+    };
+
+    /*
+     * Updates the angular momentum of a physics body from its accumuled torque.
+     *      L <- L + dt * t
+     *
+     * @method integrateAngularMomentum
+     * @param {Body} physics body (except a particle)
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integrateAngularMomentum = function integrateAngularMomentum(body, dt) {
+        var L = body.angularMomentum;
+        var t = body.torque;
+
+        if (t.isZero()) return;
+
+        if (this.options.angularVelocityCap) t.cap(this.options.angularVelocityCap).put(t);
+        L.add(t.mult(dt)).put(L);
+        t.clear();
+    };
+
+    /*
+     * Updates the orientation of a physics body from its angular velocity.
+     *      q <- q + dt/2 * q * w
+     *
+     * @method integrateOrientation
+     * @param {Body} physics body (except a particle)
+     * @param {Number} dt delta time
+     */
+    SymplecticEuler.prototype.integrateOrientation = function integrateOrientation(body, dt) {
+        var q = body.orientation;
+        var w = body.angularVelocity;
+
+        if (w.isZero()) return;
+        q.add(q.multiply(w).scalarMultiply(0.5 * dt)).put(q);
+//        q.normalize.put(q);
+    };
+
+    module.exports = SymplecticEuler;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Particle',['require','exports','module','famous/math/Vector','famous/core/Transform','famous/core/EventHandler','../integrators/SymplecticEuler'],function(require, exports, module) {
+    var Vector = require('famous/math/Vector');
+    var Transform = require('famous/core/Transform');
+    var EventHandler = require('famous/core/EventHandler');
+    var Integrator = require('../integrators/SymplecticEuler');
+
+    /**
+     * A point body that is controlled by the Physics Engine. A particle has
+     *   position and velocity states that are updated by the Physics Engine.
+     *   Ultimately, a particle is a _special type of modifier, and can be added to
+     *   the Famous render tree like any other modifier.
+     *
+     * @constructor
+     * @class Particle
+     * @uses EventHandler
+     * @uses Modifier
+     * @extensionfor Body
+     * @param {Options} [options] An object of configurable options.
+     * @param {Array} [options.position] The position of the particle.
+     * @param {Array} [options.velocity] The velocity of the particle.
+     * @param {Number} [options.mass] The mass of the particle.
+     * @param {Hexadecimal} [options.axis] The axis a particle can move along. Can be bitwise ORed e.g., Particle.AXES.X, Particle.AXES.X | Particle.AXES.Y
+     *
+     */
+     function Particle(options) {
+        options = options || {};
+
+        // registers
+        this.position = new Vector();
+        this.velocity = new Vector();
+        this.force    = new Vector();
+
+        var defaults  = Particle.DEFAULT_OPTIONS;
+
+        // set vectors
+        this.setPosition(options.position || defaults.position);
+        this.setVelocity(options.velocity || defaults.velocity);
+        this.force.set(options.force || [0,0,0]);
+
+        // set scalars
+        this.mass = (options.mass !== undefined)
+            ? options.mass
+            : defaults.mass;
+
+        this.axis = (options.axis !== undefined)
+            ? options.axis
+            : defaults.axis;
+
+        this.inverseMass = 1 / this.mass;
+
+        // state variables
+        this._isSleeping     = false;
+        this._engine         = null;
+        this._eventOutput    = null;
+        this._positionGetter = null;
+
+        this.transform = Transform.identity.slice();
+
+        // cached _spec
+        this._spec = {
+            transform : this.transform,
+            target    : null
+        };
+    }
+
+    Particle.DEFAULT_OPTIONS = {
+        position : [0,0,0],
+        velocity : [0,0,0],
+        mass : 1,
+        axis : undefined
+    };
+
+    /**
+     * Kinetic energy threshold needed to update the body
+     *
+     * @property SLEEP_TOLERANCE
+     * @type Number
+     * @static
+     * @default 1e-7
+     */
+    Particle.SLEEP_TOLERANCE = 1e-7;
+
+    /**
+     * Axes by which a body can translate
+     *
+     * @property AXES
+     * @type Hexadecimal
+     * @static
+     * @default 1e-7
+     */
+    Particle.AXES = {
+        X : 0x00, // hexadecimal for 0
+        Y : 0x01, // hexadecimal for 1
+        Z : 0x02  // hexadecimal for 2
+    };
+
+    // Integrator for updating the particle's state
+    // TODO: make this a singleton
+    Particle.INTEGRATOR = new Integrator();
+
+    //Catalogue of outputted events
+    var _events = {
+        start  : 'start',
+        update : 'update',
+        end    : 'end'
+    };
+
+    // Cached timing function
+    var now = (function() {
+        return Date.now;
+    })();
+
+    /**
+     * Stops the particle from updating
+     * @method sleep
+     */
+    Particle.prototype.sleep = function sleep() {
+        if (this._isSleeping) return;
+        this.emit(_events.end, this);
+        this._isSleeping = true;
+    };
+
+    /**
+     * Starts the particle update
+     * @method wake
+     */
+    Particle.prototype.wake = function wake() {
+        if (!this._isSleeping) return;
+        this.emit(_events.start, this);
+        this._isSleeping = false;
+        this._prevTime = now();
+    };
+
+    /**
+     * @attribute isBody
+     * @type Boolean
+     * @static
+     */
+    Particle.prototype.isBody = false;
+
+    /**
+     * Basic setter for position
+     * @method getPosition
+     * @param position {Array|Vector}
+     */
+    Particle.prototype.setPosition = function setPosition(position) {
+        this.position.set(position);
+    };
+
+    /**
+     * 1-dimensional setter for position
+     * @method setPosition1D
+     * @param value {Number}
+     */
+    Particle.prototype.setPosition1D = function setPosition1D(x) {
+        this.position.x = x;
+    };
+
+    /**
+     * Basic getter function for position
+     * @method getPosition
+     * @return position {Array}
+     */
+    Particle.prototype.getPosition = function getPosition() {
+        if (this._positionGetter instanceof Function)
+            this.setPosition(this._positionGetter());
+
+        this._engine.step();
+
+        return this.position.get();
+    };
+
+    /**
+     * 1-dimensional getter for position
+     * @method getPosition1D
+     * @return value {Number}
+     */
+    Particle.prototype.getPosition1D = function getPosition1D() {
+        this._engine.step();
+        return this.position.x;
+    };
+
+    /**
+     * Defines the position from outside the Physics Engine
+     * @method positionFrom
+     * @param positionGetter {Function}
+     */
+    Particle.prototype.positionFrom = function positionFrom(positionGetter) {
+        this._positionGetter = positionGetter;
+    };
+
+    /**
+     * Basic setter function for velocity Vector
+     * @method setVelocity
+     * @function
+     */
+    Particle.prototype.setVelocity = function setVelocity(velocity) {
+        this.velocity.set(velocity);
+        this.wake();
+    };
+
+    /**
+     * 1-dimensional setter for velocity
+     * @method setVelocity1D
+     * @param velocity {Number}
+     */
+    Particle.prototype.setVelocity1D = function setVelocity1D(x) {
+        this.velocity.x = x;
+        this.wake();
+    };
+
+    /**
+     * Basic getter function for velocity Vector
+     * @method getVelocity
+     * @return velocity {Array}
+     */
+    Particle.prototype.getVelocity = function getVelocity() {
+        return this.velocity.get();
+    };
+
+    /**
+     * 1-dimensional getter for velocity
+     * @method getVelocity1D
+     * @return velocity {Number}
+     */
+    Particle.prototype.getVelocity1D = function getVelocity1D() {
+        return this.velocity.x;
+    };
+
+    /**
+     * Basic setter function for mass quantity
+     * @method setMass
+     * @param mass {Number} mass
+     */
+    Particle.prototype.setMass = function setMass(mass) {
+        this.mass = mass;
+        this.inverseMass = 1 / mass;
+    };
+
+    /**
+     * Basic getter function for mass quantity
+     * @method getMass
+     * @return mass {Number}
+     */
+    Particle.prototype.getMass = function getMass() {
+        return this.mass;
+    };
+
+    /**
+     * Reset position and velocity
+     * @method reset
+     * @param position {Array|Vector}
+     * @param velocity {Array|Vector}
+     */
+    Particle.prototype.reset = function reset(position, velocity) {
+        this.setPosition(position || [0,0,0]);
+        this.setVelocity(velocity || [0,0,0]);
+    };
+
+    /**
+     * Add force vector to existing internal force Vector
+     * @method applyForce
+     * @param force {Vector}
+     */
+    Particle.prototype.applyForce = function applyForce(force) {
+        if (force.isZero()) return;
+        this.force.add(force).put(this.force);
+        this.wake();
+    };
+
+    /**
+     * Add impulse (change in velocity) Vector to this Vector's velocity.
+     * @method applyImpulse
+     * @param impulse {Vector}
+     */
+    Particle.prototype.applyImpulse = function applyImpulse(impulse) {
+        if (impulse.isZero()) return;
+        var velocity = this.velocity;
+        velocity.add(impulse.mult(this.inverseMass)).put(velocity);
+    };
+
+    /**
+     * Update a particle's velocity from its force accumulator
+     * @method integrateVelocity
+     * @param dt {Number} Time differential
+     */
+    Particle.prototype.integrateVelocity = function integrateVelocity(dt) {
+        Particle.INTEGRATOR.integrateVelocity(this, dt);
+    };
+
+    /**
+     * Update a particle's position from its velocity
+     * @method integratePosition
+     * @param dt {Number} Time differential
+     */
+    Particle.prototype.integratePosition = function integratePosition(dt) {
+        Particle.INTEGRATOR.integratePosition(this, dt);
+    };
+
+    /**
+     * Update the position and velocity of the particle
+     * @method _integrate
+     * @protected
+     * @param dt {Number} Time differential
+     */
+    Particle.prototype._integrate = function _integrate(dt) {
+        this.integrateVelocity(dt);
+        this.integratePosition(dt);
+    };
+
+    /**
+     * Get kinetic energy of the particle.
+     * @method getEnergy
+     * @function
+     */
+    Particle.prototype.getEnergy = function getEnergy() {
+        return 0.5 * this.mass * this.velocity.normSquared();
+    };
+
+    /**
+     * Generate transform from the current position state
+     * @method getTransform
+     * @return Transform {Transform}
+     */
+    Particle.prototype.getTransform = function getTransform() {
+        this._engine.step();
+
+        var position = this.position;
+        var axis = this.axis;
+        var transform = this.transform;
+
+        if (axis !== undefined) {
+            if (axis & ~Particle.AXES.X) {
+                position.x = 0;
+            }
+            if (axis & ~Particle.AXES.Y) {
+                position.y = 0;
+            }
+            if (axis & ~Particle.AXES.Z) {
+                position.z = 0;
+            }
+        }
+
+        transform[12] = position.x;
+        transform[13] = position.y;
+        transform[14] = position.z;
+
+        return transform;
+    };
+
+    /**
+     * The modify interface of a Modifier
+     * @method modify
+     * @param target {Spec}
+     * @return Spec {Spec}
+     */
+    Particle.prototype.modify = function modify(target) {
+        var _spec = this._spec;
+        _spec.transform = this.getTransform();
+        _spec.target = target;
+        return _spec;
+    };
+
+    // private
+    function _createEventOutput() {
+        this._eventOutput = new EventHandler();
+        this._eventOutput.bindThis(this);
+        //overrides on/removeListener/pipe/unpipe methods
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Particle.prototype.emit = function emit(type, data) {
+        if (!this._eventOutput) return;
+        this._eventOutput.emit(type, data);
+    };
+
+    Particle.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+    Particle.prototype.removeListener = function removeListener() {
+        _createEventOutput.call(this);
+        return this.removeListener.apply(this, arguments);
+    };
+    Particle.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+    Particle.prototype.unpipe = function unpipe() {
+        _createEventOutput.call(this);
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = Particle;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Constraint',['require','exports','module','famous/core/EventHandler'],function(require, exports, module) {
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     *  Allows for two circular bodies to collide and bounce off each other.
+     *
+     *  @class Constraint
+     *  @constructor
+     *  @uses EventHandler
+     *  @param options {Object}
+     */
+    function Constraint() {
+        this.options = this.options || {};
+        this._energy = 0.0;
+        this._eventOutput = null;
+    }
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Constraint.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     */
+    Constraint.prototype.applyConstraint = function applyConstraint() {};
+
+    /**
+     * Getter for energy
+     *
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    Constraint.prototype.getEnergy = function getEnergy() {
+        return this._energy;
+    };
+
+    /**
+     * Setter for energy
+     *
+     * @method setEnergy
+     * @param energy {Number}
+     */
+    Constraint.prototype.setEnergy = function setEnergy(energy) {
+        this._energy = energy;
+    };
+
+    function _createEventOutput() {
+        this._eventOutput = new EventHandler();
+        this._eventOutput.bindThis(this);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Constraint.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+    Constraint.prototype.addListener = function addListener() {
+        _createEventOutput.call(this);
+        return this.addListener.apply(this, arguments);
+    };
+    Constraint.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+    Constraint.prototype.removeListener = function removeListener() {
+        return this.removeListener.apply(this, arguments);
+    };
+    Constraint.prototype.unpipe = function unpipe() {
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = Constraint;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Snap',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A spring constraint is like a spring force, except that it is always
+     *    numerically stable (even for low periods), at the expense of introducing
+     *    damping (even with dampingRatio set to 0).
+     *
+     *    Use this if you need fast spring-like behavior, e.g., snapping
+     *
+     *  @class Snap
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Number} [options.period] The amount of time in milliseconds taken for one complete oscillation when there is no damping. Range : [150, Infinity]
+     *  @param {Number} [options.dampingRatio] Additional damping of the spring. Range : [0, 1]. At 0 this spring will still be damped, at 1 the spring will be critically damped (the spring will never oscillate)
+     *  @param {Number} [options.length] The rest length of the spring. Range: [0, Infinity].
+     *  @param {Array} [options.anchor] The location of the spring's anchor, if not another physics body.
+     *
+     */
+    function Snap(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.pDiff  = new Vector();
+        this.vDiff  = new Vector();
+        this.impulse1 = new Vector();
+        this.impulse2 = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Snap.prototype = Object.create(Constraint.prototype);
+    Snap.prototype.constructor = Snap;
+
+    Snap.DEFAULT_OPTIONS = {
+        period        : 300,
+        dampingRatio : 0.1,
+        length : 0,
+        anchor : undefined
+    };
+
+    /** const */ var pi = Math.PI;
+
+    function _calcEnergy(impulse, disp, dt) {
+        return Math.abs(impulse.dot(disp)/dt);
+    }
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects} options
+     */
+    Snap.prototype.setOptions = function setOptions(options) {
+        if (options.anchor !== undefined) {
+            if (options.anchor   instanceof Vector) this.options.anchor = options.anchor;
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+        }
+        if (options.length !== undefined) this.options.length = options.length;
+        if (options.dampingRatio !== undefined) this.options.dampingRatio = options.dampingRatio;
+        if (options.period !== undefined) this.options.period = options.period;
+    };
+
+    /**
+     * Set the anchor position
+     *
+     * @method setOptions
+     * @param {Array} v TODO
+     */
+
+    Snap.prototype.setAnchor = function setAnchor(v) {
+        if (this.options.anchor !== undefined) this.options.anchor = new Vector();
+        this.options.anchor.set(v);
+    };
+
+    /**
+     * Calculates energy of spring
+     *
+     * @method getEnergy
+     * @param {Object} target TODO
+     * @param {Object} source TODO
+     * @return energy {Number}
+     */
+    Snap.prototype.getEnergy = function getEnergy(target, source) {
+        var options     = this.options;
+        var restLength  = options.length;
+        var anchor      = options.anchor || source.position;
+        var strength    = Math.pow(2 * pi / options.period, 2);
+
+        var dist = anchor.sub(target.position).norm() - restLength;
+
+        return 0.5 * strength * dist * dist;
+    };
+
+    /**
+     * Adds a spring impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Snap.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var options         = this.options;
+        var pDiff        = this.pDiff;
+        var vDiff        = this.vDiff;
+        var impulse1     = this.impulse1;
+        var impulse2     = this.impulse2;
+        var length       = options.length;
+        var anchor       = options.anchor || source.position;
+        var period       = options.period;
+        var dampingRatio = options.dampingRatio;
+
+        for (var i = 0; i < targets.length ; i++) {
+            var target = targets[i];
+
+            var p1 = target.position;
+            var v1 = target.velocity;
+            var m1 = target.mass;
+            var w1 = target.inverseMass;
+
+            pDiff.set(p1.sub(anchor));
+            var dist = pDiff.norm() - length;
+            var effMass;
+
+            if (source) {
+                var w2 = source.inverseMass;
+                var v2 = source.velocity;
+                vDiff.set(v1.sub(v2));
+                effMass = 1/(w1 + w2);
+            }
+            else {
+                vDiff.set(v1);
+                effMass = m1;
+            }
+
+            var gamma;
+            var beta;
+
+            if (this.options.period === 0) {
+                gamma = 0;
+                beta = 1;
+            }
+            else {
+                var k = 4 * effMass * pi * pi / (period * period);
+                var c = 4 * effMass * pi * dampingRatio / period;
+
+                beta  = dt * k / (c + dt * k);
+                gamma = 1 / (c + dt*k);
+            }
+
+            var antiDrift = beta/dt * dist;
+            pDiff.normalize(-antiDrift)
+                .sub(vDiff)
+                .mult(dt / (gamma + dt/effMass))
+                .put(impulse1);
+
+            // var n = new Vector();
+            // n.set(pDiff.normalize());
+            // var lambda = -(n.dot(vDiff) + antiDrift) / (gamma + dt/effMass);
+            // impulse2.set(n.mult(dt*lambda));
+
+            target.applyImpulse(impulse1);
+
+            if (source) {
+                impulse1.mult(-1).put(impulse2);
+                source.applyImpulse(impulse2);
+            }
+
+            this.setEnergy(_calcEnergy(impulse1, pDiff, dt));
+        }
+    };
+
+    module.exports = Snap;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/SnapTransition',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/constraints/Snap','famous/math/Vector'],function(require, exports, module) {
+    var PE = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Spring = require('famous/physics/constraints/Snap');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     * SnapTransition is a method of transitioning between two values (numbers,
+     * or arrays of numbers). It is similar to SpringTransition except
+     * the transition can be much faster and always has a damping effect.
+     *
+     * @class SnapTransition
+     * @constructor
+     *
+     * @param [state=0] {Number|Array} Initial state
+     */
+    function SnapTransition(state) {
+        state = state || 0;
+
+        this.endState  = new Vector(state);
+        this.initState = new Vector();
+
+        this._dimensions       = 1;
+        this._restTolerance    = 1e-10;
+        this._absRestTolerance = this._restTolerance;
+        this._callback         = undefined;
+
+        this.PE       = new PE();
+        this.particle = new Particle();
+        this.spring   = new Spring({anchor : this.endState});
+
+        this.PE.addBody(this.particle);
+        this.PE.attach(this.spring, this.particle);
+    }
+
+    SnapTransition.SUPPORTS_MULTIPLE = 3;
+
+    /**
+     * @property SnapTransition.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    SnapTransition.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [0, Infinity]
+         *
+         * @attribute period
+         * @type Number
+         * @default 100
+         */
+        period : 100,
+
+        /**
+         * The damping of the snap.
+         *    Range : [0, 1]
+         *
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.2
+         */
+        dampingRatio : 0.2,
+
+        /**
+         * The initial velocity of the transition.
+         *
+         * @attribute velocity
+         * @type Number|Array
+         * @default 0
+         */
+        velocity : 0
+    };
+
+    function _getEnergy() {
+        return this.particle.getEnergy() + this.spring.getEnergy(this.particle);
+    }
+
+    function _setAbsoluteRestTolerance() {
+        var distance = this.endState.sub(this.initState).normSquared();
+        this._absRestTolerance = (distance === 0)
+            ? this._restTolerance
+            : this._restTolerance * distance;
+    }
+
+    function _setTarget(target) {
+        this.endState.set(target);
+        _setAbsoluteRestTolerance.call(this);
+    }
+
+    function _wake() {
+        this.PE.wake();
+    }
+
+    function _sleep() {
+        this.PE.sleep();
+    }
+
+    function _setParticlePosition(p) {
+        this.particle.position.set(p);
+    }
+
+    function _setParticleVelocity(v) {
+        this.particle.velocity.set(v);
+    }
+
+    function _getParticlePosition() {
+        return (this._dimensions === 0)
+            ? this.particle.getPosition1D()
+            : this.particle.getPosition();
+    }
+
+    function _getParticleVelocity() {
+        return (this._dimensions === 0)
+            ? this.particle.getVelocity1D()
+            : this.particle.getVelocity();
+    }
+
+    function _setCallback(callback) {
+        this._callback = callback;
+    }
+
+    function _setupDefinition(definition) {
+        var defaults = SnapTransition.DEFAULT_OPTIONS;
+        if (definition.period === undefined)       definition.period       = defaults.period;
+        if (definition.dampingRatio === undefined) definition.dampingRatio = defaults.dampingRatio;
+        if (definition.velocity === undefined)     definition.velocity     = defaults.velocity;
+
+        //setup spring
+        this.spring.setOptions({
+            period       : definition.period,
+            dampingRatio : definition.dampingRatio
+        });
+
+        //setup particle
+        _setParticleVelocity.call(this, definition.velocity);
+    }
+
+    function _update() {
+        if (this.PE.isSleeping()) {
+            if (this._callback) {
+                var cb = this._callback;
+                this._callback = undefined;
+                cb();
+            }
+            return;
+        }
+
+        if (_getEnergy.call(this) < this._absRestTolerance) {
+            _setParticlePosition.call(this, this.endState);
+            _setParticleVelocity.call(this, [0,0,0]);
+            _sleep.call(this);
+        }
+    }
+
+    /**
+     * Resets the state and velocity
+     *
+     * @method reset
+     *
+     * @param state {Number|Array}      State
+     * @param [velocity] {Number|Array} Velocity
+     */
+    SnapTransition.prototype.reset = function reset(state, velocity) {
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        this.initState.set(state);
+        _setParticlePosition.call(this, state);
+        _setTarget.call(this, state);
+        if (velocity) _setParticleVelocity.call(this, velocity);
+        _setCallback.call(this, undefined);
+    };
+
+    /**
+     * Getter for velocity
+     *
+     * @method getVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    SnapTransition.prototype.getVelocity = function getVelocity() {
+        return _getParticleVelocity.call(this);
+    };
+
+    /**
+     * Setter for velocity
+     *
+     * @method setVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    SnapTransition.prototype.setVelocity = function setVelocity(velocity) {
+        this.call(this, _setParticleVelocity(velocity));
+    };
+
+    /**
+     * Detects whether a transition is in progress
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    SnapTransition.prototype.isActive = function isActive() {
+        return !this.PE.isSleeping();
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    SnapTransition.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    /**
+     * Get the current position of the transition
+s     *
+     * @method get
+     *
+     * @return state {Number|Array}
+     */
+    SnapTransition.prototype.get = function get() {
+        _update.call(this);
+        return _getParticlePosition.call(this);
+    };
+
+    /**
+     * Set the end position and transition, with optional callback on completion.
+     *
+     * @method set
+     *
+     * @param state {Number|Array}      Final state
+     * @param [definition] {Object}     Transition definition
+     * @param [callback] {Function}     Callback
+     */
+    SnapTransition.prototype.set = function set(state, definition, callback) {
+        if (!definition) {
+            this.reset(state);
+            if (callback) callback();
+            return;
+        }
+
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        _wake.call(this);
+        _setupDefinition.call(this, definition);
+        _setTarget.call(this, state);
+        _setCallback.call(this, callback);
+    };
+
+    module.exports = SnapTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/Force',['require','exports','module','famous/math/Vector','famous/core/EventHandler'],function(require, exports, module) {
+    var Vector = require('famous/math/Vector');
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Force base class.
+     *
+     * @class Force
+     * @uses EventHandler
+     * @constructor
+     */
+    function Force(force) {
+        this.force = new Vector(force);
+        this._energy = 0.0;
+        this._eventOutput = null;
+    }
+
+    /**
+     * Basic setter for options
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Force.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param body {Body}
+     */
+    Force.prototype.applyForce = function applyForce(body) {
+        body.applyForce(this.force);
+    };
+
+    /**
+     * Getter for a force's potential energy.
+     *
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    Force.prototype.getEnergy = function getEnergy() {
+        return this._energy;
+    };
+
+    /*
+     * Setter for a force's potential energy.
+     *
+     * @method setEnergy
+     * @param energy {Number}
+     */
+    Force.prototype.setEnergy = function setEnergy(energy) {
+        this._energy = energy;
+    };
+
+    function _createEventOutput() {
+        this._eventOutput = new EventHandler();
+        this._eventOutput.bindThis(this);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Force.prototype.on = function on() {
+        _createEventOutput.call(this);
+        return this.on.apply(this, arguments);
+    };
+    Force.prototype.addListener = function addListener() {
+        _createEventOutput.call(this);
+        return this.addListener.apply(this, arguments);
+    };
+    Force.prototype.pipe = function pipe() {
+        _createEventOutput.call(this);
+        return this.pipe.apply(this, arguments);
+    };
+    Force.prototype.removeListener = function removeListener() {
+        return this.removeListener.apply(this, arguments);
+    };
+    Force.prototype.unpipe = function unpipe() {
+        return this.unpipe.apply(this, arguments);
+    };
+
+    module.exports = Force;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/Spring',['require','exports','module','./Force','famous/math/Vector'],function(require, exports, module) {
+    var Force = require('./Force');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A force that moves a physics body to a location with a spring motion.
+     *    The body can be moved to another physics body, or an anchor point.
+     *
+     *  @class Spring
+     *  @constructor
+     *  @extends Force
+     *  @param {Object} options options to set on drag
+     */
+    function Spring(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.disp = new Vector(0,0,0);
+
+        _init.call(this);
+        Force.call(this);
+    }
+
+    Spring.prototype = Object.create(Force.prototype);
+    Spring.prototype.constructor = Spring;
+
+    /** @const */ var pi = Math.PI;
+
+    /**
+     * @property Spring.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Spring.FORCE_FUNCTIONS = {
+
+        /**
+         * A FENE (Finitely Extensible Nonlinear Elastic) spring force
+         *      see: http://en.wikipedia.org/wiki/FENE
+         * @attribute FENE
+         * @type Function
+         * @param {Number} dist current distance target is from source body
+         * @param {Number} rMax maximum range of influence
+         * @return {Number} unscaled force
+         */
+        FENE : function(dist, rMax) {
+            var rMaxSmall = rMax * .99;
+            var r = Math.max(Math.min(dist, rMaxSmall), -rMaxSmall);
+            return r / (1 - r * r/(rMax * rMax));
+        },
+
+        /**
+         * A Hookean spring force, linear in the displacement
+         *      see: http://en.wikipedia.org/wiki/FENE
+         * @attribute FENE
+         * @type Function
+         * @param {Number} dist current distance target is from source body
+         * @return {Number} unscaled force
+         */
+        HOOK : function(dist) {
+            return dist;
+        }
+    };
+
+    /**
+     * @property Spring.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Spring.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [150, Infinity]
+         * @attribute period
+         * @type Number
+         * @default 300
+         */
+        period        : 300,
+
+        /**
+         * The damping of the spring.
+         *    Range : [0, 1]
+         *    0 = no damping, and the spring will oscillate forever
+         *    1 = critically damped (the spring will never oscillate)
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.1
+         */
+        dampingRatio : 0.1,
+
+        /**
+         * The rest length of the spring
+         *    Range : [0, Infinity]
+         * @attribute length
+         * @type Number
+         * @default 0
+         */
+        length : 0,
+
+        /**
+         * The maximum length of the spring (for a FENE spring)
+         *    Range : [0, Infinity]
+         * @attribute length
+         * @type Number
+         * @default Infinity
+         */
+        maxLength : Infinity,
+
+        /**
+         * The location of the spring's anchor, if not another physics body
+         *
+         * @attribute anchor
+         * @type Array
+         * @optional
+         */
+        anchor : undefined,
+
+        /**
+         * The type of spring force
+         * @attribute forceFunction
+         * @type Function
+         */
+        forceFunction : Spring.FORCE_FUNCTIONS.HOOK
+    };
+
+    function _setForceFunction(fn) {
+        this.forceFunction = fn;
+    }
+
+    function _calcStiffness() {
+        var options = this.options;
+        options.stiffness = Math.pow(2 * pi / options.period, 2);
+    }
+
+    function _calcDamping() {
+        var options = this.options;
+        options.damping = 4 * pi * options.dampingRatio / options.period;
+    }
+
+    function _calcEnergy(strength, dist) {
+        return 0.5 * strength * dist * dist;
+    }
+
+    function _init() {
+        _setForceFunction.call(this, this.options.forceFunction);
+        _calcStiffness.call(this);
+        _calcDamping.call(this);
+    }
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Spring.prototype.setOptions = function setOptions(options) {
+        if (options.anchor !== undefined) {
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Vector)  this.options.anchor = options.anchor;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+        }
+        if (options.period !== undefined) this.options.period = options.period;
+        if (options.dampingRatio !== undefined) this.options.dampingRatio = options.dampingRatio;
+        if (options.length !== undefined) this.options.length = options.length;
+        if (options.forceFunction !== undefined) this.options.forceFunction = options.forceFunction;
+        if (options.maxLength !== undefined) this.options.maxLength = options.maxLength;
+
+        _init.call(this);
+    };
+
+    /**
+     * Adds a spring force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply force to.
+     */
+    Spring.prototype.applyForce = function applyForce(targets, source) {
+        var force        = this.force;
+        var disp         = this.disp;
+        var options      = this.options;
+
+        var stiffness    = options.stiffness;
+        var damping      = options.damping;
+        var restLength   = options.length;
+        var lMax         = options.maxLength;
+        var anchor       = options.anchor || source.position;
+
+        for (var i = 0; i < targets.length; i++) {
+            var target = targets[i];
+            var p2 = target.position;
+            var v2 = target.velocity;
+
+            anchor.sub(p2).put(disp);
+            var dist = disp.norm() - restLength;
+
+            if (dist === 0) return;
+
+            //if dampingRatio specified, then override strength and damping
+            var m      = target.mass;
+            stiffness *= m;
+            damping   *= m;
+
+            disp.normalize(stiffness * this.forceFunction(dist, lMax))
+                .put(force);
+
+            if (damping)
+                if (source) force.add(v2.sub(source.velocity).mult(-damping)).put(force);
+                else force.add(v2.mult(-damping)).put(force);
+
+            target.applyForce(force);
+            if (source) source.applyForce(force.mult(-1));
+
+            this.setEnergy(_calcEnergy(stiffness, dist));
+        }
+    };
+
+    /**
+     * Calculates the potential energy of the spring.
+     *
+     * @method getEnergy
+     * @param target {Body}     The physics body attached to the spring
+     * @return energy {Number}
+     */
+    Spring.prototype.getEnergy = function getEnergy(target) {
+        var options        = this.options;
+        var restLength  = options.length;
+        var anchor      = options.anchor;
+        var strength    = options.stiffness;
+
+        var dist = anchor.sub(target.position).norm() - restLength;
+        return 0.5 * strength * dist * dist;
+    };
+
+    /**
+     * Sets the anchor to a new position
+     *
+     * @method setAnchor
+     * @param anchor {Array}    New anchor of the spring
+     */
+    Spring.prototype.setAnchor = function setAnchor(anchor) {
+        if (!this.options.anchor) this.options.anchor = new Vector();
+        this.options.anchor.set(anchor);
+    };
+
+    module.exports = Spring;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+/*global console*/
+
+define('famous/transitions/SpringTransition',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/forces/Spring','famous/math/Vector'],function(require, exports, module) {
+    var PE = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Spring = require('famous/physics/forces/Spring');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     * SpringTransition is a method of transitioning between two values (numbers,
+     * or arrays of numbers) with a bounce. The transition will overshoot the target
+     * state depending on the parameters of the transition.
+     *
+     * @class SpringTransition
+     * @constructor
+     *
+     * @param {Number|Array} [state=0] Initial state
+     */
+    function SpringTransition(state) {
+        state = state || 0;
+        this.endState  = new Vector(state);
+        this.initState = new Vector();
+
+        this._dimensions       = undefined;
+        this._restTolerance    = 1e-10;
+        this._absRestTolerance = this._restTolerance;
+        this._callback         = undefined;
+
+        this.PE       = new PE();
+        this.spring   = new Spring({anchor : this.endState});
+        this.particle = new Particle();
+
+        this.PE.addBody(this.particle);
+        this.PE.attach(this.spring, this.particle);
+    }
+
+    SpringTransition.SUPPORTS_MULTIPLE = 3;
+
+    /**
+     * @property SpringTransition.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    SpringTransition.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [0, Infinity]
+         *
+         * @attribute period
+         * @type Number
+         * @default 300
+         */
+        period : 300,
+
+        /**
+         * The damping of the snap.
+         *    Range : [0, 1]
+         *    0 = no damping, and the spring will oscillate forever
+         *    1 = critically damped (the spring will never oscillate)
+         *
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.5
+         */
+        dampingRatio : 0.5,
+
+        /**
+         * The initial velocity of the transition.
+         *
+         * @attribute velocity
+         * @type Number|Array
+         * @default 0
+         */
+        velocity : 0
+    };
+
+    function _getEnergy() {
+        return this.particle.getEnergy() + this.spring.getEnergy(this.particle);
+    }
+
+    function _setParticlePosition(p) {
+        this.particle.setPosition(p);
+    }
+
+    function _setParticleVelocity(v) {
+        this.particle.setVelocity(v);
+    }
+
+    function _getParticlePosition() {
+        return (this._dimensions === 0)
+            ? this.particle.getPosition1D()
+            : this.particle.getPosition();
+    }
+
+    function _getParticleVelocity() {
+        return (this._dimensions === 0)
+            ? this.particle.getVelocity1D()
+            : this.particle.getVelocity();
+    }
+
+    function _setCallback(callback) {
+        this._callback = callback;
+    }
+
+    function _wake() {
+        this.PE.wake();
+    }
+
+    function _sleep() {
+        this.PE.sleep();
+    }
+
+    function _update() {
+        if (this.PE.isSleeping()) {
+            if (this._callback) {
+                var cb = this._callback;
+                this._callback = undefined;
+                cb();
+            }
+            return;
+        }
+
+        if (_getEnergy.call(this) < this._absRestTolerance) {
+            _setParticlePosition.call(this, this.endState);
+            _setParticleVelocity.call(this, [0,0,0]);
+            _sleep.call(this);
+        }
+    }
+
+    function _setupDefinition(definition) {
+        // TODO fix no-console error
+        /* eslint no-console: 0 */
+        var defaults = SpringTransition.DEFAULT_OPTIONS;
+        if (definition.period === undefined)       definition.period       = defaults.period;
+        if (definition.dampingRatio === undefined) definition.dampingRatio = defaults.dampingRatio;
+        if (definition.velocity === undefined)     definition.velocity     = defaults.velocity;
+
+        if (definition.period < 150) {
+            definition.period = 150;
+            console.warn('The period of a SpringTransition is capped at 150 ms. Use a SnapTransition for faster transitions');
+        }
+
+        //setup spring
+        this.spring.setOptions({
+            period       : definition.period,
+            dampingRatio : definition.dampingRatio
+        });
+
+        //setup particle
+        _setParticleVelocity.call(this, definition.velocity);
+    }
+
+    function _setAbsoluteRestTolerance() {
+        var distance = this.endState.sub(this.initState).normSquared();
+        this._absRestTolerance = (distance === 0)
+            ? this._restTolerance
+            : this._restTolerance * distance;
+    }
+
+    function _setTarget(target) {
+        this.endState.set(target);
+        _setAbsoluteRestTolerance.call(this);
+    }
+
+    /**
+     * Resets the position and velocity
+     *
+     * @method reset
+     *
+     * @param {Number|Array.Number} pos positional state
+     * @param {Number|Array} vel velocity
+     */
+    SpringTransition.prototype.reset = function reset(pos, vel) {
+        this._dimensions = (pos instanceof Array)
+            ? pos.length
+            : 0;
+
+        this.initState.set(pos);
+        _setParticlePosition.call(this, pos);
+        _setTarget.call(this, pos);
+        if (vel) _setParticleVelocity.call(this, vel);
+        _setCallback.call(this, undefined);
+    };
+
+    /**
+     * Getter for velocity
+     *
+     * @method getVelocity
+     *
+     * @return {Number|Array} velocity
+     */
+    SpringTransition.prototype.getVelocity = function getVelocity() {
+        return _getParticleVelocity.call(this);
+    };
+
+    /**
+     * Setter for velocity
+     *
+     * @method setVelocity
+     *
+     * @return {Number|Array} velocity
+     */
+    SpringTransition.prototype.setVelocity = function setVelocity(v) {
+        this.call(this, _setParticleVelocity(v));
+    };
+
+    /**
+     * Detects whether a transition is in progress
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    SpringTransition.prototype.isActive = function isActive() {
+        return !this.PE.isSleeping();
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    SpringTransition.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    /**
+     * Get the current position of the transition
+     *
+     * @method get
+     *
+     * @return {Number|Array} state
+     */
+    SpringTransition.prototype.get = function get() {
+        _update.call(this);
+        return _getParticlePosition.call(this);
+    };
+
+    /**
+     * Set the end position and transition, with optional callback on completion.
+     *
+     * @method set
+     *
+     * @param  {Number|Array} endState Final state
+     * @param {Object}  definition  Transition definition
+     * @param  {Function} callback Callback
+     */
+    SpringTransition.prototype.set = function set(endState, definition, callback) {
+        if (!definition) {
+            this.reset(endState);
+            if (callback) callback();
+            return;
+        }
+
+        this._dimensions = (endState instanceof Array)
+            ? endState.length
+            : 0;
+
+        _wake.call(this);
+        _setupDefinition.call(this, definition);
+        _setTarget.call(this, endState);
+        _setCallback.call(this, callback);
+    };
+
+    module.exports = SpringTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Wall',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A wall describes an infinite two-dimensional plane that physics bodies
+     *    can collide with. To define a wall, you must give it a distance (from
+     *    the center of the physics engine's origin, and a normal defining the plane
+     *    of the wall.
+     *
+     *    (wall)
+     *      |
+     *      | (normal)     (origin)
+     *      | --->            *
+     *      |
+     *      |    (distance)
+     *      ...................
+     *            (100px)
+     *
+     *      e.g., Wall({normal : [1,0,0], distance : 100})
+     *      would be a wall 100 pixels to the left, whose normal points right
+     *
+     *  @class Wall
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Number} [options.restitution] The energy ratio lost in a collision (0 = stick, 1 = elastic). Range : [0, 1]
+     *  @param {Number} [options.drift] Baumgarte stabilization parameter. Makes constraints "loosely" (0) or "tightly" (1) enforced. Range : [0, 1]
+     *  @param {Number} [options.slop] Amount of penetration in pixels to ignore before collision event triggers.
+     *  @param {Array} [options.normal] The normal direction to the wall.
+     *  @param {Number} [options.distance] The distance from the origin that the wall is placed.
+     *  @param {onContact} [options.onContact] How to handle collision against the wall.
+     *
+     */
+    function Wall(options) {
+        this.options = Object.create(Wall.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.diff = new Vector();
+        this.impulse = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Wall.prototype = Object.create(Constraint.prototype);
+    Wall.prototype.constructor = Wall;
+
+    /**
+     * @property Wall.ON_CONTACT
+     * @type Object
+     * @protected
+     * @static
+     */
+    Wall.ON_CONTACT = {
+
+        /**
+         * Physical bodies bounce off the wall
+         * @attribute REFLECT
+         */
+        REFLECT : 0,
+
+        /**
+         * Physical bodies are unaffected. Usecase is to fire events on contact.
+         * @attribute SILENT
+         */
+        SILENT : 1
+    };
+
+    Wall.DEFAULT_OPTIONS = {
+        restitution : 0.5,
+        drift : 0.5,
+        slop : 0,
+        normal : [1, 0, 0],
+        distance : 0,
+        onContact : Wall.ON_CONTACT.REFLECT
+    };
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Wall.prototype.setOptions = function setOptions(options) {
+        if (options.normal !== undefined) {
+            if (options.normal instanceof Vector) this.options.normal = options.normal.clone();
+            if (options.normal instanceof Array)  this.options.normal = new Vector(options.normal);
+        }
+        if (options.restitution !== undefined) this.options.restitution = options.restitution;
+        if (options.drift !== undefined) this.options.drift = options.drift;
+        if (options.slop !== undefined) this.options.slop = options.slop;
+        if (options.distance !== undefined) this.options.distance = options.distance;
+        if (options.onContact !== undefined) this.options.onContact = options.onContact;
+    };
+
+    function _getNormalVelocity(n, v) {
+        return v.dot(n);
+    }
+
+    function _getDistanceFromOrigin(p) {
+        var n = this.options.normal;
+        var d = this.options.distance;
+        return p.dot(n) + d;
+    }
+
+    function _onEnter(particle, overlap, dt) {
+        var p = particle.position;
+        var v = particle.velocity;
+        var m = particle.mass;
+        var n = this.options.normal;
+        var action = this.options.onContact;
+        var restitution = this.options.restitution;
+        var impulse = this.impulse;
+
+        var drift = this.options.drift;
+        var slop = -this.options.slop;
+        var gamma = 0;
+
+        if (this._eventOutput) {
+            var data = {particle : particle, wall : this, overlap : overlap, normal : n};
+            this._eventOutput.emit('preCollision', data);
+            this._eventOutput.emit('collision', data);
+        }
+
+        switch (action) {
+            case Wall.ON_CONTACT.REFLECT:
+                var lambda = (overlap < slop)
+                    ? -((1 + restitution) * n.dot(v) + drift / dt * (overlap - slop)) / (m * dt + gamma)
+                    : -((1 + restitution) * n.dot(v)) / (m * dt + gamma);
+
+                impulse.set(n.mult(dt * lambda));
+                particle.applyImpulse(impulse);
+                particle.setPosition(p.add(n.mult(-overlap)));
+                break;
+        }
+
+        if (this._eventOutput) this._eventOutput.emit('postCollision', data);
+    }
+
+    function _onExit(particle, overlap, dt) {
+        var action = this.options.onContact;
+        var p = particle.position;
+        var n = this.options.normal;
+
+        if (action === Wall.ON_CONTACT.REFLECT) {
+            particle.setPosition(p.add(n.mult(-overlap)));
+        }
+    }
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the wall constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Wall.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var n = this.options.normal;
+
+        for (var i = 0; i < targets.length; i++) {
+            var particle = targets[i];
+            var p = particle.position;
+            var v = particle.velocity;
+            var r = particle.radius || 0;
+
+            var overlap = _getDistanceFromOrigin.call(this, p.add(n.mult(-r)));
+            var nv = _getNormalVelocity.call(this, n, v);
+
+            if (overlap <= 0) {
+                if (nv < 0) _onEnter.call(this, particle, overlap, dt);
+                else _onExit.call(this, particle, overlap, dt);
+            }
+        }
+    };
+
+    module.exports = Wall;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/transitions/WallTransition',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/forces/Spring','famous/physics/constraints/Wall','famous/math/Vector'],function(require, exports, module) {
+    var PE = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Spring = require('famous/physics/forces/Spring');
+    var Wall = require('famous/physics/constraints/Wall');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     * WallTransition is a method of transitioning between two values (numbers,
+     *   or arrays of numbers) with a bounce. Unlike a SpringTransition
+     *   The transition will not overshoot the target, but bounce back against it.
+     *   The behavior of the bounce is specified by the transition options.
+     *
+     * @class WallTransition
+     * @constructor
+     *
+     * @param {Number|Array} [state=0] Initial state
+     */
+    function WallTransition(state) {
+        state = state || 0;
+
+        this.endState  = new Vector(state);
+        this.initState = new Vector();
+
+        this.spring = new Spring({anchor : this.endState});
+        this.wall   = new Wall();
+
+        this._restTolerance = 1e-10;
+        this._dimensions = 1;
+        this._absRestTolerance = this._restTolerance;
+        this._callback = undefined;
+
+        this.PE = new PE();
+        this.particle = new Particle();
+
+        this.PE.addBody(this.particle);
+        this.PE.attach([this.wall, this.spring], this.particle);
+    }
+
+    WallTransition.SUPPORTS_MULTIPLE = 3;
+
+    /**
+     * @property WallTransition.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    WallTransition.DEFAULT_OPTIONS = {
+
+        /**
+         * The amount of time in milliseconds taken for one complete oscillation
+         * when there is no damping
+         *    Range : [0, Infinity]
+         *
+         * @attribute period
+         * @type Number
+         * @default 300
+         */
+        period : 300,
+
+        /**
+         * The damping of the snap.
+         *    Range : [0, 1]
+         *    0 = no damping, and the spring will oscillate forever
+         *    1 = critically damped (the spring will never oscillate)
+         *
+         * @attribute dampingRatio
+         * @type Number
+         * @default 0.5
+         */
+        dampingRatio : 0.5,
+
+        /**
+         * The initial velocity of the transition.
+         *
+         * @attribute velocity
+         * @type Number|Array
+         * @default 0
+         */
+        velocity : 0,
+
+        /**
+         * The percentage of momentum transferred to the wall
+         *
+         * @attribute restitution
+         * @type Number
+         * @default 0.5
+         */
+        resitution : 0.5
+    };
+
+    function _getEnergy() {
+        return this.particle.getEnergy() + this.spring.getEnergy(this.particle);
+    }
+
+    function _setAbsoluteRestTolerance() {
+        var distance = this.endState.sub(this.initState).normSquared();
+        this._absRestTolerance = (distance === 0)
+            ? this._restTolerance
+            : this._restTolerance * distance;
+    }
+
+    function _wake() {
+        this.PE.wake();
+    }
+
+    function _sleep() {
+        this.PE.sleep();
+    }
+
+    function _setTarget(target) {
+        this.endState.set(target);
+
+        var dist = this.endState.sub(this.initState).norm();
+
+        this.wall.setOptions({
+            distance : this.endState.norm(),
+            normal : (dist === 0)
+                ? this.particle.velocity.normalize(-1)
+                : this.endState.sub(this.initState).normalize(-1)
+        });
+
+        _setAbsoluteRestTolerance.call(this);
+    }
+
+    function _setParticlePosition(p) {
+        this.particle.position.set(p);
+    }
+
+    function _setParticleVelocity(v) {
+        this.particle.velocity.set(v);
+    }
+
+    function _getParticlePosition() {
+        return (this._dimensions === 0)
+            ? this.particle.getPosition1D()
+            : this.particle.getPosition();
+    }
+
+    function _getParticleVelocity() {
+        return (this._dimensions === 0)
+            ? this.particle.getVelocity1D()
+            : this.particle.getVelocity();
+    }
+
+    function _setCallback(callback) {
+        this._callback = callback;
+    }
+
+    function _update() {
+        if (this.PE.isSleeping()) {
+            if (this._callback) {
+                var cb = this._callback;
+                this._callback = undefined;
+                cb();
+            }
+            return;
+        }
+        var energy = _getEnergy.call(this);
+        if (energy < this._absRestTolerance) {
+            _sleep.call(this);
+            _setParticlePosition.call(this, this.endState);
+            _setParticleVelocity.call(this, [0,0,0]);
+        }
+    }
+
+    function _setupDefinition(def) {
+        var defaults = WallTransition.DEFAULT_OPTIONS;
+        if (def.period === undefined) def.period = defaults.period;
+        if (def.dampingRatio === undefined) def.dampingRatio = defaults.dampingRatio;
+        if (def.velocity === undefined) def.velocity = defaults.velocity;
+        if (def.restitution === undefined) def.restitution = defaults.restitution;
+
+        //setup spring
+        this.spring.setOptions({
+            period : def.period,
+            dampingRatio : def.dampingRatio
+        });
+
+        //setup wall
+        this.wall.setOptions({
+            restitution : def.restitution
+        });
+
+        //setup particle
+        _setParticleVelocity.call(this, def.velocity);
+    }
+
+    /**
+     * Resets the state and velocity
+     *
+     * @method reset
+     *
+     * @param {Number|Array}  state     State
+     * @param  {Number|Array} [velocity] Velocity
+     */
+    WallTransition.prototype.reset = function reset(state, velocity) {
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        this.initState.set(state);
+        _setParticlePosition.call(this, state);
+        if (velocity) _setParticleVelocity.call(this, velocity);
+        _setTarget.call(this, state);
+        _setCallback.call(this, undefined);
+    };
+
+    /**
+     * Getter for velocity
+     *
+     * @method getVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    WallTransition.prototype.getVelocity = function getVelocity() {
+        return _getParticleVelocity.call(this);
+    };
+
+    /**
+     * Setter for velocity
+     *
+     * @method setVelocity
+     *
+     * @return velocity {Number|Array}
+     */
+    WallTransition.prototype.setVelocity = function setVelocity(velocity) {
+        this.call(this, _setParticleVelocity(velocity));
+    };
+
+    /**
+     * Detects whether a transition is in progress
+     *
+     * @method isActive
+     *
+     * @return {Boolean}
+     */
+    WallTransition.prototype.isActive = function isActive() {
+        return !this.PE.isSleeping();
+    };
+
+    /**
+     * Halt the transition
+     *
+     * @method halt
+     */
+    WallTransition.prototype.halt = function halt() {
+        this.set(this.get());
+    };
+
+    /**
+     * Getter
+     *
+     * @method get
+     *
+     * @return state {Number|Array}
+     */
+    WallTransition.prototype.get = function get() {
+        _update.call(this);
+        return _getParticlePosition.call(this);
+    };
+
+    /**
+     * Set the end position and transition, with optional callback on completion.
+     *
+     * @method set
+     *
+     * @param state {Number|Array}      Final state
+     * @param [definition] {Object}     Transition definition
+     * @param [callback] {Function}     Callback
+     */
+    WallTransition.prototype.set = function set(state, definition, callback) {
+        if (!definition) {
+            this.reset(state);
+            if (callback) callback();
+            return;
+        }
+
+        this._dimensions = (state instanceof Array)
+            ? state.length
+            : 0;
+
+        _wake.call(this);
+        _setupDefinition.call(this, definition);
+        _setTarget.call(this, state);
+        _setCallback.call(this, callback);
+    };
+
+    module.exports = WallTransition;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/CanvasSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A surface containing an HTML5 Canvas element.
+     *   This extends the Surface class.
+     *
+     * @class CanvasSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {Array.Number} [options.canvasSize] [width, height] for document element
+     */
+    function CanvasSurface(options) {
+        if (options && options.canvasSize) this._canvasSize = options.canvasSize;
+        Surface.apply(this, arguments);
+        if (!this._canvasSize) this._canvasSize = this.getSize();
+        this._backBuffer = document.createElement('canvas');
+        if (this._canvasSize) {
+            this._backBuffer.width = this._canvasSize[0];
+            this._backBuffer.height = this._canvasSize[1];
+        }
+        this._contextId = undefined;
+    }
+
+    CanvasSurface.prototype = Object.create(Surface.prototype);
+    CanvasSurface.prototype.constructor = CanvasSurface;
+    CanvasSurface.prototype.elementType = 'canvas';
+    CanvasSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set inner document content.  Note that this is a noop for CanvasSurface.
+     *
+     * @method setContent
+     *
+     */
+    CanvasSurface.prototype.setContent = function setContent() {};
+
+    /**
+     * Place the document element this component manages into the document.
+     *    This will draw the content to the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    CanvasSurface.prototype.deploy = function deploy(target) {
+        if (this._canvasSize) {
+            target.width = this._canvasSize[0];
+            target.height = this._canvasSize[1];
+        }
+        if (this._contextId === '2d') {
+            target.getContext(this._contextId).drawImage(this._backBuffer, 0, 0);
+            this._backBuffer.width = 0;
+            this._backBuffer.height = 0;
+        }
+    };
+
+    /**
+     * Remove this component and contained content from the document
+     *
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    CanvasSurface.prototype.recall = function recall(target) {
+        var size = this.getSize();
+
+        this._backBuffer.width = target.width;
+        this._backBuffer.height = target.height;
+
+        if (this._contextId === '2d') {
+            this._backBuffer.getContext(this._contextId).drawImage(target, 0, 0);
+            target.width = 0;
+            target.height = 0;
+        }
+    };
+
+    /**
+     * Returns the canvas element's context
+     *
+     * @method getContext
+     * @param {string} contextId context identifier
+     */
+    CanvasSurface.prototype.getContext = function getContext(contextId) {
+        this._contextId = contextId;
+        return this._currTarget ? this._currTarget.getContext(contextId) : this._backBuffer.getContext(contextId);
+    };
+
+    /**
+     *  Set the size of the surface and canvas element.
+     *
+     *  @method setSize
+     *  @param {Array.number} size [width, height] of surface
+     *  @param {Array.number} canvasSize [width, height] of canvas surface
+     */
+    CanvasSurface.prototype.setSize = function setSize(size, canvasSize) {
+        Surface.prototype.setSize.apply(this, arguments);
+        if (canvasSize) this._canvasSize = [canvasSize[0], canvasSize[1]];
+        if (this._currTarget) {
+            this._currTarget.width = this._canvasSize[0];
+            this._currTarget.height = this._canvasSize[1];
+        }
+    };
+
+    module.exports = CanvasSurface;
+});
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/ContainerSurface',['require','exports','module','famous/core/Surface','famous/core/Context'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+    var Context = require('famous/core/Context');
+
+    /**
+     * ContainerSurface is an object designed to contain surfaces and
+     *   set properties to be applied to all of them at once.
+     *   This extends the Surface class.
+     *   A container surface will enforce these properties on the
+     *   surfaces it contains:
+     *
+     *   size (clips contained surfaces to its own width and height);
+     *
+     *   origin;
+     *
+     *   its own opacity and transform, which will be automatically
+     *   applied to  all Surfaces contained directly and indirectly.
+     *
+     * @class ContainerSurface
+     * @extends Surface
+     * @constructor
+     * @param {Array.Number} [options.size] [width, height] in pixels
+     * @param {Array.string} [options.classes] CSS classes to set on all inner content
+     * @param {Array} [options.properties] string dictionary of HTML attributes to set on target div
+     * @param {string} [options.content] inner (HTML) content of surface (should not be used)
+     */
+    function ContainerSurface(options) {
+        Surface.call(this, options);
+        this._container = document.createElement('div');
+        this._container.classList.add('famous-group');
+        this._container.classList.add('famous-container-group');
+        this._shouldRecalculateSize = false;
+        this.context = new Context(this._container);
+        this.setContent(this._container);
+    }
+
+    ContainerSurface.prototype = Object.create(Surface.prototype);
+    ContainerSurface.prototype.constructor = ContainerSurface;
+    ContainerSurface.prototype.elementType = 'div';
+    ContainerSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Add renderables to this object's render tree
+     *
+     * @method add
+     *
+     * @param {Object} obj renderable object
+     * @return {RenderNode} RenderNode wrapping this object, if not already a RenderNode
+     */
+    ContainerSurface.prototype.add = function add() {
+        return this.context.add.apply(this.context, arguments);
+    };
+
+    /**
+     * Return spec for this surface.  Note: Can result in a size recalculation.
+     *
+     * @private
+     * @method render
+     *
+     * @return {Object} render spec for this surface (spec id)
+     */
+    ContainerSurface.prototype.render = function render() {
+        if (this._sizeDirty) this._shouldRecalculateSize = true;
+        return Surface.prototype.render.apply(this, arguments);
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    ContainerSurface.prototype.deploy = function deploy() {
+        this._shouldRecalculateSize = true;
+        return Surface.prototype.deploy.apply(this, arguments);
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     * @param {Transform} transform unused TODO
+     * @param {Number} opacity  unused TODO
+     * @param {Array.Number} origin unused TODO
+     * @param {Array.Number} size unused TODO
+     * @return {undefined} TODO returns an undefined value
+     */
+    ContainerSurface.prototype.commit = function commit(context, transform, opacity, origin, size) {
+        var previousSize = this._size ? [this._size[0], this._size[1]] : null;
+        var result = Surface.prototype.commit.apply(this, arguments);
+        if (this._shouldRecalculateSize || (previousSize && (this._size[0] !== previousSize[0] || this._size[1] !== previousSize[1]))) {
+            this.context.setSize();
+            this._shouldRecalculateSize = false;
+        }
+        this.context.update();
+        return result;
+    };
+
+    module.exports = ContainerSurface;
+});
+
+define('famous/surfaces/FormContainerSurface',['require','exports','module','./ContainerSurface'],function(require, exports, module) {
+    var ContainerSurface = require('./ContainerSurface');
+
+    function FormContainerSurface(options) {
+        if (options) this._method = options.method || '';
+        ContainerSurface.apply(this, arguments);
+    }
+
+    FormContainerSurface.prototype = Object.create(ContainerSurface.prototype);
+    FormContainerSurface.prototype.constructor = FormContainerSurface;
+
+    FormContainerSurface.prototype.elementType = 'form';
+
+    FormContainerSurface.prototype.deploy = function deploy(target) {
+        if (this._method) target.method = this._method;
+        return ContainerSurface.prototype.deploy.apply(this, arguments);
+    };
+
+    module.exports = FormContainerSurface;
+});
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/ImageSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A surface containing image content.
+     *   This extends the Surface class.
+     *
+     * @class ImageSurface
+     *
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     */
+    function ImageSurface(options) {
+        this._imageUrl = undefined;
+        Surface.apply(this, arguments);
+    }
+
+    ImageSurface.prototype = Object.create(Surface.prototype);
+    ImageSurface.prototype.constructor = ImageSurface;
+    ImageSurface.prototype.elementType = 'img';
+    ImageSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set content URL.  This will cause a re-rendering.
+     * @method setContent
+     * @param {string} imageUrl
+     */
+    ImageSurface.prototype.setContent = function setContent(imageUrl) {
+        this._imageUrl = imageUrl;
+        this._contentDirty = true;
+    };
+
+    /**
+     * Place the document element that this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    ImageSurface.prototype.deploy = function deploy(target) {
+        target.src = this._imageUrl || '';
+    };
+
+    /**
+     * Remove this component and contained content from the document
+     *
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    ImageSurface.prototype.recall = function recall(target) {
+        target.src = '';
+    };
+
+    module.exports = ImageSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/InputSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A Famo.us surface in the form of an HTML input element.
+     *   This extends the Surface class.
+     *
+     * @class InputSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {string} [options.placeholder] placeholder text hint that describes the expected value of an <input> element
+     * @param {string} [options.type] specifies the type of element to display (e.g. 'datetime', 'text', 'button', etc.)
+     * @param {string} [options.value] value of text
+     */
+    function InputSurface(options) {
+        this._placeholder = options.placeholder || '';
+        this._value       = options.value || '';
+        this._type        = options.type || 'text';
+        this._name        = options.name || '';
+
+        Surface.apply(this, arguments);
+
+        this.on('click', this.focus.bind(this));
+        window.addEventListener('click', function(event) {
+            if (event.target !== this._currTarget) this.blur();
+        }.bind(this));
+    }
+    InputSurface.prototype = Object.create(Surface.prototype);
+    InputSurface.prototype.constructor = InputSurface;
+
+    InputSurface.prototype.elementType = 'input';
+    InputSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set placeholder text.  Note: Triggers a repaint.
+     *
+     * @method setPlaceholder
+     * @param {string} str Value to set the placeholder to.
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setPlaceholder = function setPlaceholder(str) {
+        this._placeholder = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Focus on the current input, pulling up the keyboard on mobile.
+     *
+     * @method focus
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.focus = function focus() {
+        if (this._currTarget) this._currTarget.focus();
+        return this;
+    };
+
+    /**
+     * Blur the current input, hiding the keyboard on mobile.
+     *
+     * @method blur
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.blur = function blur() {
+        if (this._currTarget) this._currTarget.blur();
+        return this;
+    };
+
+    /**
+     * Set the placeholder conent.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setValue
+     * @param {string} str Value to set the main input value to.
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setValue = function setValue(str) {
+        this._value = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Set the type of element to display conent.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setType
+     * @param {string} str type of the input surface (e.g. 'button', 'text')
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setType = function setType(str) {
+        this._type = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the value of the inner content of the element (e.g. the entered text)
+     *
+     * @method getValue
+     * @return {string} value of element
+     */
+    InputSurface.prototype.getValue = function getValue() {
+        if (this._currTarget) {
+            return this._currTarget.value;
+        }
+        else {
+            return this._value;
+        }
+    };
+
+    /**
+     * Set the name attribute of the element.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setName
+     * @param {string} str element name
+     * @return {InputSurface} this, allowing method chaining.
+     */
+    InputSurface.prototype.setName = function setName(str) {
+        this._name = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the name attribute of the element.
+     *
+     * @method getName
+     * @return {string} name of element
+     */
+    InputSurface.prototype.getName = function getName() {
+        return this._name;
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    InputSurface.prototype.deploy = function deploy(target) {
+        if (this._placeholder !== '') target.placeholder = this._placeholder;
+        target.value = this._value;
+        target.type = this._type;
+        target.name = this._name;
+    };
+
+    module.exports = InputSurface;
+});
+
+define('famous/surfaces/SubmitInputSurface',['require','exports','module','./InputSurface'],function(require, exports, module) {
+    var InputSurface = require('./InputSurface');
+
+    function SubmitInputSurface(options) {
+        InputSurface.apply(this, arguments);
+        this._type = 'submit';
+        if (options && options.onClick) this.setOnClick(options.onClick);
+    }
+
+    SubmitInputSurface.prototype = Object.create(InputSurface.prototype);
+    SubmitInputSurface.prototype.constructor = SubmitInputSurface;
+
+    SubmitInputSurface.prototype.setOnClick = function(onClick) {
+        this.onClick = onClick;
+    };
+
+    SubmitInputSurface.prototype.deploy = function deploy(target) {
+        if (this.onclick) target.onClick = this.onClick;
+        InputSurface.prototype.deploy.apply(this, arguments);
+    };
+
+    module.exports = SubmitInputSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/TextareaSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * A Famo.us surface in the form of an HTML textarea element.
+     *   This extends the Surface class.
+     *
+     * @class TextareaSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] overrides of default options
+     * @param {string} [options.placeholder] placeholder text hint that describes the expected value of an textarea element
+     * @param {string} [options.value] value of text
+     * @param {string} [options.name] specifies the name of textarea
+     * @param {string} [options.wrap] specify 'hard' or 'soft' wrap for textarea
+     * @param {number} [options.cols] number of columns in textarea
+     * @param {number} [options.rows] number of rows in textarea
+     */
+    function TextareaSurface(options) {
+        this._placeholder = options.placeholder || '';
+        this._value       = options.value || '';
+        this._name        = options.name || '';
+        this._wrap        = options.wrap || '';
+        this._cols        = options.cols || '';
+        this._rows        = options.rows || '';
+
+        Surface.apply(this, arguments);
+        this.on('click', this.focus.bind(this));
+    }
+    TextareaSurface.prototype = Object.create(Surface.prototype);
+    TextareaSurface.prototype.constructor = TextareaSurface;
+
+    TextareaSurface.prototype.elementType = 'textarea';
+    TextareaSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set placeholder text.  Note: Triggers a repaint.
+     *
+     * @method setPlaceholder
+     * @param {string} str Value to set the placeholder to.
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setPlaceholder = function setPlaceholder(str) {
+        this._placeholder = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Focus on the current input, pulling up the keyboard on mobile.
+     *
+     * @method focus
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.focus = function focus() {
+        if (this._currTarget) this._currTarget.focus();
+        return this;
+    };
+
+    /**
+     * Blur the current input, hiding the keyboard on mobile.
+     *
+     * @method focus
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.blur = function blur() {
+        if (this._currTarget) this._currTarget.blur();
+        return this;
+    };
+
+    /**
+     * Set the value of textarea.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setValue
+     * @param {string} str Value to set the main textarea value to.
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setValue = function setValue(str) {
+        this._value = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the value of the inner content of the textarea (e.g. the entered text)
+     *
+     * @method getValue
+     * @return {string} value of element
+     */
+    TextareaSurface.prototype.getValue = function getValue() {
+        if (this._currTarget) {
+            return this._currTarget.value;
+        }
+        else {
+            return this._value;
+        }
+    };
+
+    /**
+     * Set the name attribute of the element.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setName
+     * @param {string} str element name
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setName = function setName(str) {
+        this._name = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Get the name attribute of the element.
+     *
+     * @method getName
+     * @return {string} name of element
+     */
+    TextareaSurface.prototype.getName = function getName() {
+        return this._name;
+    };
+
+    /**
+     * Set the wrap of textarea.
+     *   Note: Triggers a repaint next tick.
+     *
+     * @method setWrap
+     * @param {string} str wrap of the textarea surface (e.g. 'soft', 'hard')
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setWrap = function setWrap(str) {
+        this._wrap = str;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Set the number of columns visible in the textarea.
+     *   Note: Overridden by surface size; set width to true. (eg. size: [true, *])
+     *         Triggers a repaint next tick.
+     *
+     * @method setColumns
+     * @param {number} num columns in textarea surface
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setColumns = function setColumns(num) {
+        this._cols = num;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Set the number of rows visible in the textarea.
+     *   Note: Overridden by surface size; set height to true. (eg. size: [*, true])
+     *         Triggers a repaint next tick.
+     *
+     * @method setRows
+     * @param {number} num rows in textarea surface
+     * @return {TextareaSurface} this, allowing method chaining.
+     */
+    TextareaSurface.prototype.setRows = function setRows(num) {
+        this._rows = num;
+        this._contentDirty = true;
+        return this;
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    TextareaSurface.prototype.deploy = function deploy(target) {
+        if (this._placeholder !== '') target.placeholder = this._placeholder;
+        if (this._value !== '') target.value = this._value;
+        if (this._name !== '') target.name = this._name;
+        if (this._wrap !== '') target.wrap = this._wrap;
+        if (this._cols !== '') target.cols = this._cols;
+        if (this._rows !== '') target.rows = this._rows;
+    };
+
+    module.exports = TextareaSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/surfaces/VideoSurface',['require','exports','module','famous/core/Surface'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+
+    /**
+     * Creates a famous surface containing video content. Currently adding
+     *   controls and manipulating the video are not supported through the
+     *   surface interface, but can be accomplished via standard JavaScript
+     *   manipulation of the video DOM element.
+     *   This extends the Surface class.
+     *
+     * @class VideoSurface
+     * @extends Surface
+     * @constructor
+     * @param {Object} [options] default option overrides
+     * @param {Array.Number} [options.size] [width, height] in pixels
+     * @param {Array.string} [options.classes] CSS classes to set on inner content
+     * @param {Array} [options.properties] string dictionary of HTML attributes to set on target div
+     * @param {string} [options.content] inner (HTML) content of surface
+     * @param {boolean} [options.autoplay] autoplay
+     */
+    function VideoSurface(options) {
+        this._videoUrl = undefined;
+        this.options = Object.create(VideoSurface.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        Surface.apply(this, arguments);
+    }
+    VideoSurface.prototype = Object.create(Surface.prototype);
+    VideoSurface.prototype.constructor = VideoSurface;
+
+    VideoSurface.DEFAULT_OPTIONS = {
+        autoplay: false
+    };
+
+    VideoSurface.prototype.elementType = 'video';
+    VideoSurface.prototype.elementClass = 'famous-surface';
+
+    /**
+     * Set internal options, overriding any default options
+     *
+     * @method setOptions
+     *
+     * @param {Object} [options] overrides of default options
+     * @param {Boolean} [options.autoplay] HTML autoplay
+     */
+    VideoSurface.prototype.setOptions = function setOptions(options) {
+        for (var key in VideoSurface.DEFAULT_OPTIONS) {
+            if (options[key] !== undefined) this.options[key] = options[key];
+        }
+    };
+
+    /**
+     * Set url of the video.
+     *
+     * @method setContent
+     * @param {string} videoUrl URL
+     */
+    VideoSurface.prototype.setContent = function setContent(videoUrl) {
+        this._videoUrl = videoUrl;
+        this._contentDirty = true;
+    };
+
+    /**
+     * Place the document element this component manages into the document.
+     *   Note: In the case of VideoSurface, simply changes the options on the target.
+     *
+     * @private
+     * @method deploy
+     * @param {Node} target document parent of this container
+     */
+    VideoSurface.prototype.deploy = function deploy(target) {
+        target.src = this._videoUrl;
+        target.autoplay = this.options.autoplay;
+    };
+
+    /**
+     * Remove this component and contained content from the document.
+     *   Note: This doesn't actually remove the <video> element from the
+     *   document.
+     * @private
+     * @method recall
+     *
+     * @param {Node} target node to which the component was deployed
+     */
+    VideoSurface.prototype.recall = function recall(target) {
+        target.src = '';
+    };
+
+    module.exports = VideoSurface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/utilities/KeyCodes',['require','exports','module'],function(require, exports, module) {
+
+    /**
+     * Collection to map keyboard codes in plain english
+     *
+     * @class KeyCodes
+     * @static
+     */
+    var KeyCodes = {
+        0 : 48,
+        1 : 49,
+        2 : 50,
+        3 : 51,
+        4 : 52,
+        5 : 53,
+        6 : 54,
+        7 : 55,
+        8 : 56,
+        9 : 57,
+        a : 97,
+        b : 98,
+        c : 99,
+        d : 100,
+        e : 101,
+        f : 102,
+        g : 103,
+        h : 104,
+        i : 105,
+        j : 106,
+        k : 107,
+        l : 108,
+        m : 109,
+        n : 110,
+        o : 111,
+        p : 112,
+        q : 113,
+        r : 114,
+        s : 115,
+        t : 116,
+        u : 117,
+        v : 118,
+        w : 119,
+        x : 120,
+        y : 121,
+        z : 122,
+        A : 65,
+        B : 66,
+        C : 67,
+        D : 68,
+        E : 69,
+        F : 70,
+        G : 71,
+        H : 72,
+        I : 73,
+        J : 74,
+        K : 75,
+        L : 76,
+        M : 77,
+        N : 78,
+        O : 79,
+        P : 80,
+        Q : 81,
+        R : 82,
+        S : 83,
+        T : 84,
+        U : 85,
+        V : 86,
+        W : 87,
+        X : 88,
+        Y : 89,
+        Z : 90,
+        ENTER : 13,
+        LEFT_ARROW: 37,
+        RIGHT_ARROW: 39,
+        UP_ARROW: 38,
+        DOWN_ARROW: 40,
+        SPACE: 32,
+        SHIFT: 16,
+        TAB: 9
+    };
+
+    module.exports = KeyCodes;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+// TODO fix func-style
+/*eslint func-style: [0, "declaration"] */
+
+define('famous/utilities/Timer',['require','exports','module','famous/core/Engine'],function(require, exports, module) {
+    /**
+     * An internal library to reproduce javascript time-based scheduling.
+     *   Using standard javascript setTimeout methods can have a negative performance impact
+     *   when combined with the Famous rendering process, so instead require Timer and call
+     *   Timer.setTimeout, Timer.setInterval, etc.
+     *
+     * @class Timer
+     * @constructor
+     */
+    var FamousEngine = require('famous/core/Engine');
+
+    var _event  = 'prerender';
+
+    var getTime = (window.performance) ?
+        function() {
+            return window.performance.now();
+        }
+        : function() {
+            return Date.now();
+        };
+
+    /**
+     * Add a function to be run on every prerender
+     *
+     * @method addTimerFunction
+     *
+     * @param {function} fn function to be run every prerender
+     *
+     * @return {function} function passed in as parameter
+     */
+    function addTimerFunction(fn) {
+        FamousEngine.on(_event, fn);
+        return fn;
+    }
+
+    /**
+     * Wraps a function to be invoked after a certain amount of time.
+     *  After a set duration has passed, it executes the function and
+     *  removes it as a listener to 'prerender'.
+     *
+     * @method setTimeout
+     *
+     * @param {function} fn function to be run after a specified duration
+     * @param {number} duration milliseconds from now to execute the function
+     *
+     * @return {function} function passed in as parameter
+     */
+    function setTimeout(fn, duration) {
+        var t = getTime();
+        var callback = function() {
+            var t2 = getTime();
+            if (t2 - t >= duration) {
+                fn.apply(this, arguments);
+                FamousEngine.removeListener(_event, callback);
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Wraps a function to be invoked after a certain amount of time.
+     *  After a set duration has passed, it executes the function and
+     *  resets the execution time.
+     *
+     * @method setInterval
+     *
+     * @param {function} fn function to be run after a specified duration
+     * @param {number} duration interval to execute function in milliseconds
+     *
+     * @return {function} function passed in as parameter
+     */
+    function setInterval(fn, duration) {
+        var t = getTime();
+        var callback = function() {
+            var t2 = getTime();
+            if (t2 - t >= duration) {
+                fn.apply(this, arguments);
+                t = getTime();
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Wraps a function to be invoked after a certain amount of prerender ticks.
+     *  Similar use to setTimeout but tied to the engine's run speed.
+     *
+     * @method after
+     *
+     * @param {function} fn function to be run after a specified amount of ticks
+     * @param {number} numTicks number of prerender frames to wait
+     *
+     * @return {function} function passed in as parameter
+     */
+    function after(fn, numTicks) {
+        if (numTicks === undefined) return undefined;
+        var callback = function() {
+            numTicks--;
+            if (numTicks <= 0) { //in case numTicks is fraction or negative
+                fn.apply(this, arguments);
+                clear(callback);
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Wraps a function to be continually invoked after a certain amount of prerender ticks.
+     *  Similar use to setInterval but tied to the engine's run speed.
+     *
+     * @method every
+     *
+     * @param {function} fn function to be run after a specified amount of ticks
+     * @param {number} numTicks number of prerender frames to wait
+     *
+     * @return {function} function passed in as parameter
+     */
+    function every(fn, numTicks) {
+        numTicks = numTicks || 1;
+        var initial = numTicks;
+        var callback = function() {
+            numTicks--;
+            if (numTicks <= 0) { //in case numTicks is fraction or negative
+                fn.apply(this, arguments);
+                numTicks = initial;
+            }
+        };
+        return addTimerFunction(callback);
+    }
+
+    /**
+     * Remove a function that gets called every prerender
+     *
+     * @method clear
+     *
+     * @param {function} fn event linstener
+     */
+    function clear(fn) {
+        FamousEngine.removeListener(_event, fn);
+    }
+
+    /**
+     * Executes a function after a certain amount of time. Makes sure
+     *  the function is not run multiple times.
+     *
+     * @method debounce
+     *
+     * @param {function} func function to run after certain amount of time
+     * @param {number} wait amount of time
+     *
+     * @return {function} function that is not able to debounce
+     */
+    function debounce(func, wait) {
+        var timeout;
+        var ctx;
+        var timestamp;
+        var result;
+        var args;
+        return function() {
+            ctx = this;
+            args = arguments;
+            timestamp = getTime();
+
+            var fn = function() {
+                var last = getTime - timestamp;
+
+                if (last < wait) {
+                    timeout = setTimeout(fn, wait - last);
+                } else {
+                    timeout = null;
+                    result = func.apply(ctx, args);
+                }
+            };
+
+            clear(timeout);
+            timeout = setTimeout(fn, wait);
+
+            return result;
+        };
+    }
+
+    module.exports = {
+        setTimeout : setTimeout,
+        setInterval : setInterval,
+        debounce : debounce,
+        after : after,
+        every : every,
+        clear : clear
+    };
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mike@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/ContextualView',['require','exports','module','famous/core/Entity','famous/core/Transform','famous/core/EventHandler','famous/core/OptionsManager'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var Transform = require('famous/core/Transform');
+    var EventHandler = require('famous/core/EventHandler');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * ContextualView is an interface for creating views that need to
+     *   be aware of their parent's transform, size, and/or origin.
+     *   Consists of a OptionsManager paired with an input EventHandler
+     *   and an output EventHandler. Meant to be extended by the developer.
+     * @class ContextualView
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     */
+    function ContextualView(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS || ContextualView.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._id = Entity.register(this);
+    }
+
+    ContextualView.DEFAULT_OPTIONS = {};
+
+    /**
+     * Patches the ContextualLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the ContextualLayout instance.
+     */
+    ContextualView.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Returns ContextualLayout instance's options.
+     *
+     * @method setOptions
+     * @return {Options} options The instance's object of configurable options.
+     */
+    ContextualView.prototype.getOptions = function getOptions() {
+        return this._optionsManager.getOptions();
+    };
+
+    /**
+     * Return the registers Entity id for the ContextualView.
+     *
+     * @private
+     * @method render
+     * @return {Number} Registered Entity id
+     */
+    ContextualView.prototype.render = function render() {
+        return this._id;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    ContextualView.prototype.commit = function commit(context) {};
+
+    module.exports = ContextualView;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/SequentialLayout',['require','exports','module','famous/core/OptionsManager','famous/core/Transform','famous/core/ViewSequence','famous/utilities/Utility'],function(require, exports, module) {
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transform = require('famous/core/Transform');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var Utility = require('famous/utilities/Utility');
+
+    /**
+     * SequentialLayout will lay out a collection of renderables sequentially in the specified direction.
+     * @class SequentialLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=Utility.Direction.Y] Using the direction helper found in the famous Utility
+     * module, this option will lay out the SequentialLayout instance's renderables either horizontally
+     * (x) or vertically (y). Utility's direction is essentially either zero (X) or one (Y), so feel free
+     * to just use integers as well.
+     * @param {Array.Number} [options.defaultItemSize=[50, 50]] In the case where a renderable layed out
+     * under SequentialLayout's control doesen't have a getSize method, SequentialLayout will assign it
+     * this default size. (Commonly a case with Views).
+     */
+    function SequentialLayout(options) {
+        this._items = null;
+        this._size = null;
+        this._outputFunction = SequentialLayout.DEFAULT_OUTPUT_FUNCTION;
+
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+
+        this._itemsCache = [];
+        this._outputCache = {
+            size: null,
+            target: this._itemsCache
+        };
+
+        if (options) this.setOptions(options);
+    }
+
+    SequentialLayout.DEFAULT_OPTIONS = {
+        direction: Utility.Direction.Y,
+        itemSpacing: 0,
+        defaultItemSize: [50, 50]
+    };
+
+    SequentialLayout.DEFAULT_OUTPUT_FUNCTION = function DEFAULT_OUTPUT_FUNCTION(input, offset, index) {
+        var transform = (this.options.direction === Utility.Direction.X) ? Transform.translate(offset, 0) : Transform.translate(0, offset);
+        return {
+            transform: transform,
+            target: input.render()
+        };
+    };
+
+    /**
+     * Returns the width and the height of the SequentialLayout instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of the SequentialLayout instance's current width and height (in that order).
+     */
+    SequentialLayout.prototype.getSize = function getSize() {
+        if (!this._size) this.render(); // hack size in
+        return this._size;
+    };
+
+    /**
+     * Sets the collection of renderables under the SequentialLayout instance's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} items Either an array of renderables or a Famous viewSequence.
+     * @chainable
+     */
+    SequentialLayout.prototype.sequenceFrom = function sequenceFrom(items) {
+        if (items instanceof Array) items = new ViewSequence(items);
+        this._items = items;
+        return this;
+    };
+
+    /**
+     * Patches the SequentialLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the SequentialLayout instance.
+     * @chainable
+     */
+    SequentialLayout.prototype.setOptions = function setOptions(options) {
+        this.optionsManager.setOptions.apply(this.optionsManager, arguments);
+        return this;
+    };
+
+    /**
+     * setOutputFunction is used to apply a user-defined output transform on each processed renderable.
+     *  For a good example, check out SequentialLayout's own DEFAULT_OUTPUT_FUNCTION in the code.
+     *
+     * @method setOutputFunction
+     * @param {Function} outputFunction An output processer for each renderable in the SequentialLayout
+     * instance.
+     * @chainable
+     */
+    SequentialLayout.prototype.setOutputFunction = function setOutputFunction(outputFunction) {
+        this._outputFunction = outputFunction;
+        return this;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    SequentialLayout.prototype.render = function render() {
+        var length = 0;
+        var girth = 0;
+
+        var lengthDim = (this.options.direction === Utility.Direction.X) ? 0 : 1;
+        var girthDim = (this.options.direction === Utility.Direction.X) ? 1 : 0;
+
+        var currentNode = this._items;
+        var result = this._itemsCache;
+        var i = 0;
+        while (currentNode) {
+            var item = currentNode.get();
+            if (!item) break;
+
+            var itemSize;
+            if (item && item.getSize) itemSize = item.getSize();
+            if (!itemSize) itemSize = this.options.defaultItemSize;
+            if (itemSize[girthDim] !== true) girth = Math.max(girth, itemSize[girthDim]);
+
+            var output = this._outputFunction.call(this, item, length, i);
+            result[i] = output;
+
+            if (itemSize[lengthDim] && (itemSize[lengthDim] !== true)) length += itemSize[lengthDim] + this.options.itemSpacing;
+            currentNode = currentNode.getNext();
+            i++;
+        }
+        this._itemsCache.splice(i);
+
+        if (!girth) girth = undefined;
+
+        if (!this._size) this._size = [0, 0];
+        this._size[lengthDim] = length - this.options.itemSpacing; // account for last itemSpacing
+        this._size[girthDim] = girth;
+
+        this._outputCache.size = this.getSize();
+        return this._outputCache;
+    };
+
+    module.exports = SequentialLayout;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/Deck',['require','exports','module','famous/core/Transform','famous/core/OptionsManager','famous/transitions/Transitionable','famous/utilities/Utility','./SequentialLayout'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var Utility = require('famous/utilities/Utility');
+    var SequentialLayout = require('./SequentialLayout');
+
+    /**
+     * A Sequential Layout that can be opened and closed with animations.
+     *
+     *   Takes the same options as SequentialLayout
+     *   as well as options for the open/close transition
+     *   and the rotation you want your Deck instance to layout in.
+     *
+     * @class Deck
+     * @constructor
+     * @extends SequentialLayout
+     *
+     * @param {Options} [options] An object of configurable options
+     * @param {Transition} [options.transition={duration: 500, curve: 'easeOutBounce'}
+     *   The transition that executes upon opening or closing your deck instance.
+     * @param {Number} [stackRotation=0] The amount of rotation applied to the propogation
+     *   of the Deck instance's stack of renderables.
+     * @param {Object} [options.transition] A transition object for changing between states.
+     * @param {Number} [options.direction] axis of expansion (Utility.Direction.X or .Y)
+     */
+    function Deck(options) {
+        SequentialLayout.apply(this, arguments);
+        this.state = new Transitionable(0);
+        this._isOpen = false;
+
+        this.setOutputFunction(function(input, offset, index) {
+            var state = _getState.call(this);
+            var positionMatrix = (this.options.direction === Utility.Direction.X) ?
+                Transform.translate(state * offset, 0, 0.001 * (state - 1) * offset) :
+                Transform.translate(0, state * offset, 0.001 * (state - 1) * offset);
+            var output = input.render();
+            if (this.options.stackRotation) {
+                var amount = this.options.stackRotation * index * (1 - state);
+                output = {
+                    transform: Transform.rotateZ(amount),
+                    origin: [0.5, 0.5],
+                    target: output
+                };
+            }
+            return {
+                transform: positionMatrix,
+                size: input.getSize(),
+                target: output
+            };
+        });
+    }
+    Deck.prototype = Object.create(SequentialLayout.prototype);
+    Deck.prototype.constructor = Deck;
+
+    Deck.DEFAULT_OPTIONS = OptionsManager.patch(SequentialLayout.DEFAULT_OPTIONS, {
+        transition: {
+            curve: 'easeOutBounce',
+            duration: 500
+        },
+        stackRotation: 0
+    });
+
+    /**
+     * Returns the width and the height of the Deck instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of Deck's current width and height (in that order).
+     *   Scales as Deck opens and closes.
+     */
+    Deck.prototype.getSize = function getSize() {
+        var originalSize = SequentialLayout.prototype.getSize.apply(this, arguments);
+        var firstSize = this._items ? this._items.get().getSize() : [0, 0];
+        if (!firstSize) firstSize = [0, 0];
+        var state = _getState.call(this);
+        var invState = 1 - state;
+        return [firstSize[0] * invState + originalSize[0] * state, firstSize[1] * invState + originalSize[1] * state];
+    };
+
+    function _getState(returnFinal) {
+        if (returnFinal) return this._isOpen ? 1 : 0;
+        else return this.state.get();
+    }
+
+    function _setState(pos, transition, callback) {
+        this.state.halt();
+        this.state.set(pos, transition, callback);
+    }
+
+    /**
+     * An accesor method to find out if the messaged Deck instance is open or closed.
+     *
+     * @method isOpen
+     * @return {Boolean} Returns true if the instance is open or false if it's closed.
+     */
+    Deck.prototype.isOpen = function isOpen() {
+        return this._isOpen;
+    };
+
+    /**
+     * Sets the Deck instance to an open state.
+     *
+     * @method open
+     * @param {function} [callback] Executes after transitioning to a fully open state.
+     */
+    Deck.prototype.open = function open(callback) {
+        this._isOpen = true;
+       _setState.call(this, 1, this.options.transition, callback);
+    };
+
+    /**
+     * Sets the Deck instance to an open state.
+     *
+     * @method close
+     * @param {function} [callback] Executes after transitioning to a fully closed state.
+     */
+    Deck.prototype.close = function close(callback) {
+        this._isOpen = false;
+        _setState.call(this, 0, this.options.transition, callback);
+    };
+
+    /**
+     * Sets the Deck instance from its current state to the opposite state.
+     *
+     * @method close
+     * @param {function} [callback] Executes after transitioning to the toggled state.
+     */
+    Deck.prototype.toggle = function toggle(callback) {
+        if (this._isOpen) this.close(callback);
+        else this.open(callback);
+    };
+
+    module.exports = Deck;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/RenderController',['require','exports','module','famous/core/Modifier','famous/core/RenderNode','famous/core/Transform','famous/transitions/Transitionable','famous/core/View'],function(require, exports, module) {
+    var Modifier = require('famous/core/Modifier');
+    var RenderNode = require('famous/core/RenderNode');
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var View = require('famous/core/View');
+
+    /**
+     * A dynamic view that can show or hide different renerables with transitions.
+     * @class RenderController
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Transition} [inTransition=true] The transition in charge of showing a renderable.
+     * @param {Transition} [outTransition=true]  The transition in charge of removing your previous renderable when
+     * you show a new one, or hiding your current renderable.
+     * @param {Boolean} [overlap=true] When showing a new renderable, overlap determines if the
+      out transition of the old one executes concurrently with the in transition of the new one,
+       or synchronously beforehand.
+     */
+    function RenderController(options) {
+        View.apply(this, arguments);
+
+        this._showing = -1;
+        this._outgoingRenderables = [];
+        this._nextRenderable = null;
+
+        this._renderables = [];
+        this._nodes = [];
+        this._modifiers = [];
+        this._states = [];
+
+        this.inTransformMap = RenderController.DefaultMap.transform;
+        this.inOpacityMap = RenderController.DefaultMap.opacity;
+        this.inOriginMap = RenderController.DefaultMap.origin;
+        this.outTransformMap = RenderController.DefaultMap.transform;
+        this.outOpacityMap = RenderController.DefaultMap.opacity;
+        this.outOriginMap = RenderController.DefaultMap.origin;
+
+        this._output = [];
+    }
+    RenderController.prototype = Object.create(View.prototype);
+    RenderController.prototype.constructor = RenderController;
+
+    RenderController.DEFAULT_OPTIONS = {
+        inTransition: true,
+        outTransition: true,
+        overlap: true
+    };
+
+    RenderController.DefaultMap = {
+        transform: function() {
+            return Transform.identity;
+        },
+        opacity: function(progress) {
+            return progress;
+        },
+        origin: null
+    };
+
+    function _mappedState(map, state) {
+        return map(state.get());
+    }
+
+    /**
+     * As your RenderController shows a new renderable, it executes a transition in. This transition in
+     *  will affect a default interior state and modify it as you bring renderables in and out. However, if you want to control
+     *  the transform, opacity, and origin state yourself, you may call certain methods (such as inTransformFrom) to obtain state from an outside source,
+     *  that may either be a function or a Famous transitionable. inTransformFrom sets the accessor for the state of
+     *  the transform used in transitioning in renderables.
+     *
+     * @method inTransformFrom
+     * @param {Function|Transitionable} transform  A function that returns a transform from outside closure, or a
+     * a transitionable that manages a full transform (a sixteen value array).
+     * @chainable
+     */
+    RenderController.prototype.inTransformFrom = function inTransformFrom(transform) {
+        if (transform instanceof Function) this.inTransformMap = transform;
+        else if (transform && transform.get) this.inTransformMap = transform.get.bind(transform);
+        else throw new Error('inTransformFrom takes only function or getter object');
+        //TODO: tween transition
+        return this;
+    };
+
+    /**
+     * inOpacityFrom sets the accessor for the state of the opacity used in transitioning in renderables.
+     * @method inOpacityFrom
+     * @param {Function|Transitionable} opacity  A function that returns an opacity from outside closure, or a
+     * a transitionable that manages opacity (a number between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.inOpacityFrom = function inOpacityFrom(opacity) {
+        if (opacity instanceof Function) this.inOpacityMap = opacity;
+        else if (opacity && opacity.get) this.inOpacityMap = opacity.get.bind(opacity);
+        else throw new Error('inOpacityFrom takes only function or getter object');
+        //TODO: tween opacity
+        return this;
+    };
+
+    /**
+     * inOriginFrom sets the accessor for the state of the origin used in transitioning in renderables.
+     * @method inOriginFrom
+     * @param {Function|Transitionable} origin A function that returns an origin from outside closure, or a
+     * a transitionable that manages origin (a two value array of numbers between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.inOriginFrom = function inOriginFrom(origin) {
+        if (origin instanceof Function) this.inOriginMap = origin;
+        else if (origin && origin.get) this.inOriginMap = origin.get.bind(origin);
+        else throw new Error('inOriginFrom takes only function or getter object');
+        //TODO: tween origin
+        return this;
+    };
+
+    /**
+     * outTransformFrom sets the accessor for the state of the transform used in transitioning out renderables.
+     * @method show
+     * @param {Function|Transitionable} transform  A function that returns a transform from outside closure, or a
+     * a transitionable that manages a full transform (a sixteen value array).
+     * @chainable
+     */
+    RenderController.prototype.outTransformFrom = function outTransformFrom(transform) {
+        if (transform instanceof Function) this.outTransformMap = transform;
+        else if (transform && transform.get) this.outTransformMap = transform.get.bind(transform);
+        else throw new Error('inTransformFrom takes only function or getter object');
+        //TODO: tween transition
+        return this;
+    };
+
+    /**
+     * outOpacityFrom sets the accessor for the state of the opacity used in transitioning out renderables.
+     * @method inOpacityFrom
+     * @param {Function|Transitionable} opacity  A function that returns an opacity from outside closure, or a
+     * a transitionable that manages opacity (a number between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.outOpacityFrom = function outOpacityFrom(opacity) {
+        if (opacity instanceof Function) this.outOpacityMap = opacity;
+        else if (opacity && opacity.get) this.outOpacityMap = opacity.get.bind(opacity);
+        else throw new Error('inOpacityFrom takes only function or getter object');
+        //TODO: tween opacity
+        return this;
+    };
+
+    /**
+     * outOriginFrom sets the accessor for the state of the origin used in transitioning out renderables.
+     * @method inOriginFrom
+     * @param {Function|Transitionable} origin A function that returns an origin from outside closure, or a
+     * a transitionable that manages origin (a two value array of numbers between zero and one).
+     * @chainable
+     */
+    RenderController.prototype.outOriginFrom = function outOriginFrom(origin) {
+        if (origin instanceof Function) this.outOriginMap = origin;
+        else if (origin && origin.get) this.outOriginMap = origin.get.bind(origin);
+        else throw new Error('inOriginFrom takes only function or getter object');
+        //TODO: tween origin
+        return this;
+    };
+
+    /**
+     * Show displays the targeted renderable with a transition and an optional callback to
+     * execute afterwards.
+     * @method show
+     * @param {Object} renderable The renderable you want to show.
+     * @param {Transition} [transition] Overwrites the default transition in to display the
+     * passed-in renderable.
+     * @param {function} [callback] Executes after transitioning in the renderable.
+     * @chainable
+     */
+    RenderController.prototype.show = function show(renderable, transition, callback) {
+        if (!renderable) {
+            return this.hide(callback);
+        }
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = null;
+        }
+
+        if (this._showing >= 0) {
+            if (this.options.overlap) this.hide();
+            else {
+                if (this._nextRenderable) {
+                    this._nextRenderable = renderable;
+                }
+                else {
+                    this._nextRenderable = renderable;
+                    this.hide(function() {
+                        if (this._nextRenderable === renderable) this.show(this._nextRenderable, callback);
+                        this._nextRenderable = null;
+                    });
+                }
+                return undefined;
+            }
+        }
+
+        var state = null;
+
+        // check to see if we should restore
+        var renderableIndex = this._renderables.indexOf(renderable);
+        if (renderableIndex >= 0) {
+            this._showing = renderableIndex;
+            state = this._states[renderableIndex];
+            state.halt();
+
+            var outgoingIndex = this._outgoingRenderables.indexOf(renderable);
+            if (outgoingIndex >= 0) this._outgoingRenderables.splice(outgoingIndex, 1);
+        }
+        else {
+            state = new Transitionable(0);
+
+            var modifier = new Modifier({
+                transform: this.inTransformMap ? _mappedState.bind(this, this.inTransformMap, state) : null,
+                opacity: this.inOpacityMap ? _mappedState.bind(this, this.inOpacityMap, state) : null,
+                origin: this.inOriginMap ? _mappedState.bind(this, this.inOriginMap, state) : null
+            });
+            var node = new RenderNode();
+            node.add(modifier).add(renderable);
+
+            this._showing = this._nodes.length;
+            this._nodes.push(node);
+            this._modifiers.push(modifier);
+            this._states.push(state);
+            this._renderables.push(renderable);
+        }
+
+        if (!transition) transition = this.options.inTransition;
+        state.set(1, transition, callback);
+    };
+
+    /**
+     * Hide hides the currently displayed renderable with an out transition.
+     * @method hide
+     * @param {Transition} [transition] Overwrites the default transition in to hide the
+     * currently controlled renderable.
+     * @param {function} [callback] Executes after transitioning out the renderable.
+     * @chainable
+     */
+    RenderController.prototype.hide = function hide(transition, callback) {
+        if (this._showing < 0) return;
+        var index = this._showing;
+        this._showing = -1;
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = undefined;
+        }
+
+        var node = this._nodes[index];
+        var modifier = this._modifiers[index];
+        var state = this._states[index];
+        var renderable = this._renderables[index];
+
+        modifier.transformFrom(this.outTransformMap ? _mappedState.bind(this, this.outTransformMap, state) : null);
+        modifier.opacityFrom(this.outOpacityMap ? _mappedState.bind(this, this.outOpacityMap, state) : null);
+        modifier.originFrom(this.outOriginMap ? _mappedState.bind(this, this.outOriginMap, state) : null);
+
+        if (this._outgoingRenderables.indexOf(renderable) < 0) this._outgoingRenderables.push(renderable);
+
+        if (!transition) transition = this.options.outTransition;
+        state.halt();
+        state.set(0, transition, function(node, modifier, state, renderable) {
+            if (this._outgoingRenderables.indexOf(renderable) >= 0) {
+                var index = this._nodes.indexOf(node);
+                this._nodes.splice(index, 1);
+                this._modifiers.splice(index, 1);
+                this._states.splice(index, 1);
+                this._renderables.splice(index, 1);
+                this._outgoingRenderables.splice(this._outgoingRenderables.indexOf(renderable), 1);
+
+                if (this._showing >= index) this._showing--;
+            }
+            if (callback) callback.call(this);
+        }.bind(this, node, modifier, state, renderable));
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    RenderController.prototype.render = function render() {
+        var result = this._output;
+        if (result.length > this._nodes.length) result.splice(this._nodes.length);
+        for (var i = 0; i < this._nodes.length; i++) {
+            result[i] = this._nodes[i].render();
+        }
+        return result;
+    };
+
+    module.exports = RenderController;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/EdgeSwapper',['require','exports','module','famous/transitions/CachedMap','famous/core/Entity','famous/core/EventHandler','famous/core/Transform','./RenderController'],function(require, exports, module) {
+    var CachedMap = require('famous/transitions/CachedMap');
+    var Entity = require('famous/core/Entity');
+    var EventHandler = require('famous/core/EventHandler');
+    var Transform = require('famous/core/Transform');
+    var RenderController = require('./RenderController');
+
+    /**
+     * Container which handles swapping renderables from the edge of its parent context.
+     * @class EdgeSwapper
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     *   Takes the same options as RenderController.
+     * @uses RenderController
+     */
+    function EdgeSwapper(options) {
+        this._currentTarget = null;
+        this._size = [undefined, undefined];
+
+        this._controller = new RenderController(options);
+        this._controller.inTransformFrom(CachedMap.create(_transformMap.bind(this, 0.0001)));
+        this._controller.outTransformFrom(CachedMap.create(_transformMap.bind(this, -0.0001)));
+
+        this._eventInput = new EventHandler();
+        EventHandler.setInputHandler(this, this._eventInput);
+
+        this._entityId = Entity.register(this);
+        if (options) this.setOptions(options);
+    }
+
+    function _transformMap(zMax, progress) {
+        return Transform.translate(this._size[0] * (1 - progress), 0, zMax * (1 - progress));
+    }
+
+    /**
+     * Displays the passed-in content with the EdgeSwapper instance's default transition.
+     *
+     * @method show
+     * @param {Object} content The renderable you want to display.
+     */
+    EdgeSwapper.prototype.show = function show(content) {
+        // stop sending input to old target
+        if (this._currentTarget) this._eventInput.unpipe(this._currentTarget);
+
+        this._currentTarget = content;
+
+        // start sending input to new target
+        if (this._currentTarget && this._currentTarget.trigger) this._eventInput.pipe(this._currentTarget);
+
+        this._controller.show.apply(this._controller, arguments);
+    };
+
+    /**
+     * Patches the EdgeSwapper instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Edgeswapper instance.
+     */
+    EdgeSwapper.prototype.setOptions = function setOptions(options) {
+        this._controller.setOptions(options);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    EdgeSwapper.prototype.render = function render() {
+        return this._entityId;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    EdgeSwapper.prototype.commit = function commit(context) {
+        this._size[0] = context.size[0];
+        this._size[1] = context.size[1];
+
+        return {
+            transform: context.transform,
+            opacity: context.opacity,
+            origin: context.origin,
+            size: context.size,
+            target: this._controller.render()
+        };
+    };
+
+    module.exports = EdgeSwapper;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mike@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/FlexibleLayout',['require','exports','module','famous/core/Entity','famous/core/Transform','famous/core/OptionsManager','famous/core/EventHandler','famous/transitions/Transitionable'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var Transform = require('famous/core/Transform');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var EventHandler = require('famous/core/EventHandler');
+    var Transitionable = require('famous/transitions/Transitionable');
+
+    /**
+     * A layout which divides a context into sections based on a proportion
+     *   of the total sum of ratios.  FlexibleLayout can either lay renderables
+     *   out vertically or horizontally.
+     * @class FlexibleLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=0] Direction the FlexibleLayout instance should lay out renderables.
+     * @param {Transition} [options.transition=false] The transiton that controls the FlexibleLayout instance's reflow.
+     * @param {Ratios} [options.ratios=[]] The proportions for the renderables to maintain
+     */
+    function FlexibleLayout(options) {
+        this.options = Object.create(FlexibleLayout.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.id = Entity.register(this);
+
+        this._ratios = new Transitionable(this.options.ratios);
+        this._nodes = [];
+
+        this._cachedDirection = null;
+        this._cachedTotalLength = false;
+        this._cachedLengths = [];
+        this._cachedTransforms = null;
+        this._ratiosDirty = false;
+
+        this._eventOutput = new EventHandler();
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    FlexibleLayout.DIRECTION_X = 0;
+    FlexibleLayout.DIRECTION_Y = 1;
+
+    FlexibleLayout.DEFAULT_OPTIONS = {
+        direction: FlexibleLayout.DIRECTION_X,
+        transition: false,
+        ratios : []
+    };
+
+    function _reflow(ratios, length, direction) {
+        var currTransform;
+        var translation = 0;
+        var flexLength = length;
+        var ratioSum = 0;
+        var ratio;
+        var node;
+        var i;
+
+        this._cachedLengths = [];
+        this._cachedTransforms = [];
+
+        for (i = 0; i < ratios.length; i++){
+            ratio = ratios[i];
+            node = this._nodes[i];
+
+            if (typeof ratio !== 'number')
+                flexLength -= node.getSize()[direction] || 0;
+            else
+                ratioSum += ratio;
+        }
+
+        for (i = 0; i < ratios.length; i++) {
+            node = this._nodes[i];
+            ratio = ratios[i];
+
+            length = (typeof ratio === 'number')
+                ? flexLength * ratio / ratioSum
+                : node.getSize()[direction];
+
+            currTransform = (direction === FlexibleLayout.DIRECTION_X)
+                ? Transform.translate(translation, 0, 0)
+                : Transform.translate(0, translation, 0);
+
+            this._cachedTransforms.push(currTransform);
+            this._cachedLengths.push(length);
+
+            translation += length;
+        }
+    }
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Object} Render spec for this component
+     */
+    FlexibleLayout.prototype.render = function render() {
+        return this.id;
+    };
+
+    /**
+     * Patches the FlexibleLayouts instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the FlexibleLayout instance.
+     */
+    FlexibleLayout.prototype.setOptions = function setOptions(options) {
+        this.optionsManager.setOptions(options);
+    };
+
+    /**
+     * Sets the collection of renderables under the FlexibleLayout instance's control.  Also sets
+     * the associated ratio values for sizing the renderables if given.
+     *
+     * @method sequenceFrom
+     * @param {Array} sequence An array of renderables.
+     */
+    FlexibleLayout.prototype.sequenceFrom = function sequenceFrom(sequence) {
+        this._nodes = sequence;
+
+        if (this._ratios.get().length === 0) {
+            var ratios = [];
+            for (var i = 0; i < this._nodes.length; i++) ratios.push(1);
+            this.setRatios(ratios);
+        }
+    };
+
+    /**
+     * Sets the associated ratio values for sizing the renderables.
+     *
+     * @method setRatios
+     * @param {Array} ratios Array of ratios corresponding to the percentage sizes each renderable should be
+     */
+    FlexibleLayout.prototype.setRatios = function setRatios(ratios, transition, callback) {
+        if (transition === undefined) transition = this.options.transition;
+        var currRatios = this._ratios;
+        if (currRatios.get().length === 0) transition = undefined;
+        if (currRatios.isActive()) currRatios.halt();
+        currRatios.set(ratios, transition, callback);
+        this._ratiosDirty = true;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    FlexibleLayout.prototype.commit = function commit(context) {
+        var parentSize = context.size;
+        var parentTransform = context.transform;
+        var parentOrigin = context.origin;
+
+        var ratios = this._ratios.get();
+        var direction = this.options.direction;
+        var length = parentSize[direction];
+        var size;
+
+        if (length !== this._cachedTotalLength || this._ratiosDirty || this._ratios.isActive() || direction !== this._cachedDirection) {
+            _reflow.call(this, ratios, length, direction);
+
+            if (length !== this._cachedTotalLength) this._cachedTotalLength = length;
+            if (direction !== this._cachedDirection) this._cachedDirection = direction;
+            if (this._ratiosDirty) this._ratiosDirty = false;
+        }
+
+        var result = [];
+        for (var i = 0; i < ratios.length; i++) {
+            size = [undefined, undefined];
+            length = this._cachedLengths[i];
+            size[direction] = length;
+            result.push({
+                transform : this._cachedTransforms[i],
+                size: size,
+                target : this._nodes[i].render()
+            });
+        }
+
+        if (parentSize && (parentOrigin[0] !== 0 && parentOrigin[1] !== 0))
+            parentTransform = Transform.moveThen([-parentSize[0]*parentOrigin[0], -parentSize[1]*parentOrigin[1], 0], parentTransform);
+
+        return {
+            transform: parentTransform,
+            size: parentSize,
+            target: result
+        };
+    };
+
+    module.exports = FlexibleLayout;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/Flipper',['require','exports','module','famous/core/Transform','famous/transitions/Transitionable','famous/core/RenderNode','famous/core/OptionsManager'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var RenderNode = require('famous/core/RenderNode');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * Allows you to link two renderables as front and back sides that can be
+     *  'flipped' back and forth along a chosen axis. Rendering optimizations are
+     *  automatically handled.
+     *
+     * @class Flipper
+     * @constructor
+     * @param {Options} [options] An object of options.
+     * @param {Transition} [options.transition=true] The transition executed when flipping your Flipper instance.
+     */
+    function Flipper(options) {
+        this.options = Object.create(Flipper.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.angle = new Transitionable(0);
+
+        this.frontNode = undefined;
+        this.backNode = undefined;
+
+        this.flipped = false;
+    }
+
+    Flipper.DIRECTION_X = 0;
+    Flipper.DIRECTION_Y = 1;
+
+    var SEPERATION_LENGTH = 1;
+
+    Flipper.DEFAULT_OPTIONS = {
+        transition: true,
+        direction: Flipper.DIRECTION_X
+    };
+
+    /**
+     * Toggles the rotation between the front and back renderables
+     *
+     * @method flip
+     * @param {Object} [transition] Transition definition
+     * @param {Function} [callback] Callback
+     */
+    Flipper.prototype.flip = function flip(transition, callback) {
+        var angle = this.flipped ? 0 : Math.PI;
+        this.setAngle(angle, transition, callback);
+        this.flipped = !this.flipped;
+    };
+
+    /**
+     * Basic setter to the angle
+     *
+     * @method setAngle
+     * @param {Number} angle
+     * @param {Object} [transition] Transition definition
+     * @param {Function} [callback] Callback
+     */
+    Flipper.prototype.setAngle = function setAngle(angle, transition, callback) {
+        if (transition === undefined) transition = this.options.transition;
+        if (this.angle.isActive()) this.angle.halt();
+        this.angle.set(angle, transition, callback);
+    };
+
+    /**
+     * Patches the Flipper instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Flipper instance.
+     */
+    Flipper.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Adds the passed-in renderable to the view associated with the 'front' of the Flipper instance.
+     *
+     * @method setFront
+     * @chainable
+     * @param {Object} node The renderable you want to add to the front.
+     */
+    Flipper.prototype.setFront = function setFront(node) {
+        this.frontNode = node;
+    };
+
+    /**
+     * Adds the passed-in renderable to the view associated with the 'back' of the Flipper instance.
+     *
+     * @method setBack
+     * @chainable
+     * @param {Object} node The renderable you want to add to the back.
+     */
+    Flipper.prototype.setBack = function setBack(node) {
+        this.backNode = node;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Number} Render spec for this component
+     */
+    Flipper.prototype.render = function render() {
+        var angle = this.angle.get();
+
+        var frontTransform;
+        var backTransform;
+
+        if (this.options.direction === Flipper.DIRECTION_X) {
+            frontTransform = Transform.rotateY(angle);
+            backTransform = Transform.rotateY(angle + Math.PI);
+        }
+        else {
+            frontTransform = Transform.rotateX(angle);
+            backTransform = Transform.rotateX(angle + Math.PI);
+        }
+
+        var result = [];
+        if (this.frontNode){
+            result.push({
+                transform: frontTransform,
+                target: this.frontNode.render()
+            });
+        }
+
+        if (this.backNode){
+            result.push({
+                transform: Transform.moveThen([0, 0, SEPERATION_LENGTH], backTransform),
+                target: this.backNode.render()
+            });
+        }
+
+        return result;
+    };
+
+    module.exports = Flipper;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/GridLayout',['require','exports','module','famous/core/Entity','famous/core/RenderNode','famous/core/Transform','famous/core/ViewSequence','famous/core/EventHandler','famous/core/Modifier','famous/core/OptionsManager','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var RenderNode = require('famous/core/RenderNode');
+    var Transform = require('famous/core/Transform');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var EventHandler = require('famous/core/EventHandler');
+    var Modifier = require('famous/core/Modifier');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     * A layout which divides a context into several evenly-sized grid cells.
+     *   If dimensions are provided, the grid is evenly subdivided with children
+     *   cells representing their own context, otherwise the cellSize property is used to compute
+     *   dimensions so that items of cellSize will fit.
+     * @class GridLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Array.Number} [options.dimensions=[1, 1]] A two value array which specifies the amount of columns
+     * and rows in your Gridlayout instance.
+     * @param {Array.Number} [options.cellSize=[250, 250]]  A two-value array which specifies the width and height
+     * of each cell in your Gridlayout instance.
+     * @param {Transition} [options.transition=false] The transiton that controls the Gridlayout instance's reflow.
+     */
+    function GridLayout(options) {
+        this.options = Object.create(GridLayout.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.id = Entity.register(this);
+
+        this._modifiers = [];
+        this._states = [];
+        this._contextSizeCache = [0, 0];
+        this._dimensionsCache = [0, 0];
+        this._activeCount = 0;
+
+        this._eventOutput = new EventHandler();
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    function _reflow(size, cols, rows) {
+        var usableSize = [size[0], size[1]];
+        usableSize[0] -= this.options.gutterSize[0] * (cols - 1);
+        usableSize[1] -= this.options.gutterSize[1] * (rows - 1);
+
+        var rowSize = Math.round(usableSize[1] / rows);
+        var colSize = Math.round(usableSize[0] / cols);
+
+        var currY = 0;
+        var currX;
+        var currIndex = 0;
+        for (var i = 0; i < rows; i++) {
+            currX = 0;
+            for (var j = 0; j < cols; j++) {
+                if (this._modifiers[currIndex] === undefined) {
+                    _createModifier.call(this, currIndex, [colSize, rowSize], [currX, currY, 0], 1);
+                }
+                else {
+                    _animateModifier.call(this, currIndex, [colSize, rowSize], [currX, currY, 0], 1);
+                }
+
+                currIndex++;
+                currX += colSize + this.options.gutterSize[0];
+            }
+
+            currY += rowSize + this.options.gutterSize[1];
+        }
+
+        this._dimensionsCache = [this.options.dimensions[0], this.options.dimensions[1]];
+        this._contextSizeCache = [size[0], size[1]];
+
+        this._activeCount = rows * cols;
+
+        for (i = this._activeCount ; i < this._modifiers.length; i++) _animateModifier.call(this, i, [Math.round(colSize), Math.round(rowSize)], [0, 0], 0);
+
+        this._eventOutput.emit('reflow');
+    }
+
+    function _createModifier(index, size, position, opacity) {
+        var transitionItem = {
+            transform: new TransitionableTransform(Transform.translate.apply(null, position)),
+            opacity: new Transitionable(opacity),
+            size: new Transitionable(size)
+        };
+
+        var modifier = new Modifier({
+            transform: transitionItem.transform,
+            opacity: transitionItem.opacity,
+            size: transitionItem.size
+        });
+
+        this._states[index] = transitionItem;
+        this._modifiers[index] = modifier;
+
+    }
+
+    function _animateModifier(index, size, position, opacity) {
+        var currState = this._states[index];
+
+        var currSize = currState.size;
+        var currOpacity = currState.opacity;
+        var currTransform = currState.transform;
+
+        var transition = this.options.transition;
+
+        currTransform.halt();
+        currOpacity.halt();
+        currSize.halt();
+
+        currTransform.setTranslate(position, transition);
+        currSize.set(size, transition);
+        currOpacity.set(opacity, transition);
+    }
+
+    GridLayout.DEFAULT_OPTIONS = {
+        dimensions: [1, 1],
+        transition: false,
+        gutterSize: [0, 0]
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Object} Render spec for this component
+     */
+    GridLayout.prototype.render = function render() {
+        return this.id;
+    };
+
+    /**
+     * Patches the GridLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the GridLayout instance.
+     */
+    GridLayout.prototype.setOptions = function setOptions(options) {
+        return this.optionsManager.setOptions(options);
+    };
+
+    /**
+     * Sets the collection of renderables under the Gridlayout instance's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} sequence Either an array of renderables or a Famous viewSequence.
+     */
+    GridLayout.prototype.sequenceFrom = function sequenceFrom(sequence) {
+        if (sequence instanceof Array) sequence = new ViewSequence(sequence);
+        this.sequence = sequence;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    GridLayout.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var opacity = context.opacity;
+        var origin = context.origin;
+        var size = context.size;
+
+        var cols = this.options.dimensions[0];
+        var rows = this.options.dimensions[1];
+
+        if (size[0] !== this._contextSizeCache[0] || size[1] !== this._contextSizeCache[1] || cols !== this._dimensionsCache[0] || rows !== this._dimensionsCache[1]) {
+            _reflow.call(this, size, cols, rows);
+        }
+
+        var sequence = this.sequence;
+        var result = [];
+        var currIndex = 0;
+        while (sequence && (currIndex < this._modifiers.length)) {
+            var item = sequence.get();
+            var modifier = this._modifiers[currIndex];
+            if (currIndex >= this._activeCount && this._states[currIndex].opacity.isActive()) {
+                this._modifiers.splice(currIndex, 1);
+                this._states.splice(currIndex, 1);
+            }
+            if (item) {
+                result.push(
+                    modifier.modify({
+                        origin: origin,
+                        target: item.render()
+                    })
+                );
+            }
+            sequence = sequence.getNext();
+            currIndex++;
+        }
+
+        if (size) transform = Transform.moveThen([-size[0]*origin[0], -size[1]*origin[1], 0], transform);
+        return {
+            transform: transform,
+            opacity: opacity,
+            size: size,
+            target: result
+        };
+    };
+
+    module.exports = GridLayout;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/HeaderFooterLayout',['require','exports','module','famous/core/Entity','famous/core/RenderNode','famous/core/Transform','famous/core/OptionsManager'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var RenderNode = require('famous/core/RenderNode');
+    var Transform = require('famous/core/Transform');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * A layout which will arrange three renderables into a header and footer area of defined size,
+      and a content area of flexible size.
+     * @class HeaderFooterLayout
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=HeaderFooterLayout.DIRECTION_Y] A direction of HeaderFooterLayout.DIRECTION_X
+     * lays your HeaderFooterLayout instance horizontally, and a direction of HeaderFooterLayout.DIRECTION_Y
+     * lays it out vertically.
+     * @param {Number} [options.headerSize=undefined]  The amount of pixels allocated to the header node
+     * in the HeaderFooterLayout instance's direction.
+     * @param {Number} [options.footerSize=undefined] The amount of pixels allocated to the footer node
+     * in the HeaderFooterLayout instance's direction.
+     */
+    function HeaderFooterLayout(options) {
+        this.options = Object.create(HeaderFooterLayout.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this._entityId = Entity.register(this);
+
+        this.header = new RenderNode();
+        this.footer = new RenderNode();
+        this.content = new RenderNode();
+    }
+
+    /**
+     *  When used as a value for your HeaderFooterLayout's direction option, causes it to lay out horizontally.
+     *
+     *  @attribute DIRECTION_X
+     *  @type Number
+     *  @static
+     *  @default 0
+     *  @protected
+     */
+    HeaderFooterLayout.DIRECTION_X = 0;
+
+    /**
+     *  When used as a value for your HeaderFooterLayout's direction option, causes it to lay out vertically.
+     *
+     *  @attribute DIRECTION_Y
+     *  @type Number
+     *  @static
+     *  @default 1
+     *  @protected
+     */
+    HeaderFooterLayout.DIRECTION_Y = 1;
+
+    HeaderFooterLayout.DEFAULT_OPTIONS = {
+        direction: HeaderFooterLayout.DIRECTION_Y,
+        headerSize: undefined,
+        footerSize: undefined,
+        defaultHeaderSize: 0,
+        defaultFooterSize: 0
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {Object} Render spec for this component
+     */
+    HeaderFooterLayout.prototype.render = function render() {
+        return this._entityId;
+    };
+
+    /**
+     * Patches the HeaderFooterLayout instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the HeaderFooterLayout instance.
+     */
+    HeaderFooterLayout.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    function _resolveNodeSize(node, defaultSize) {
+        var nodeSize = node.getSize();
+        return nodeSize ? nodeSize[this.options.direction] : defaultSize;
+    }
+
+    function _outputTransform(offset) {
+        if (this.options.direction === HeaderFooterLayout.DIRECTION_X) return Transform.translate(offset, 0, 0);
+        else return Transform.translate(0, offset, 0);
+    }
+
+    function _finalSize(directionSize, size) {
+        if (this.options.direction === HeaderFooterLayout.DIRECTION_X) return [directionSize, size[1]];
+        else return [size[0], directionSize];
+    }
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    HeaderFooterLayout.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var origin = context.origin;
+        var size = context.size;
+        var opacity = context.opacity;
+
+        var headerSize = (this.options.headerSize !== undefined) ? this.options.headerSize : _resolveNodeSize.call(this, this.header, this.options.defaultHeaderSize);
+        var footerSize = (this.options.footerSize !== undefined) ? this.options.footerSize : _resolveNodeSize.call(this, this.footer, this.options.defaultFooterSize);
+        var contentSize = size[this.options.direction] - headerSize - footerSize;
+
+        if (size) transform = Transform.moveThen([-size[0]*origin[0], -size[1]*origin[1], 0], transform);
+
+        var result = [
+            {
+                size: _finalSize.call(this, headerSize, size),
+                target: this.header.render()
+            },
+            {
+                transform: _outputTransform.call(this, headerSize),
+                size: _finalSize.call(this, contentSize, size),
+                target: this.content.render()
+            },
+            {
+                transform: _outputTransform.call(this, headerSize + contentSize),
+                size: _finalSize.call(this, footerSize, size),
+                target: this.footer.render()
+            }
+        ];
+
+        return {
+            transform: transform,
+            opacity: opacity,
+            size: size,
+            target: result
+        };
+    };
+
+    module.exports = HeaderFooterLayout;
+});
+
+define('famous/views/Lightbox',['require','exports','module','famous/core/Transform','famous/core/Modifier','famous/core/RenderNode','famous/utilities/Utility','famous/core/OptionsManager','famous/transitions/Transitionable','famous/transitions/TransitionableTransform'],function(require, exports, module) {
+    var Transform = require('famous/core/Transform');
+    var Modifier = require('famous/core/Modifier');
+    var RenderNode = require('famous/core/RenderNode');
+    var Utility = require('famous/utilities/Utility');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transitionable = require('famous/transitions/Transitionable');
+    var TransitionableTransform = require('famous/transitions/TransitionableTransform');
+
+    /**
+     * Lightbox, using transitions, shows and hides different renderables. Lightbox can essentially be
+     * thought of as RenderController with a stateful implementation and interface.
+     *
+     * @class Lightbox
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Transform} [options.inTransform] The transform at the start of transitioning in a shown renderable.
+     * @param {Transform} [options.outTransform] The transform at the end of transitioning out a renderable.
+     * @param {Transform} [options.showTransform] The transform applied to your shown renderable in its state of equilibrium.
+     * @param {Number} [options.inOpacity] A number between one and zero that defines the state of a shown renderables opacity upon initially
+     * being transitioned in.
+     * @param {Number} [options.outOpacity] A number between one and zero that defines the state of a shown renderables opacity upon being
+     * fully transitioned out.
+     * @param {Number} [options.showOpacity] A number between one and zero that defines the state of a shown renderables opacity
+     * once succesfully transitioned in.
+     * @param {Array<Number>} [options.inOrigin] A two value array of numbers between one and zero that defines the state of a shown renderables
+     * origin upon intially being transitioned in.
+     * @param {Array<Number>} [options.outOrigin] A two value array of numbers between one and zero that defines the state of a shown renderable
+     * once fully hidden.
+     * @param {Array<Number>} [options.showOrigin] A two value array of numbers between one and zero that defines the state of a shown renderables
+     * origin upon succesfully being shown.
+     * @param {Transition} [options.inTransition=true] The transition in charge of showing a renderable.
+     * @param {Transition} [options.outTransition=true]  The transition in charge of removing your previous renderable when
+     * you show a new one, or hiding your current renderable.
+     * @param {Boolean} [options.overlap=false] When showing a new renderable, overlap determines if the
+     *   out transition of the old one executes concurrently with the in transition of the new one,
+      *  or synchronously beforehand.
+     */
+    function Lightbox(options) {
+        this.options = Object.create(Lightbox.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+
+        this._showing = false;
+        this.nodes = [];
+        this.transforms = [];
+        this.states = [];
+    }
+
+    Lightbox.DEFAULT_OPTIONS = {
+        inTransform: Transform.scale(0.001, 0.001, 0.001),
+        inOpacity: 0,
+        inOrigin: [0.5, 0.5],
+        outTransform: Transform.scale(0.001, 0.001, 0.001),
+        outOpacity: 0,
+        outOrigin: [0.5, 0.5],
+        showTransform: Transform.identity,
+        showOpacity: 1,
+        showOrigin: [0.5, 0.5],
+        inTransition: true,
+        outTransition: true,
+        overlap: false
+    };
+
+    /**
+     * Patches the Lightbox instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Lightbox instance.
+     */
+    Lightbox.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+   /**
+     * Show displays the targeted renderable with a transition and an optional callback to
+     *  execute afterwards.
+     * @method show
+     * @param {Object} renderable The renderable you want to show.
+     * @param {Transition} [transition] Overwrites the default transition in to display the
+     * passed-in renderable.
+     * @param {function} [callback] Executes after transitioning in the renderable.
+     */
+    Lightbox.prototype.show = function show(renderable, transition, callback) {
+        if (!renderable) {
+            return this.hide(callback);
+        }
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = undefined;
+        }
+
+        if (this._showing) {
+            if (this.options.overlap) this.hide();
+            else {
+                return this.hide(this.show.bind(this, renderable, transition, callback));
+            }
+        }
+        this._showing = true;
+
+        var stateItem = {
+            transform: new TransitionableTransform(this.options.inTransform),
+            origin: new Transitionable(this.options.inOrigin),
+            opacity: new Transitionable(this.options.inOpacity)
+        };
+
+        var transform = new Modifier({
+            transform: stateItem.transform,
+            opacity: stateItem.opacity,
+            origin: stateItem.origin
+        });
+        var node = new RenderNode();
+        node.add(transform).add(renderable);
+        this.nodes.push(node);
+        this.states.push(stateItem);
+        this.transforms.push(transform);
+
+        var _cb = callback ? Utility.after(3, callback) : undefined;
+
+        if (!transition) transition = this.options.inTransition;
+        stateItem.transform.set(this.options.showTransform, transition, _cb);
+        stateItem.opacity.set(this.options.showOpacity, transition, _cb);
+        stateItem.origin.set(this.options.showOrigin, transition, _cb);
+    };
+
+    /**
+     * Hide hides the currently displayed renderable with an out transition.
+     * @method hide
+     * @param {Transition} [transition] Overwrites the default transition in to hide the
+     * currently controlled renderable.
+     * @param {function} [callback] Executes after transitioning out the renderable.
+     */
+    Lightbox.prototype.hide = function hide(transition, callback) {
+        if (!this._showing) return;
+        this._showing = false;
+
+        if (transition instanceof Function) {
+            callback = transition;
+            transition = undefined;
+        }
+
+        var node = this.nodes[this.nodes.length - 1];
+        var transform = this.transforms[this.transforms.length - 1];
+        var stateItem = this.states[this.states.length - 1];
+        var _cb = Utility.after(3, function() {
+            this.nodes.splice(this.nodes.indexOf(node), 1);
+            this.states.splice(this.states.indexOf(stateItem), 1);
+            this.transforms.splice(this.transforms.indexOf(transform), 1);
+            if (callback) callback.call(this);
+        }.bind(this));
+
+        if (!transition) transition = this.options.outTransition;
+        stateItem.transform.set(this.options.outTransform, transition, _cb);
+        stateItem.opacity.set(this.options.outOpacity, transition, _cb);
+        stateItem.origin.set(this.options.outOrigin, transition, _cb);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Lightbox.prototype.render = function render() {
+        var result = [];
+        for (var i = 0; i < this.nodes.length; i++) {
+            result.push(this.nodes[i].render());
+        }
+        return result;
+    };
+
+    module.exports = Lightbox;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/Drag',['require','exports','module','./Force'],function(require, exports, module) {
+    var Force = require('./Force');
+
+    /**
+     * Drag is a force that opposes velocity. Attach it to the physics engine
+     * to slow down a physics body in motion.
+     *
+     * @class Drag
+     * @constructor
+     * @extends Force
+     * @param {Object} options options to set on drag
+     */
+    function Drag(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        Force.call(this);
+    }
+
+    Drag.prototype = Object.create(Force.prototype);
+    Drag.prototype.constructor = Drag;
+
+    /**
+     * @property Drag.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Drag.FORCE_FUNCTIONS = {
+
+        /**
+         * A drag force proportional to the velocity
+         * @attribute LINEAR
+         * @type Function
+         * @param {Vector} velocity
+         * @return {Vector} drag force
+         */
+        LINEAR : function(velocity) {
+            return velocity;
+        },
+
+        /**
+         * A drag force proportional to the square of the velocity
+         * @attribute QUADRATIC
+         * @type Function
+         * @param {Vector} velocity
+         * @return {Vector} drag force
+         */
+        QUADRATIC : function(velocity) {
+            return velocity.mult(velocity.norm());
+        }
+    };
+
+    /**
+     * @property Drag.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Drag.DEFAULT_OPTIONS = {
+
+        /**
+         * The strength of the force
+         *    Range : [0, 0.1]
+         * @attribute strength
+         * @type Number
+         * @default 0.01
+         */
+        strength : 0.01,
+
+        /**
+         * The type of opposing force
+         * @attribute forceFunction
+         * @type Function
+         */
+        forceFunction : Drag.FORCE_FUNCTIONS.LINEAR
+    };
+
+    /**
+     * Adds a drag force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply drag force to.
+     */
+    Drag.prototype.applyForce = function applyForce(targets) {
+        var strength        = this.options.strength;
+        var forceFunction   = this.options.forceFunction;
+        var force           = this.force;
+        for (var index = 0; index < targets.length; index++) {
+            var particle = targets[index];
+            forceFunction(particle.velocity).mult(-strength).put(force);
+            particle.applyForce(force);
+        }
+    };
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    Drag.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    module.exports = Drag;
+});
+
+define('famous/views/Scroller',['require','exports','module','famous/core/Entity','famous/core/Group','famous/core/OptionsManager','famous/core/Transform','famous/utilities/Utility','famous/core/ViewSequence','famous/core/EventHandler'],function(require, exports, module) {
+    var Entity = require('famous/core/Entity');
+    var Group = require('famous/core/Group');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var Transform = require('famous/core/Transform');
+    var Utility = require('famous/utilities/Utility');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var EventHandler = require('famous/core/EventHandler');
+
+    /**
+     * Scroller lays out a collection of renderables, and will browse through them based on
+     * accessed position. Scroller also broadcasts an 'edgeHit' event, with a position property of the location of the edge,
+     * when you've hit the 'edges' of it's renderable collection.
+     * @class Scroller
+     * @constructor
+      * @event error
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=Utility.Direction.Y] Using the direction helper found in the famous Utility
+     * module, this option will lay out the Scroller instance's renderables either horizontally
+     * (x) or vertically (y). Utility's direction is essentially either zero (X) or one (Y), so feel free
+     * to just use integers as well.
+     * @param {Number} [clipSize=undefined] The size of the area (in pixels) that Scroller will display content in.
+     * @param {Number} [margin=undefined] The size of the area (in pixels) that Scroller will process renderables' associated calculations in.
+     */
+    function Scroller(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+        if (options) this._optionsManager.setOptions(options);
+
+        this._node = null;
+        this._position = 0;
+
+        // used for shifting nodes
+        this._positionOffset = 0;
+
+        this._positionGetter = null;
+        this._outputFunction = null;
+        this._masterOutputFunction = null;
+        this.outputFrom();
+
+        this._onEdge = 0; // -1 for top, 1 for bottom
+
+        this.group = new Group();
+        this.group.add({render: _innerRender.bind(this)});
+
+        this._entityId = Entity.register(this);
+        this._size = [undefined, undefined];
+        this._contextSize = [undefined, undefined];
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+    }
+
+    Scroller.DEFAULT_OPTIONS = {
+        direction: Utility.Direction.Y,
+        margin: 0,
+        clipSize: undefined,
+        groupScroll: false
+    };
+
+    function _sizeForDir(size) {
+        if (!size) size = this._contextSize;
+        var dimension = (this.options.direction === Utility.Direction.X) ? 0 : 1;
+        return (size[dimension] === undefined) ? this._contextSize[dimension] : size[dimension];
+    }
+
+    function _output(node, offset, target) {
+        var size = node.getSize ? node.getSize() : this._contextSize;
+        var transform = this._outputFunction(offset);
+        target.push({transform: transform, target: node.render()});
+        return _sizeForDir.call(this, size);
+    }
+
+    function _getClipSize() {
+        if (this.options.clipSize) return this.options.clipSize;
+        else return _sizeForDir.call(this, this._contextSize);
+    }
+
+    /**
+     * Patches the Scroller instance's options with the passed-in ones.
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Scroller instance.
+     */
+    Scroller.prototype.setOptions = function setOptions(options) {
+        this._optionsManager.setOptions(options);
+
+        if (this.options.groupScroll) {
+          this.group.pipe(this._eventOutput);
+        }
+        else {
+          this.group.unpipe(this._eventOutput);
+        }
+    };
+
+    /**
+     * Tells you if the Scroller instance is on an edge.
+     * @method onEdge
+     * @return {Boolean} Whether the Scroller instance is on an edge or not.
+     */
+    Scroller.prototype.onEdge = function onEdge() {
+        return this._onEdge;
+    };
+
+    /**
+     * Allows you to overwrite the way Scroller lays out it's renderables. Scroller will
+     * pass an offset into the function. By default the Scroller instance just translates each node
+     * in it's direction by the passed-in offset.
+     * Scroller will translate each renderable down
+     * @method outputFrom
+     * @param {Function} fn A function that takes an offset and returns a transform.
+     * @param {Function} [masterFn]
+     */
+    Scroller.prototype.outputFrom = function outputFrom(fn, masterFn) {
+        if (!fn) {
+            fn = function(offset) {
+                return (this.options.direction === Utility.Direction.X) ? Transform.translate(offset, 0) : Transform.translate(0, offset);
+            }.bind(this);
+            if (!masterFn) masterFn = fn;
+        }
+        this._outputFunction = fn;
+        this._masterOutputFunction = masterFn ? masterFn : function(offset) {
+            return Transform.inverse(fn(-offset));
+        };
+    };
+
+    /**
+     * The Scroller instance's method for reading from an external position. Scroller uses
+     * the external position to actually scroll through it's renderables.
+     * @method positionFrom
+     * @param {Getter} position Can be either a function that returns a position,
+     * or an object with a get method that returns a position.
+     */
+    Scroller.prototype.positionFrom = function positionFrom(position) {
+        if (position instanceof Function) this._positionGetter = position;
+        else if (position && position.get) this._positionGetter = position.get.bind(position);
+        else {
+            this._positionGetter = null;
+            this._position = position;
+        }
+        if (this._positionGetter) this._position = this._positionGetter.call(this);
+    };
+
+    /**
+     * Sets the collection of renderables under the Scroller instance's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} items Either an array of renderables or a Famous viewSequence.
+     * @chainable
+     */
+    Scroller.prototype.sequenceFrom = function sequenceFrom(node) {
+        if (node instanceof Array) node = new ViewSequence({array: node});
+        this._node = node;
+        this._positionOffset = 0;
+    };
+
+    /**
+     * Returns the width and the height of the Scroller instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of the Scroller instance's current width and height (in that order).
+     */
+    Scroller.prototype.getSize = function getSize(actual) {
+        return actual ? this._contextSize : this._size;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Scroller.prototype.render = function render() {
+        if (!this._node) return null;
+        if (this._positionGetter) this._position = this._positionGetter.call(this);
+        return this._entityId;
+    };
+
+    /**
+     * Apply changes from this component to the corresponding document element.
+     * This includes changes to classes, styles, size, content, opacity, origin,
+     * and matrix transforms.
+     *
+     * @private
+     * @method commit
+     * @param {Context} context commit context
+     */
+    Scroller.prototype.commit = function commit(context) {
+        var transform = context.transform;
+        var opacity = context.opacity;
+        var origin = context.origin;
+        var size = context.size;
+
+        // reset edge detection on size change
+        if (!this.options.clipSize && (size[0] !== this._contextSize[0] || size[1] !== this._contextSize[1])) {
+            this._onEdge = 0;
+            this._contextSize[0] = size[0];
+            this._contextSize[1] = size[1];
+
+            if (this.options.direction === Utility.Direction.X) {
+                this._size[0] = _getClipSize.call(this);
+                this._size[1] = undefined;
+            }
+            else {
+                this._size[0] = undefined;
+                this._size[1] = _getClipSize.call(this);
+            }
+        }
+
+        var scrollTransform = this._masterOutputFunction(-this._position);
+
+        return {
+            transform: Transform.multiply(transform, scrollTransform),
+            size: size,
+            opacity: opacity,
+            origin: origin,
+            target: this.group.render()
+        };
+    };
+
+    function _normalizeState() {
+        var nodeSize = _sizeForDir.call(this, this._node.getSize());
+        var nextNode = this._node && this._node.getNext ? this._node.getNext() : null;
+        while (nextNode && this._position + this._positionOffset >= nodeSize) {
+            this._positionOffset -= nodeSize;
+            this._node = nextNode;
+            nodeSize = _sizeForDir.call(this, this._node.getSize());
+            nextNode = this._node && this._node.getNext ? this._node.getNext() : null;
+        }
+        var prevNode = this._node && this._node.getPrevious ? this._node.getPrevious() : null;
+        while (prevNode && this._position + this._positionOffset < 0) {
+            var prevNodeSize = _sizeForDir.call(this, prevNode.getSize());
+            this._positionOffset += prevNodeSize;
+            this._node = prevNode;
+            prevNode = this._node && this._node.getPrevious ? this._node.getPrevious() : null;
+        }
+    }
+
+    function _innerRender() {
+        var size = null;
+        var position = this._position;
+        var result = [];
+
+        this._onEdge = 0;
+
+        var offset = -this._positionOffset;
+        var clipSize = _getClipSize.call(this);
+        var currNode = this._node;
+        while (currNode && offset - position < clipSize + this.options.margin) {
+            offset += _output.call(this, currNode, offset, result);
+            currNode = currNode.getNext ? currNode.getNext() : null;
+        }
+
+        var sizeNode = this._node;
+        var nodesSize = _sizeForDir.call(this, sizeNode.getSize());
+        if (offset < clipSize) {
+            while (sizeNode && nodesSize < clipSize) {
+                sizeNode = sizeNode.getPrevious();
+                if (sizeNode) nodesSize += _sizeForDir.call(this, sizeNode.getSize());
+            }
+            sizeNode = this._node;
+            while (sizeNode && nodesSize < clipSize) {
+                sizeNode = sizeNode.getNext();
+                if (sizeNode) nodesSize += _sizeForDir.call(this, sizeNode.getSize());
+            }
+        }
+
+        var edgeSize = (nodesSize !== undefined && nodesSize < clipSize) ? nodesSize : clipSize;
+
+        if (!currNode && offset - position <= edgeSize) {
+            this._onEdge = 1;
+            this._eventOutput.emit('edgeHit', {
+                position: offset - edgeSize
+            });
+        }
+        else if (!this._node.getPrevious() && position <= 0) {
+            this._onEdge = -1;
+            this._eventOutput.emit('edgeHit', {
+                position: 0
+            });
+        }
+
+        // backwards
+        currNode = (this._node && this._node.getPrevious) ? this._node.getPrevious() : null;
+        offset = -this._positionOffset;
+        if (currNode) {
+            size = currNode.getSize ? currNode.getSize() : this._contextSize;
+            offset -= _sizeForDir.call(this, size);
+        }
+
+        while (currNode && ((offset - position) > -(_getClipSize.call(this) + this.options.margin))) {
+            _output.call(this, currNode, offset, result);
+            currNode = currNode.getPrevious ? currNode.getPrevious() : null;
+            if (currNode) {
+                size = currNode.getSize ? currNode.getSize() : this._contextSize;
+                offset -= _sizeForDir.call(this, size);
+            }
+        }
+
+        _normalizeState.call(this);
+        return result;
+    }
+
+    module.exports = Scroller;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/Scrollview',['require','exports','module','famous/physics/PhysicsEngine','famous/physics/bodies/Particle','famous/physics/forces/Drag','famous/physics/forces/Spring','famous/core/EventHandler','famous/core/OptionsManager','famous/core/ViewSequence','famous/views/Scroller','famous/utilities/Utility','famous/inputs/GenericSync','famous/inputs/ScrollSync','famous/inputs/TouchSync'],function(require, exports, module) {
+    var PhysicsEngine = require('famous/physics/PhysicsEngine');
+    var Particle = require('famous/physics/bodies/Particle');
+    var Drag = require('famous/physics/forces/Drag');
+    var Spring = require('famous/physics/forces/Spring');
+
+    var EventHandler = require('famous/core/EventHandler');
+    var OptionsManager = require('famous/core/OptionsManager');
+    var ViewSequence = require('famous/core/ViewSequence');
+    var Scroller = require('famous/views/Scroller');
+    var Utility = require('famous/utilities/Utility');
+
+    var GenericSync = require('famous/inputs/GenericSync');
+    var ScrollSync = require('famous/inputs/ScrollSync');
+    var TouchSync = require('famous/inputs/TouchSync');
+    GenericSync.register({scroll : ScrollSync, touch : TouchSync});
+
+    /**
+     * Scrollview will lay out a collection of renderables sequentially in the specified direction, and will
+     * allow you to scroll through them with mousewheel or touch events.
+     * @class Scrollview
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Number} [options.direction=Utility.Direction.Y] Using the direction helper found in the famous Utility
+     * module, this option will lay out the Scrollview instance's renderables either horizontally
+     * (x) or vertically (y). Utility's direction is essentially either zero (X) or one (Y), so feel free
+     * to just use integers as well.
+     * @param {Boolean} [options.rails=true] When true, Scrollview's genericSync will only process input in it's primary access.
+     * @param {Number} [clipSize=undefined] The size of the area (in pixels) that Scrollview will display content in.
+     * @param {Number} [margin=undefined] The size of the area (in pixels) that Scrollview will process renderables' associated calculations in.
+     * @param {Number} [friction=0.001] Input resistance proportional to the velocity of the input.
+     * Controls the feel of the Scrollview instance at low velocities.
+     * @param {Number} [drag=0.0001] Input resistance proportional to the square of the velocity of the input.
+     * Affects Scrollview instance more prominently at high velocities.
+     * @param {Number} [edgeGrip=0.5] A coefficient for resistance against after-touch momentum.
+     * @param {Number} [egePeriod=300] Sets the period on the spring that handles the physics associated
+     * with hitting the end of a scrollview.
+     * @param {Number} [edgeDamp=1] Sets the damping on the spring that handles the physics associated
+     * with hitting the end of a scrollview.
+     * @param {Boolean} [paginated=false] A paginated scrollview will scroll through items discretely
+     * rather than continously.
+     * @param {Number} [pagePeriod=500] Sets the period on the spring that handles the physics associated
+     * with pagination.
+     * @param {Number} [pageDamp=0.8] Sets the damping on the spring that handles the physics associated
+     * with pagination.
+     * @param {Number} [pageStopSpeed=Infinity] The threshold for determining the amount of velocity
+     * required to trigger pagination. The lower the threshold, the easier it is to scroll continuosly.
+     * @param {Number} [pageSwitchSpeed=1] The threshold for momentum-based velocity pagination.
+     * @param {Number} [speedLimit=10] The highest scrolling speed you can reach.
+     */
+    function Scrollview(options) {
+        this.options = Object.create(Scrollview.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        this._node = null;
+
+        this._physicsEngine = new PhysicsEngine();
+        this._particle = new Particle();
+        this._physicsEngine.addBody(this._particle);
+
+        this.spring = new Spring({anchor: [0, 0, 0]});
+
+        this.drag = new Drag({forceFunction: Drag.FORCE_FUNCTIONS.QUADRATIC});
+        this.friction = new Drag({forceFunction: Drag.FORCE_FUNCTIONS.LINEAR});
+
+        this.sync = new GenericSync(['scroll', 'touch'], {direction : this.options.direction});
+
+        this._eventInput = new EventHandler();
+        this._eventOutput = new EventHandler();
+
+        this._eventInput.pipe(this.sync);
+        this.sync.pipe(this._eventInput);
+
+        EventHandler.setInputHandler(this, this._eventInput);
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this._touchCount = 0;
+        this._springState = 0;
+        this._onEdge = 0; // -1 for top, 1 for bottom
+        this._pageSpringPosition = 0;
+        this._edgeSpringPosition = 0;
+        this._touchVelocity = undefined;
+        this._earlyEnd = false;
+        this._needsPaginationCheck = false;
+
+        this._scroller = new Scroller();
+        this._scroller.positionFrom(this.getPosition.bind(this));
+
+        this.setOptions(options);
+
+        _bindEvents.call(this);
+    }
+
+    /** @const */
+    var TOLERANCE = 0.5;
+
+    Scrollview.DEFAULT_OPTIONS = {
+        direction: Utility.Direction.Y,
+        rails: true,
+        friction: 0.001,
+        drag: 0.0001,
+        edgeGrip: 0.5,
+        edgePeriod: 300,
+        edgeDamp: 1,
+        margin: 1000,       // mostly safe
+        paginated: false,
+        pagePeriod: 500,
+        pageDamp: 0.8,
+        pageStopSpeed: 10,
+        pageSwitchSpeed: 0.5,
+        speedLimit: 10,
+        groupScroll: false
+    };
+
+    /** @enum */
+    var SpringStates = {
+        NONE: 0,
+        EDGE: 1,
+        PAGE: 2
+    };
+
+    function _handleStart(event) {
+        this._touchCount = event.count;
+        if (event.count === undefined) this._touchCount = 1;
+
+        _detachAgents.call(this);
+        this.setVelocity(0);
+        this._touchVelocity = 0;
+        this._earlyEnd = false;
+    }
+
+    function _handleMove(event) {
+        var velocity = -event.velocity;
+        var delta = -event.delta;
+
+        if (this._onEdge && event.slip) {
+            if ((velocity < 0 && this._onEdge < 0) || (velocity > 0 && this._onEdge > 0)) {
+                if (!this._earlyEnd) {
+                    _handleEnd.call(this, event);
+                    this._earlyEnd = true;
+                }
+            }
+            else if (this._earlyEnd && (Math.abs(velocity) > Math.abs(this.getVelocity()))) {
+                _handleStart.call(this, event);
+            }
+        }
+        if (this._earlyEnd) return;
+        this._touchVelocity = velocity;
+
+        if (event.slip) this.setVelocity(velocity);
+        else this.setPosition(this.getPosition() + delta);
+    }
+
+    function _handleEnd(event) {
+        this._touchCount = event.count || 0;
+        if (!this._touchCount) {
+            _detachAgents.call(this);
+            if (this._onEdge) _setSpring.call(this, this._edgeSpringPosition, SpringStates.EDGE);
+            _attachAgents.call(this);
+            var velocity = -event.velocity;
+            var speedLimit = this.options.speedLimit;
+            if (event.slip) speedLimit *= this.options.edgeGrip;
+            if (velocity < -speedLimit) velocity = -speedLimit;
+            else if (velocity > speedLimit) velocity = speedLimit;
+            this.setVelocity(velocity);
+            this._touchVelocity = undefined;
+            this._needsPaginationCheck = true;
+        }
+    }
+
+    function _bindEvents() {
+        this._eventInput.bindThis(this);
+        this._eventInput.on('start', _handleStart);
+        this._eventInput.on('update', _handleMove);
+        this._eventInput.on('end', _handleEnd);
+
+        this._scroller.on('edgeHit', function(data) {
+            this._edgeSpringPosition = data.position;
+        }.bind(this));
+    }
+
+    function _attachAgents() {
+        if (this._springState) this._physicsEngine.attach([this.spring], this._particle);
+        else this._physicsEngine.attach([this.drag, this.friction], this._particle);
+    }
+
+    function _detachAgents() {
+        this._springState = SpringStates.NONE;
+        this._physicsEngine.detachAll();
+    }
+
+    function _nodeSizeForDirection(node) {
+        var direction = this.options.direction;
+        var nodeSize = (node.getSize() || this._scroller.getSize())[direction];
+        if (!nodeSize) nodeSize = this._scroller.getSize()[direction];
+        return nodeSize;
+    }
+
+    function _handleEdge(edgeDetected) {
+        if (!this._onEdge && edgeDetected) {
+            this.sync.setOptions({scale: this.options.edgeGrip});
+            if (!this._touchCount && this._springState !== SpringStates.EDGE) {
+                _setSpring.call(this, this._edgeSpringPosition, SpringStates.EDGE);
+            }
+        }
+        else if (this._onEdge && !edgeDetected) {
+            this.sync.setOptions({scale: 1});
+            if (this._springState && Math.abs(this.getVelocity()) < 0.001) {
+                // reset agents, detaching the spring
+                _detachAgents.call(this);
+                _attachAgents.call(this);
+            }
+        }
+        this._onEdge = edgeDetected;
+    }
+
+    function _handlePagination() {
+        if (!this._needsPaginationCheck) return;
+
+        if (this._touchCount) return;
+        if (this._springState === SpringStates.EDGE) return;
+
+        var velocity = this.getVelocity();
+        if (Math.abs(velocity) >= this.options.pageStopSpeed) return;
+
+        var position = this.getPosition();
+        var velocitySwitch = Math.abs(velocity) > this.options.pageSwitchSpeed;
+
+        // parameters to determine when to switch
+        var nodeSize = _nodeSizeForDirection.call(this, this._node);
+        var positionNext = position > 0.5 * nodeSize;
+        var velocityNext = velocity > 0;
+
+        if ((positionNext && !velocitySwitch) || (velocitySwitch && velocityNext)) this.goToNextPage();
+        else _setSpring.call(this, 0, SpringStates.PAGE);
+
+        this._needsPaginationCheck = false;
+    }
+
+    function _setSpring(position, springState) {
+        var springOptions;
+        if (springState === SpringStates.EDGE) {
+            this._edgeSpringPosition = position;
+            springOptions = {
+                anchor: [this._edgeSpringPosition, 0, 0],
+                period: this.options.edgePeriod,
+                dampingRatio: this.options.edgeDamp
+            };
+        }
+        else if (springState === SpringStates.PAGE) {
+            this._pageSpringPosition = position;
+            springOptions = {
+                anchor: [this._pageSpringPosition, 0, 0],
+                period: this.options.pagePeriod,
+                dampingRatio: this.options.pageDamp
+            };
+        }
+
+        this.spring.setOptions(springOptions);
+        if (springState && !this._springState) {
+            _detachAgents.call(this);
+            this._springState = springState;
+            _attachAgents.call(this);
+        }
+        this._springState = springState;
+    }
+
+    function _normalizeState() {
+        var position = this.getPosition();
+        var nodeSize = _nodeSizeForDirection.call(this, this._node);
+        var nextNode = this._node.getNext();
+
+        while (position > nodeSize + TOLERANCE && nextNode) {
+            _shiftOrigin.call(this, -nodeSize);
+            position -= nodeSize;
+            this._scroller.sequenceFrom(nextNode);
+            this._node = nextNode;
+            nextNode = this._node.getNext();
+            nodeSize = _nodeSizeForDirection.call(this, this._node);
+        }
+
+        var previousNode = this._node.getPrevious();
+        var previousNodeSize;
+
+        while (position < -TOLERANCE && previousNode) {
+            previousNodeSize = _nodeSizeForDirection.call(this, previousNode);
+            this._scroller.sequenceFrom(previousNode);
+            this._node = previousNode;
+            _shiftOrigin.call(this, previousNodeSize);
+            position += previousNodeSize;
+            previousNode = this._node.getPrevious();
+        }
+    }
+
+    function _shiftOrigin(amount) {
+        this._edgeSpringPosition += amount;
+        this._pageSpringPosition += amount;
+        this.setPosition(this.getPosition() + amount);
+        if (this._springState === SpringStates.EDGE) {
+            this.spring.setOptions({anchor: [this._edgeSpringPosition, 0, 0]});
+        }
+        else if (this._springState === SpringStates.PAGE) {
+            this.spring.setOptions({anchor: [this._pageSpringPosition, 0, 0]});
+        }
+    }
+
+    Scrollview.prototype.outputFrom = function outputFrom() {
+        return this._scroller.outputFrom.apply(this._scroller, arguments);
+    };
+
+    /**
+     * Returns the position associated with the Scrollview instance's current node
+     *  (generally the node currently at the top).
+     * @method getPosition
+     * @param {number} [node] If specified, returns the position of the node at that index in the
+     * Scrollview instance's currently managed collection.
+     * @return {number} The position of either the specified node, or the Scrollview's current Node,
+     * in pixels translated.
+     */
+    Scrollview.prototype.getPosition = function getPosition() {
+        return this._particle.getPosition1D();
+    };
+
+    /**
+     * Sets position of the physics particle that controls Scrollview instance's "position"
+     * @method setPosition
+     * @param {number} x The amount of pixels you want your scrollview to progress by.
+     */
+    Scrollview.prototype.setPosition = function setPosition(x) {
+        this._particle.setPosition1D(x);
+    };
+
+    /**
+     * Returns the Scrollview instance's velocity.
+     * @method getVelocity
+     * @return {Number} The velocity.
+     */
+
+    Scrollview.prototype.getVelocity = function getVelocity() {
+        return this._touchCount ? this._touchVelocity : this._particle.getVelocity1D();
+    };
+
+    /**
+     * Sets the Scrollview instance's velocity. Until affected by input or another call of setVelocity
+     *  the Scrollview instance will scroll at the passed-in velocity.
+     * @method setVelocity
+     * @param {number} v The magnitude of the velocity.
+     */
+    Scrollview.prototype.setVelocity = function setVelocity(v) {
+        this._particle.setVelocity1D(v);
+    };
+
+    /**
+     * Patches the Scrollview instance's options with the passed-in ones.
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the Scrollview instance.
+     */
+    Scrollview.prototype.setOptions = function setOptions(options) {
+        if (options) {
+            if (options.direction !== undefined) {
+                if (options.direction === 'x') options.direction = Utility.Direction.X;
+                else if (options.direction === 'y') options.direction = Utility.Direction.Y;
+            }
+
+            this._scroller.setOptions(options);
+            this._optionsManager.setOptions(options);
+        }
+
+        this._scroller.setOptions(this.options);
+        if (this.options.groupScroll)
+            this._scroller.pipe(this._eventInput);
+        else
+            this._scroller.unpipe(this._eventInput);
+
+        this.drag.setOptions({strength: this.options.drag});
+        this.friction.setOptions({strength: this.options.friction});
+
+        this.spring.setOptions({
+            period: this.options.edgePeriod,
+            dampingRatio: this.options.edgeDamp
+        });
+
+        this.sync.setOptions({
+            rails: this.options.rails,
+            direction: (this.options.direction === Utility.Direction.X) ? GenericSync.DIRECTION_X : GenericSync.DIRECTION_Y
+        });
+    };
+
+    /**
+     * goToPreviousPage paginates your Scrollview instance backwards by one item.
+     * @method goToPreviousPage
+     * @return {ViewSequence} The previous node.
+     */
+    Scrollview.prototype.goToPreviousPage = function goToPreviousPage() {
+        if (!this._node) return null;
+        var previousNode = this._node.getPrevious();
+        if (previousNode) {
+            var currentPosition = this.getPosition();
+            var previousNodeSize = _nodeSizeForDirection.call(this, previousNode);
+            this._scroller.sequenceFrom(previousNode);
+            this._node = previousNode;
+            var previousSpringPosition = (currentPosition < TOLERANCE) ? -previousNodeSize : 0;
+            _setSpring.call(this, previousSpringPosition, SpringStates.PAGE);
+            _shiftOrigin.call(this, previousNodeSize);
+        }
+        this._eventOutput.emit('pageChange', {direction: -1});
+        return previousNode;
+    };
+
+    /**
+     * goToNextPage paginates your Scrollview instance forwards by one item.
+     * @method goToNextPage
+     * @return {ViewSequence} The next node.
+     */
+    Scrollview.prototype.goToNextPage = function goToNextPage() {
+        if (!this._node) return null;
+        var nextNode = this._node.getNext();
+        if (nextNode) {
+            var currentPosition = this.getPosition();
+            var currentNodeSize = _nodeSizeForDirection.call(this, this._node);
+            var nextNodeSize = _nodeSizeForDirection.call(this, nextNode);
+            this._scroller.sequenceFrom(nextNode);
+            this._node = nextNode;
+            var nextSpringPosition = (currentPosition > currentNodeSize - TOLERANCE) ? currentNodeSize + nextNodeSize : currentNodeSize;
+            _setSpring.call(this, nextSpringPosition, SpringStates.PAGE);
+            _shiftOrigin.call(this, -currentNodeSize);
+        }
+        this._eventOutput.emit('pageChange', {direction: 1});
+        return nextNode;
+    };
+
+    /**
+     * Sets the collection of renderables under the Scrollview instance's control, by
+     *  setting its current node to the passed in ViewSequence. If you
+     *  pass in an array, the Scrollview instance will set its node as a ViewSequence instantiated with
+     *  the passed-in array.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} node Either an array of renderables or a Famous viewSequence.
+     */
+    Scrollview.prototype.sequenceFrom = function sequenceFrom(node) {
+        if (node instanceof Array) node = new ViewSequence({array: node});
+        this._node = node;
+        return this._scroller.sequenceFrom(node);
+    };
+
+    /**
+     * Returns the width and the height of the Scrollview instance.
+     *
+     * @method getSize
+     * @return {Array} A two value array of the Scrollview instance's current width and height (in that order).
+     */
+    Scrollview.prototype.getSize = function getSize() {
+        return this._scroller.getSize.apply(this._scroller, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    Scrollview.prototype.render = function render() {
+        if (!this._node) return null;
+
+        _normalizeState.call(this);
+        _handleEdge.call(this, this._scroller.onEdge());
+        if (this.options.paginated) _handlePagination.call(this);
+
+        return this._scroller.render();
+    };
+
+    module.exports = Scrollview;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: felix@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/views/ScrollContainer',['require','exports','module','famous/surfaces/ContainerSurface','famous/core/EventHandler','./Scrollview','famous/utilities/Utility','famous/core/OptionsManager'],function(require, exports, module) {
+    var ContainerSurface = require('famous/surfaces/ContainerSurface');
+    var EventHandler = require('famous/core/EventHandler');
+    var Scrollview = require('./Scrollview');
+    var Utility = require('famous/utilities/Utility');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    /**
+     * A Container surface with a scrollview automatically added. The convenience of ScrollContainer lies in
+     * being able to clip out portions of the associated scrollview that lie outside the bounding surface,
+     * and in being able to move the scrollview more easily by applying modifiers to the parent container
+     * surface.
+     * @class ScrollContainer
+     * @constructor
+     * @param {Options} [options] An object of configurable options.
+     * @param {Options} [options.container=undefined] Options for the ScrollContainer instance's surface.
+     * @param {Options} [options.scrollview={direction:Utility.Direction.X}]  Options for the ScrollContainer instance's scrollview.
+     */
+    function ScrollContainer(options) {
+        this.options = Object.create(ScrollContainer.DEFAULT_OPTIONS);
+        this._optionsManager = new OptionsManager(this.options);
+
+        if (options) this.setOptions(options);
+
+        this.container = new ContainerSurface(this.options.container);
+        this.scrollview = new Scrollview(this.options.scrollview);
+
+        this.container.add(this.scrollview);
+
+        EventHandler.setInputHandler(this, this.scrollview);
+        EventHandler.setOutputHandler(this, this.scrollview);
+        this.scrollview.subscribe(this.container);
+    }
+
+    ScrollContainer.DEFAULT_OPTIONS = {
+        container: {
+            properties: {overflow : 'hidden'}
+        },
+        scrollview: {direction: Utility.Direction.X}
+    };
+
+    /**
+     * Patches the ScrollContainer instance's options with the passed-in ones.
+     *
+     * @method setOptions
+     * @param {Options} options An object of configurable options for the ScrollContainer instance.
+     */
+    ScrollContainer.prototype.setOptions = function setOptions(options) {
+        return this._optionsManager.setOptions(options);
+    };
+
+    /**
+     * Sets the collection of renderables under the ScrollContainer instance scrollview's control.
+     *
+     * @method sequenceFrom
+     * @param {Array|ViewSequence} sequence Either an array of renderables or a Famous ViewSequence.
+     */
+    ScrollContainer.prototype.sequenceFrom = function sequenceFrom() {
+        return this.scrollview.sequenceFrom.apply(this.scrollview, arguments);
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    ScrollContainer.prototype.render = function render() {
+        return this.container.render.apply(this.container, arguments);
+    };
+
+    module.exports = ScrollContainer;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/NavigationBar',['require','exports','module','famous/core/Scene','famous/core/Surface','famous/core/Transform','famous/core/View'],function(require, exports, module) {
+    var Scene = require('famous/core/Scene');
+    var Surface = require('famous/core/Surface');
+    var Transform = require('famous/core/Transform');
+    var View = require('famous/core/View');
+
+    /**
+     * A view for displaying the title of the current page
+     *  as well as icons for navigating backwards and opening
+     *  further options
+     *
+     * @class NavigationBar
+     * @extends View
+     * @constructor
+     *
+     * @param {object} [options] overrides of default options
+     * @param {Array.number} [options.size=(undefined,0.5)] Size of the navigation bar and it's componenets.
+     * @param {Array.string} [options.backClasses=(back)] CSS Classes attached to back of Navigation.
+     * @param {String} [options.backContent=(&#x25c0;)] Content of the back button.
+     * @param {Array.string} [options.classes=(navigation)] CSS Classes attached to the surfaces.
+     * @param {String} [options.content] Content to pass into title bar.
+     * @param {Array.string} [options.classes=(more)] CSS Classes attached to the More surface.
+     * @param {String} [options.moreContent=(&#x271a;)] Content of the more button.
+     */
+    function NavigationBar(options) {
+        View.apply(this, arguments);
+
+        this.title = new Surface({
+            classes: this.options.classes,
+            content: this.options.content
+        });
+
+        this.back = new Surface({
+            size: [this.options.size[1], this.options.size[1]],
+            classes: this.options.classes,
+            content: this.options.backContent
+        });
+        this.back.on('click', function() {
+            this._eventOutput.emit('back', {});
+        }.bind(this));
+
+        this.more = new Surface({
+            size: [this.options.size[1], this.options.size[1]],
+            classes: this.options.classes,
+            content: this.options.moreContent
+        });
+        this.more.on('click', function() {
+            this._eventOutput.emit('more', {});
+        }.bind(this));
+
+        this.layout = new Scene({
+            id: 'master',
+            size: this.options.size,
+            target: [
+                {
+                    transform: Transform.inFront,
+                    origin: [0, 0.5],
+                    target: this.back
+                },
+                {
+                    origin: [0.5, 0.5],
+                    target: this.title
+                },
+                {
+                    transform: Transform.inFront,
+                    origin: [1, 0.5],
+                    target: this.more
+                }
+            ]
+        });
+
+        this._add(this.layout);
+
+        this._optionsManager.on('change', function(event) {
+            var key = event.id;
+            var data = event.value;
+            if (key === 'size') {
+                this.layout.id.master.setSize(data);
+                this.title.setSize(data);
+                this.back.setSize([data[1], data[1]]);
+                this.more.setSize([data[1], data[1]]);
+            }
+            else if (key === 'backClasses') {
+                this.back.setOptions({classes: this.options.classes.concat(this.options.backClasses)});
+            }
+            else if (key === 'backContent') {
+                this.back.setContent(this.options.backContent);
+            }
+            else if (key === 'classes') {
+                this.title.setOptions({classes: this.options.classes});
+                this.back.setOptions({classes: this.options.classes.concat(this.options.backClasses)});
+                this.more.setOptions({classes: this.options.classes.concat(this.options.moreClasses)});
+            }
+            else if (key === 'content') {
+                this.setContent(this.options.content);
+            }
+            else if (key === 'moreClasses') {
+                this.more.setOptions({classes: this.options.classes.concat(this.options.moreClasses)});
+            }
+            else if (key === 'moreContent') {
+                this.more.setContent(this.options.content);
+            }
+        }.bind(this));
+    }
+
+    NavigationBar.prototype = Object.create(View.prototype);
+    NavigationBar.prototype.constructor = NavigationBar;
+
+    NavigationBar.DEFAULT_OPTIONS = {
+        size: [undefined, 50],
+        backClasses: ['back'],
+        backContent: '&#x25c0;',
+        classes: ['navigation'],
+        content: '',
+        moreClasses: ['more'],
+        moreContent: '&#x271a;'
+    };
+
+    /**
+     * Set the title of the NavigationBar
+     *
+     * @method setContent
+     *
+     * @param {object} content JSON object containing title information
+     *
+     * @return {undefined}
+     */
+    NavigationBar.prototype.setContent = function setContent(content) {
+        return this.title.setContent(content);
+    };
+
+    module.exports = NavigationBar;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/Slider',['require','exports','module','famous/core/Surface','famous/surfaces/CanvasSurface','famous/core/Transform','famous/core/EventHandler','famous/math/Utilities','famous/core/OptionsManager','famous/inputs/MouseSync','famous/inputs/TouchSync','famous/inputs/GenericSync'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+    var CanvasSurface = require('famous/surfaces/CanvasSurface');
+    var Transform = require('famous/core/Transform');
+    var EventHandler = require('famous/core/EventHandler');
+    var Utilities = require('famous/math/Utilities');
+    var OptionsManager = require('famous/core/OptionsManager');
+
+    var MouseSync = require('famous/inputs/MouseSync');
+    var TouchSync = require('famous/inputs/TouchSync');
+    var GenericSync = require('famous/inputs/GenericSync');
+
+    GenericSync.register({
+        mouse : MouseSync,
+        touch : TouchSync
+    });
+
+    /** @constructor */
+    function Slider(options) {
+        this.options = Object.create(Slider.DEFAULT_OPTIONS);
+        this.optionsManager = new OptionsManager(this.options);
+        if (options) this.setOptions(options);
+
+        this.indicator = new CanvasSurface({
+            size: this.options.indicatorSize,
+            classes : ['slider-back']
+        });
+
+        this.label = new Surface({
+            size: this.options.labelSize,
+            content: this.options.label,
+            properties : {pointerEvents : 'none'},
+            classes: ['slider-label']
+        });
+
+        this.eventOutput = new EventHandler();
+        this.eventInput = new EventHandler();
+        EventHandler.setInputHandler(this, this.eventInput);
+        EventHandler.setOutputHandler(this, this.eventOutput);
+
+        var scale = (this.options.range[1] - this.options.range[0]) / this.options.indicatorSize[0];
+
+        this.sync = new GenericSync(
+            ['mouse', 'touch'],
+            {
+                scale : scale,
+                direction : GenericSync.DIRECTION_X
+            }
+        );
+
+        this.indicator.pipe(this.sync);
+        this.sync.pipe(this);
+
+        this.eventInput.on('update', function(data) {
+            this.set(data.position);
+        }.bind(this));
+
+        this._drawPos = 0;
+        _updateLabel.call(this);
+    }
+
+    Slider.DEFAULT_OPTIONS = {
+        size: [200, 60],
+        indicatorSize: [200, 30],
+        labelSize: [200, 30],
+        range: [0, 1],
+        precision: 2,
+        value: 0,
+        label: '',
+        fillColor: 'rgba(170, 170, 170, 1)'
+    };
+
+    function _updateLabel() {
+        this.label.setContent(this.options.label + '<span style="float: right">' + this.get().toFixed(this.options.precision) + '</span>');
+    }
+
+    Slider.prototype.setOptions = function setOptions(options) {
+        return this.optionsManager.setOptions(options);
+    };
+
+    Slider.prototype.get = function get() {
+        return this.options.value;
+    };
+
+    Slider.prototype.set = function set(value) {
+        if (value === this.options.value) return;
+        this.options.value = Utilities.clamp(value, this.options.range);
+        _updateLabel.call(this);
+        this.eventOutput.emit('change', {value: value});
+    };
+
+    Slider.prototype.getSize = function getSize() {
+        return this.options.size;
+    };
+
+    Slider.prototype.render = function render() {
+        var range = this.options.range;
+        var fillSize = Math.floor(((this.get() - range[0]) / (range[1] - range[0])) * this.options.indicatorSize[0]);
+
+        if (fillSize < this._drawPos) {
+            this.indicator.getContext('2d').clearRect(fillSize, 0, this._drawPos - fillSize + 1, this.options.indicatorSize[1]);
+        }
+        else if (fillSize > this._drawPos) {
+            var ctx = this.indicator.getContext('2d');
+            ctx.fillStyle = this.options.fillColor;
+            ctx.fillRect(this._drawPos-1, 0, fillSize - this._drawPos+1, this.options.indicatorSize[1]);
+        }
+        this._drawPos = fillSize;
+
+        return {
+            size: this.options.size,
+            target: [
+                {
+                    origin: [0, 0],
+                    target: this.indicator.render()
+                },
+                {
+                    transform: Transform.translate(0, 0, 1),
+                    origin: [0, 0],
+                    target: this.label.render()
+                }
+            ]
+        };
+    };
+
+    module.exports = Slider;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/ToggleButton',['require','exports','module','famous/core/Surface','famous/core/EventHandler','famous/views/RenderController'],function(require, exports, module) {
+    var Surface = require('famous/core/Surface');
+    var EventHandler = require('famous/core/EventHandler');
+    var RenderController = require('famous/views/RenderController');
+
+    /**
+     * A view for transitioning between two surfaces based
+     *  on a 'on' and 'off' state
+     *
+     * @class TabBar
+     * @extends View
+     * @constructor
+     *
+     * @param {object} options overrides of default options
+     */
+    function ToggleButton(options) {
+        this.options = {
+            content: '',
+            offClasses: ['off'],
+            onClasses: ['on'],
+            size: undefined,
+            outTransition: {curve: 'easeInOut', duration: 300},
+            inTransition: {curve: 'easeInOut', duration: 300},
+            toggleMode: ToggleButton.TOGGLE,
+            crossfade: true
+        };
+
+        this._eventOutput = new EventHandler();
+        EventHandler.setOutputHandler(this, this._eventOutput);
+
+        this.offSurface = new Surface();
+        this.offSurface.on('click', function() {
+            if (this.options.toggleMode !== ToggleButton.OFF) this.select();
+        }.bind(this));
+        this.offSurface.pipe(this._eventOutput);
+
+        this.onSurface = new Surface();
+        this.onSurface.on('click', function() {
+            if (this.options.toggleMode !== ToggleButton.ON) this.deselect();
+        }.bind(this));
+        this.onSurface.pipe(this._eventOutput);
+
+        this.arbiter = new RenderController({
+            overlap : this.options.crossfade
+        });
+
+        this.deselect();
+
+        if (options) this.setOptions(options);
+    }
+
+    ToggleButton.OFF = 0;
+    ToggleButton.ON = 1;
+    ToggleButton.TOGGLE = 2;
+
+    /**
+     * Transition towards the 'on' state and dispatch an event to
+     *  listeners to announce it was selected
+     *
+     * @method select
+     */
+    ToggleButton.prototype.select = function select() {
+        this.selected = true;
+        this.arbiter.show(this.onSurface, this.options.inTransition);
+//        this.arbiter.setMode(ToggleButton.ON, this.options.inTransition);
+        this._eventOutput.emit('select');
+    };
+
+    /**
+     * Transition towards the 'off' state and dispatch an event to
+     *  listeners to announce it was deselected
+     *
+     * @method deselect
+     */
+    ToggleButton.prototype.deselect = function deselect() {
+        this.selected = false;
+        this.arbiter.show(this.offSurface, this.options.outTransition);
+        this._eventOutput.emit('deselect');
+    };
+
+    /**
+     * Return the state of the button
+     *
+     * @method isSelected
+     *
+     * @return {boolean} selected state
+     */
+    ToggleButton.prototype.isSelected = function isSelected() {
+        return this.selected;
+    };
+
+    /**
+     * Override the current options
+     *
+     * @method setOptions
+     *
+     * @param {object} options JSON
+     */
+    ToggleButton.prototype.setOptions = function setOptions(options) {
+        if (options.content !== undefined) {
+            this.options.content = options.content;
+            this.offSurface.setContent(this.options.content);
+            this.onSurface.setContent(this.options.content);
+        }
+        if (options.offClasses) {
+            this.options.offClasses = options.offClasses;
+            this.offSurface.setClasses(this.options.offClasses);
+        }
+        if (options.onClasses) {
+            this.options.onClasses = options.onClasses;
+            this.onSurface.setClasses(this.options.onClasses);
+        }
+        if (options.size !== undefined) {
+            this.options.size = options.size;
+            this.onSurface.setSize(this.options.size);
+            this.offSurface.setSize(this.options.size);
+        }
+        if (options.toggleMode !== undefined) this.options.toggleMode = options.toggleMode;
+        if (options.outTransition !== undefined) this.options.outTransition = options.outTransition;
+        if (options.inTransition !== undefined) this.options.inTransition = options.inTransition;
+        if (options.crossfade !== undefined) {
+            this.options.crossfade = options.crossfade;
+            this.arbiter.setOptions({overlap: this.options.crossfade});
+        }
+    };
+
+    /**
+     * Return the size defined in the options object
+     *
+     * @method getSize
+     *
+     * @return {array} two element array [height, width]
+     */
+    ToggleButton.prototype.getSize = function getSize() {
+        return this.options.size;
+    };
+
+    /**
+     * Generate a render spec from the contents of this component.
+     *
+     * @private
+     * @method render
+     * @return {number} Render spec for this component
+     */
+    ToggleButton.prototype.render = function render() {
+        return this.arbiter.render();
+    };
+
+    module.exports = ToggleButton;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: mark@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/widgets/TabBar',['require','exports','module','famous/utilities/Utility','famous/core/View','famous/views/GridLayout','./ToggleButton'],function(require, exports, module) {
+    var Utility = require('famous/utilities/Utility');
+    var View = require('famous/core/View');
+    var GridLayout = require('famous/views/GridLayout');
+    var ToggleButton = require('./ToggleButton');
+
+    /**
+     * A view for displaying various tabs that dispatch events
+     *  based on the id of the button that was clicked
+     *
+     * @class TabBar
+     * @extends View
+     * @constructor
+     *
+     * @param {object} options overrides of default options
+     */
+    function TabBar(options) {
+        View.apply(this, arguments);
+
+        this.layout = new GridLayout();
+        this.buttons = [];
+        this._buttonIds = {};
+        this._buttonCallbacks = {};
+
+        this.layout.sequenceFrom(this.buttons);
+        this._add(this.layout);
+
+        this._optionsManager.on('change', _updateOptions.bind(this));
+    }
+
+    TabBar.prototype = Object.create(View.prototype);
+    TabBar.prototype.constructor = TabBar;
+
+    TabBar.DEFAULT_OPTIONS = {
+        sections: [],
+        widget: ToggleButton,
+        size: [undefined, 50],
+        direction: Utility.Direction.X,
+        buttons: {
+            toggleMode: ToggleButton.ON
+        }
+    };
+
+    /**
+     * Update the options for all components of the view
+     *
+     * @method _updateOptions
+     *
+     * @param {object} data component options
+     */
+    function _updateOptions(data) {
+        var id = data.id;
+        var value = data.value;
+
+        if (id === 'direction') {
+            this.layout.setOptions({dimensions: _resolveGridDimensions.call(this.buttons.length, this.options.direction)});
+        }
+        else if (id === 'buttons') {
+            for (var i in this.buttons) {
+                this.buttons[i].setOptions(value);
+            }
+        }
+        else if (id === 'sections') {
+            for (var sectionId in this.options.sections) {
+                this.defineSection(sectionId, this.options.sections[sectionId]);
+            }
+        }
+    }
+
+    /**
+     * Return an array of the proper dimensions for the tabs
+     *
+     * @method _resolveGridDimensions
+     *
+     * @param {number} count number of buttons
+     * @param {number} direction direction of the layout
+     *
+     * @return {array} the dimensions of the tab section
+     */
+    function _resolveGridDimensions(count, direction) {
+        if (direction === Utility.Direction.X) return [count, 1];
+        else return [1, count];
+    }
+
+    /**
+     * Create a new button with the specified id.  If one already exists with
+     *  that id, unbind all listeners.
+     *
+     * @method defineSection
+     *
+     * @param {string} id name of the button
+     * @param {object} content data for the creation of a new ToggleButton
+     */
+    TabBar.prototype.defineSection = function defineSection(id, content) {
+        var button;
+        var i = this._buttonIds[id];
+
+        if (i === undefined) {
+            i = this.buttons.length;
+            this._buttonIds[id] = i;
+            var widget = this.options.widget;
+            button = new widget();
+            this.buttons[i] = button;
+            this.layout.setOptions({dimensions: _resolveGridDimensions(this.buttons.length, this.options.direction)});
+        }
+        else {
+            button = this.buttons[i];
+            button.unbind('select', this._buttonCallbacks[id]);
+        }
+
+        if (this.options.buttons) button.setOptions(this.options.buttons);
+        button.setOptions(content);
+
+        this._buttonCallbacks[id] = this.select.bind(this, id);
+        button.on('select', this._buttonCallbacks[id]);
+    };
+
+    /**
+     * Select a particular button and dispatch the id of the selection
+     *  to any listeners.  Deselect all others
+     *
+     * @method select
+     *
+     * @param {string} id button id
+     */
+    TabBar.prototype.select = function select(id) {
+        var btn = this._buttonIds[id];
+        // this prevents event loop
+        if (this.buttons[btn] && this.buttons[btn].isSelected()) {
+            this._eventOutput.emit('select', {id: id});
+        }
+        else if (this.buttons[btn]) {
+            this.buttons[btn].select();
+        }
+
+        for (var i = 0; i < this.buttons.length; i++) {
+            if (i !== btn) this.buttons[i].deselect();
+        }
+    };
+
+    module.exports = TabBar;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Body',['require','exports','module','./Particle','famous/core/Transform','famous/math/Vector','famous/math/Quaternion','famous/math/Matrix'],function(require, exports, module) {
+    var Particle = require('./Particle');
+    var Transform = require('famous/core/Transform');
+    var Vector = require('famous/math/Vector');
+    var Quaternion = require('famous/math/Quaternion');
+    var Matrix = require('famous/math/Matrix');
+
+    /**
+     * A unit controlled by the physics engine which extends the zero-dimensional
+     * Particle to include geometry. In addition to maintaining the state
+     * of a Particle its state includes orientation, angular velocity
+     * and angular momentum and responds to torque forces.
+     *
+     * @class Body
+     * @extends Particle
+     * @constructor
+     */
+    function Body(options) {
+        Particle.call(this, options);
+        options = options || {};
+
+        this.orientation     = new Quaternion();
+        this.angularVelocity = new Vector();
+        this.angularMomentum = new Vector();
+        this.torque          = new Vector();
+
+        if (options.orientation)     this.orientation.set(options.orientation);
+        if (options.angularVelocity) this.angularVelocity.set(options.angularVelocity);
+        if (options.angularMomentum) this.angularMomentum.set(options.angularMomentum);
+        if (options.torque)          this.torque.set(options.torque);
+
+        this.setMomentsOfInertia();
+
+        this.angularVelocity.w = 0;        //quaternify the angular velocity
+
+        //registers
+        this.pWorld = new Vector();        //placeholder for world space position
+    }
+
+    Body.DEFAULT_OPTIONS = Particle.DEFAULT_OPTIONS;
+    Body.DEFAULT_OPTIONS.orientation = [0,0,0,1];
+    Body.DEFAULT_OPTIONS.angularVelocity = [0,0,0];
+
+    Body.AXES = Particle.AXES;
+    Body.SLEEP_TOLERANCE = Particle.SLEEP_TOLERANCE;
+    Body.INTEGRATOR = Particle.INTEGRATOR;
+
+    Body.prototype = Object.create(Particle.prototype);
+    Body.prototype.constructor = Body;
+
+    Body.prototype.isBody = true;
+
+    Body.prototype.setMass = function setMass() {
+        Particle.prototype.setMass.apply(this, arguments);
+        this.setMomentsOfInertia();
+    };
+
+    /**
+     * Setter for moment of inertia, which is necessary to give proper
+     * angular inertia depending on the geometry of the body.
+     *
+     * @method setMomentsOfInertia
+     */
+    Body.prototype.setMomentsOfInertia = function setMomentsOfInertia() {
+        this.inertia = new Matrix();
+        this.inverseInertia = new Matrix();
+    };
+
+    /**
+     * Update the angular velocity from the angular momentum state.
+     *
+     * @method updateAngularVelocity
+     */
+    Body.prototype.updateAngularVelocity = function updateAngularVelocity() {
+        this.angularVelocity.set(this.inverseInertia.vectorMultiply(this.angularMomentum));
+    };
+
+    /**
+     * Determine world coordinates from the local coordinate system. Useful
+     * if the Body has rotated in space.
+     *
+     * @method toWorldCoordinates
+     * @param localPosition {Vector} local coordinate vector
+     * @return global coordinate vector {Vector}
+     */
+    Body.prototype.toWorldCoordinates = function toWorldCoordinates(localPosition) {
+        return this.pWorld.set(this.orientation.rotateVector(localPosition));
+    };
+
+    /**
+     * Calculates the kinetic and intertial energy of a body.
+     *
+     * @method getEnergy
+     * @return energy {Number}
+     */
+    Body.prototype.getEnergy = function getEnergy() {
+        return Particle.prototype.getEnergy.call(this)
+            + 0.5 * this.inertia.vectorMultiply(this.angularVelocity).dot(this.angularVelocity);
+    };
+
+    /**
+     * Extends Particle.reset to reset orientation, angular velocity
+     * and angular momentum.
+     *
+     * @method reset
+     * @param [p] {Array|Vector} position
+     * @param [v] {Array|Vector} velocity
+     * @param [q] {Array|Quaternion} orientation
+     * @param [L] {Array|Vector} angular momentum
+     */
+    Body.prototype.reset = function reset(p, v, q, L) {
+        Particle.prototype.reset.call(this, p, v);
+        this.angularVelocity.clear();
+        this.setOrientation(q || [1,0,0,0]);
+        this.setAngularMomentum(L || [0,0,0]);
+    };
+
+    /**
+     * Setter for orientation
+     *
+     * @method setOrientation
+     * @param q {Array|Quaternion} orientation
+     */
+    Body.prototype.setOrientation = function setOrientation(q) {
+        this.orientation.set(q);
+    };
+
+    /**
+     * Setter for angular velocity
+     *
+     * @method setAngularVelocity
+     * @param w {Array|Vector} angular velocity
+     */
+    Body.prototype.setAngularVelocity = function setAngularVelocity(w) {
+        this.wake();
+        this.angularVelocity.set(w);
+    };
+
+    /**
+     * Setter for angular momentum
+     *
+     * @method setAngularMomentum
+     * @param L {Array|Vector} angular momentum
+     */
+    Body.prototype.setAngularMomentum = function setAngularMomentum(L) {
+        this.wake();
+        this.angularMomentum.set(L);
+    };
+
+    /**
+     * Extends Particle.applyForce with an optional argument
+     * to apply the force at an off-centered location, resulting in a torque.
+     *
+     * @method applyForce
+     * @param force {Vector} force
+     * @param [location] {Vector} off-center location on the body
+     */
+    Body.prototype.applyForce = function applyForce(force, location) {
+        Particle.prototype.applyForce.call(this, force);
+        if (location !== undefined) this.applyTorque(location.cross(force));
+    };
+
+    /**
+     * Applied a torque force to a body, inducing a rotation.
+     *
+     * @method applyTorque
+     * @param torque {Vector} torque
+     */
+    Body.prototype.applyTorque = function applyTorque(torque) {
+        this.wake();
+        this.torque.set(this.torque.add(torque));
+    };
+
+    /**
+     * Extends Particle.getTransform to include a rotational component
+     * derived from the particle's orientation.
+     *
+     * @method getTransform
+     * @return transform {Transform}
+     */
+    Body.prototype.getTransform = function getTransform() {
+        return Transform.thenMove(
+            this.orientation.getTransform(),
+            Transform.getTranslate(Particle.prototype.getTransform.call(this))
+        );
+    };
+
+    /**
+     * Extends Particle._integrate to also update the rotational states
+     * of the body.
+     *
+     * @method getTransform
+     * @protected
+     * @param dt {Number} delta time
+     */
+    Body.prototype._integrate = function _integrate(dt) {
+        Particle.prototype._integrate.call(this, dt);
+        this.integrateAngularMomentum(dt);
+        this.updateAngularVelocity(dt);
+        this.integrateOrientation(dt);
+    };
+
+    /**
+     * Updates the angular momentum via the its integrator.
+     *
+     * @method integrateAngularMomentum
+     * @param dt {Number} delta time
+     */
+    Body.prototype.integrateAngularMomentum = function integrateAngularMomentum(dt) {
+        Body.INTEGRATOR.integrateAngularMomentum(this, dt);
+    };
+
+    /**
+     * Updates the orientation via the its integrator.
+     *
+     * @method integrateOrientation
+     * @param dt {Number} delta time
+     */
+    Body.prototype.integrateOrientation = function integrateOrientation(dt) {
+        Body.INTEGRATOR.integrateOrientation(this, dt);
+    };
+
+    module.exports = Body;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Circle',['require','exports','module','./Body','famous/math/Matrix'],function(require, exports, module) {
+    var Body = require('./Body');
+    var Matrix = require('famous/math/Matrix');
+
+    /**
+     * Implements a circle, or spherical, geometry for an Body with
+     * radius.
+     *
+     * @class Circle
+     * @extends Body
+     * @constructor
+     */
+    function Circle(options) {
+        options = options || {};
+        this.setRadius(options.radius || 0);
+        Body.call(this, options);
+    }
+
+    Circle.prototype = Object.create(Body.prototype);
+    Circle.prototype.constructor = Circle;
+
+    /**
+     * Basic setter for radius.
+     * @method setRadius
+     * @param r {Number} radius
+     */
+    Circle.prototype.setRadius = function setRadius(r) {
+        this.radius = r;
+        this.size = [2*this.radius, 2*this.radius];
+        this.setMomentsOfInertia();
+    };
+
+    Circle.prototype.setMomentsOfInertia = function setMomentsOfInertia() {
+        var m = this.mass;
+        var r = this.radius;
+
+        this.inertia = new Matrix([
+            [0.25 * m * r * r, 0, 0],
+            [0, 0.25 * m * r * r, 0],
+            [0, 0, 0.5 * m * r * r]
+        ]);
+
+        this.inverseInertia = new Matrix([
+            [4 / (m * r * r), 0, 0],
+            [0, 4 / (m * r * r), 0],
+            [0, 0, 2 / (m * r * r)]
+        ]);
+    };
+
+    module.exports = Circle;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/bodies/Rectangle',['require','exports','module','./Body','famous/math/Matrix'],function(require, exports, module) {
+    var Body = require('./Body');
+    var Matrix = require('famous/math/Matrix');
+
+    /**
+     * Implements a rectangular geometry for an Body with
+     * size = [width, height].
+     *
+     * @class Rectangle
+     * @extends Body
+     * @constructor
+     */
+    function Rectangle(options) {
+        options = options || {};
+        this.size = options.size || [0,0];
+        Body.call(this, options);
+    }
+
+    Rectangle.prototype = Object.create(Body.prototype);
+    Rectangle.prototype.constructor = Rectangle;
+
+    /**
+     * Basic setter for size.
+     * @method setSize
+     * @param size {Array} size = [width, height]
+     */
+    Rectangle.prototype.setSize = function setSize(size) {
+        this.size = size;
+        this.setMomentsOfInertia();
+    };
+
+    Rectangle.prototype.setMomentsOfInertia = function setMomentsOfInertia() {
+        var m = this.mass;
+        var w = this.size[0];
+        var h = this.size[1];
+
+        this.inertia = new Matrix([
+            [m * h * h / 12, 0, 0],
+            [0, m * w * w / 12, 0],
+            [0, 0, m * (w * w + h * h) / 12]
+        ]);
+
+        this.inverseInertia = new Matrix([
+            [12 / (m * h * h), 0, 0],
+            [0, 12 / (m * w * w), 0],
+            [0, 0, 12 / (m * (w * w + h * h))]
+        ]);
+    };
+
+    module.exports = Rectangle;
+
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Collision',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  Allows for two circular bodies to collide and bounce off each other.
+     *
+     *  @class Collision
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Number} [options.restitution] The energy ratio lost in a collision (0 = stick, 1 = elastic) Range : [0, 1]
+     *  @param {Number} [options.drift] Baumgarte stabilization parameter. Makes constraints "loosely" (0) or "tightly" (1) enforced. Range : [0, 1]
+     *  @param {Number} [options.slop] Amount of penetration in pixels to ignore before collision event triggers
+     *
+     */
+    function Collision(options) {
+        this.options = Object.create(Collision.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.normal   = new Vector();
+        this.pDiff    = new Vector();
+        this.vDiff    = new Vector();
+        this.impulse1 = new Vector();
+        this.impulse2 = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Collision.prototype = Object.create(Constraint.prototype);
+    Collision.prototype.constructor = Collision;
+
+    Collision.DEFAULT_OPTIONS = {
+        restitution : 0.5,
+        drift : 0.5,
+        slop : 0
+    };
+
+    function _normalVelocity(particle1, particle2) {
+        return particle1.velocity.dot(particle2.velocity);
+    }
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Collision.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Collision.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        if (source === undefined) return;
+
+        var v1 = source.velocity;
+        var p1 = source.position;
+        var w1 = source.inverseMass;
+        var r1 = source.radius;
+
+        var options = this.options;
+        var drift = options.drift;
+        var slop = -options.slop;
+        var restitution = options.restitution;
+
+        var n     = this.normal;
+        var pDiff = this.pDiff;
+        var vDiff = this.vDiff;
+        var impulse1 = this.impulse1;
+        var impulse2 = this.impulse2;
+
+        for (var i = 0; i < targets.length; i++) {
+            var target = targets[i];
+
+            if (target === source) continue;
+
+            var v2 = target.velocity;
+            var p2 = target.position;
+            var w2 = target.inverseMass;
+            var r2 = target.radius;
+
+            pDiff.set(p2.sub(p1));
+            vDiff.set(v2.sub(v1));
+
+            var dist    = pDiff.norm();
+            var overlap = dist - (r1 + r2);
+            var effMass = 1/(w1 + w2);
+            var gamma   = 0;
+
+            if (overlap < 0) {
+
+                n.set(pDiff.normalize());
+
+                if (this._eventOutput) {
+                    var collisionData = {
+                        target  : target,
+                        source  : source,
+                        overlap : overlap,
+                        normal  : n
+                    };
+
+                    this._eventOutput.emit('preCollision', collisionData);
+                    this._eventOutput.emit('collision', collisionData);
+                }
+
+                var lambda = (overlap <= slop)
+                    ? ((1 + restitution) * n.dot(vDiff) + drift/dt * (overlap - slop)) / (gamma + dt/effMass)
+                    : ((1 + restitution) * n.dot(vDiff)) / (gamma + dt/effMass);
+
+                n.mult(dt*lambda).put(impulse1);
+                impulse1.mult(-1).put(impulse2);
+
+                source.applyImpulse(impulse1);
+                target.applyImpulse(impulse2);
+
+                //source.setPosition(p1.add(n.mult(overlap/2)));
+                //target.setPosition(p2.sub(n.mult(overlap/2)));
+
+                if (this._eventOutput) this._eventOutput.emit('postCollision', collisionData);
+
+            }
+        }
+    };
+
+    module.exports = Collision;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Curve',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A constraint that keeps a physics body on a given implicit curve
+     *    regardless of other physical forces are applied to it.
+     *
+     *    A curve constraint is two surface constraints in disguise, as a curve is
+     *    the intersection of two surfaces, and is essentially constrained to both
+     *
+     *  @class Curve
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Function} [options.equation] An implicitly defined surface f(x,y,z) = 0 that body is constrained to e.g. function(x,y,z) { x*x + y*y - r*r } corresponds to a circle of radius r pixels
+     *  @param {Function} [options.plane] An implicitly defined second surface that the body is constrained to
+     *  @param {Number} [options.period] The spring-like reaction when the constraint is violated
+     *  @param {Number} [options.number] The damping-like reaction when the constraint is violated
+     */
+    function Curve(options) {
+        this.options = Object.create(Curve.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.J = new Vector();
+        this.impulse = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Curve.prototype = Object.create(Constraint.prototype);
+    Curve.prototype.constructor = Curve;
+
+    /** @const */ var epsilon = 1e-7;
+    /** @const */ var pi = Math.PI;
+
+    Curve.DEFAULT_OPTIONS = {
+        equation  : function(x,y,z) {
+            return 0;
+        },
+        plane : function(x,y,z) {
+            return z;
+        },
+        period : 0,
+        dampingRatio : 0
+    };
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Curve.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a curve impulse to a physics body.
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body} Array of bodies to apply force to.
+     * @param source {Body} Not applicable
+     * @param dt {Number} Delta time
+     */
+    Curve.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var options = this.options;
+        var impulse = this.impulse;
+        var J = this.J;
+
+        var f = options.equation;
+        var g = options.plane;
+        var dampingRatio = options.dampingRatio;
+        var period = options.period;
+
+        for (var i = 0; i < targets.length; i++) {
+            var body = targets[i];
+
+            var v = body.velocity;
+            var p = body.position;
+            var m = body.mass;
+
+            var gamma;
+            var beta;
+
+            if (period === 0) {
+                gamma = 0;
+                beta = 1;
+            }
+            else {
+                var c = 4 * m * pi * dampingRatio / period;
+                var k = 4 * m * pi * pi / (period * period);
+
+                gamma = 1 / (c + dt*k);
+                beta  = dt*k / (c + dt*k);
+            }
+
+            var x = p.x;
+            var y = p.y;
+            var z = p.z;
+
+            var f0  = f(x, y, z);
+            var dfx = (f(x + epsilon, p, p) - f0) / epsilon;
+            var dfy = (f(x, y + epsilon, p) - f0) / epsilon;
+            var dfz = (f(x, y, p + epsilon) - f0) / epsilon;
+
+            var g0  = g(x, y, z);
+            var dgx = (g(x + epsilon, y, z) - g0) / epsilon;
+            var dgy = (g(x, y + epsilon, z) - g0) / epsilon;
+            var dgz = (g(x, y, z + epsilon) - g0) / epsilon;
+
+            J.setXYZ(dfx + dgx, dfy + dgy, dfz + dgz);
+
+            var antiDrift = beta/dt * (f0 + g0);
+            var lambda = -(J.dot(v) + antiDrift) / (gamma + dt * J.normSquared() / m);
+
+            impulse.set(J.mult(dt*lambda));
+            body.applyImpulse(impulse);
+        }
+    };
+
+    module.exports = Curve;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Distance',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A constraint that keeps a physics body a given distance away from a given
+     *  anchor, or another attached body.
+     *
+     *
+     *  @class Distance
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Array} [options.anchor] The location of the anchor
+     *  @param {Number} [options.length] The amount of distance from the anchor the constraint should enforce
+     *  @param {Number} [options.minLength] The minimum distance before the constraint is activated. Use this property for a "rope" effect.
+     *  @param {Number} [options.period] The spring-like reaction when the constraint is broken.
+     *  @param {Number} [options.dampingRatio] The damping-like reaction when the constraint is broken.
+     *
+     */
+    function Distance(options) {
+        this.options = Object.create(this.constructor.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.impulse  = new Vector();
+        this.normal   = new Vector();
+        this.diffP    = new Vector();
+        this.diffV    = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Distance.prototype = Object.create(Constraint.prototype);
+    Distance.prototype.constructor = Distance;
+
+    Distance.DEFAULT_OPTIONS = {
+        anchor : null,
+        length : 0,
+        minLength : 0,
+        period : 0,
+        dampingRatio : 0
+    };
+
+    /** @const */ var pi = Math.PI;
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Distance.prototype.setOptions = function setOptions(options) {
+        if (options.anchor) {
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Vector)  this.options.anchor = options.anchor;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+        }
+        if (options.length !== undefined) this.options.length = options.length;
+        if (options.dampingRatio !== undefined) this.options.dampingRatio = options.dampingRatio;
+        if (options.period !== undefined) this.options.period = options.period;
+        if (options.minLength !== undefined) this.options.minLength = options.minLength;
+    };
+
+    function _calcError(impulse, body) {
+        return body.mass * impulse.norm();
+    }
+
+    /**
+     * Set the anchor position
+     *
+     * @method setOptions
+     * @param anchor {Array}
+     */
+    Distance.prototype.setAnchor = function setAnchor(anchor) {
+        if (!this.options.anchor) this.options.anchor = new Vector();
+        this.options.anchor.set(anchor);
+    };
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Distance.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var n        = this.normal;
+        var diffP    = this.diffP;
+        var diffV    = this.diffV;
+        var impulse  = this.impulse;
+        var options  = this.options;
+
+        var dampingRatio = options.dampingRatio;
+        var period       = options.period;
+        var minLength    = options.minLength;
+
+        var p2;
+        var w2;
+
+        if (source) {
+            var v2 = source.velocity;
+            p2 = source.position;
+            w2 = source.inverseMass;
+        }
+        else {
+            p2 = this.options.anchor;
+            w2 = 0;
+        }
+
+        var length = this.options.length;
+
+        for (var i = 0; i < targets.length; i++) {
+            var body = targets[i];
+
+            var v1 = body.velocity;
+            var p1 = body.position;
+            var w1 = body.inverseMass;
+
+            diffP.set(p1.sub(p2));
+            n.set(diffP.normalize());
+
+            var dist = diffP.norm() - length;
+
+            //rope effect
+            if (Math.abs(dist) < minLength) return;
+
+            if (source) diffV.set(v1.sub(v2));
+            else diffV.set(v1);
+
+            var effMass = 1 / (w1 + w2);
+            var gamma;
+            var beta;
+
+            if (period === 0) {
+                gamma = 0;
+                beta  = 1;
+            }
+            else {
+                var c = 4 * effMass * pi * dampingRatio / period;
+                var k = 4 * effMass * pi * pi / (period * period);
+
+                gamma = 1 / (c + dt*k);
+                beta  = dt*k / (c + dt*k);
+            }
+
+            var antiDrift = beta/dt * dist;
+            var lambda    = -(n.dot(diffV) + antiDrift) / (gamma + dt/effMass);
+
+            impulse.set(n.mult(dt*lambda));
+            body.applyImpulse(impulse);
+
+            if (source) source.applyImpulse(impulse.mult(-1));
+        }
+    };
+
+    module.exports = Distance;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Surface',['require','exports','module','./Constraint','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A constraint that keeps a physics body on a given implicit surface
+     *    regardless of other physical forces are applied to it.
+     *
+     *  @class Surface
+     *  @constructor
+     *  @extends Constraint
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Function} [options.equation] An implicitly defined surface f(x,y,z) = 0 that body is constrained to e.g. function(x,y,z) { x*x + y*y + z*z - r*r } corresponds to a sphere of radius r pixels.
+     *  @param {Number} [options.period] The spring-like reaction when the constraint is violated.
+     *  @param {Number} [options.dampingRatio] The damping-like reaction when the constraint is violated.
+     */
+    function Surface(options) {
+        this.options = Object.create(Surface.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        this.J = new Vector();
+        this.impulse  = new Vector();
+
+        Constraint.call(this);
+    }
+
+    Surface.prototype = Object.create(Constraint.prototype);
+    Surface.prototype.constructor = Surface;
+
+    Surface.DEFAULT_OPTIONS = {
+        equation : undefined,
+        period : 0,
+        dampingRatio : 0
+    };
+
+    /** @const */ var epsilon = 1e-7;
+    /** @const */ var pi = Math.PI;
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Surface.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a surface impulse to a physics body.
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body} Array of bodies to apply force to.
+     * @param source {Body} Not applicable
+     * @param dt {Number} Delta time
+     */
+    Surface.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        var impulse = this.impulse;
+        var J       = this.J;
+        var options = this.options;
+
+        var f = options.equation;
+        var dampingRatio = options.dampingRatio;
+        var period = options.period;
+
+        for (var i = 0; i < targets.length; i++) {
+            var particle = targets[i];
+
+            var v = particle.velocity;
+            var p = particle.position;
+            var m = particle.mass;
+
+            var gamma;
+            var beta;
+
+            if (period === 0) {
+                gamma = 0;
+                beta = 1;
+            }
+            else {
+                var c = 4 * m * pi * dampingRatio / period;
+                var k = 4 * m * pi * pi / (period * period);
+
+                gamma = 1 / (c + dt*k);
+                beta  = dt*k / (c + dt*k);
+            }
+
+            var x = p.x;
+            var y = p.y;
+            var z = p.z;
+
+            var f0  = f(x, y, z);
+            var dfx = (f(x + epsilon, p, p) - f0) / epsilon;
+            var dfy = (f(x, y + epsilon, p) - f0) / epsilon;
+            var dfz = (f(x, y, p + epsilon) - f0) / epsilon;
+            J.setXYZ(dfx, dfy, dfz);
+
+            var antiDrift = beta/dt * f0;
+            var lambda = -(J.dot(v) + antiDrift) / (gamma + dt * J.normSquared() / m);
+
+            impulse.set(J.mult(dt*lambda));
+            particle.applyImpulse(impulse);
+        }
+    };
+
+    module.exports = Surface;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/constraints/Walls',['require','exports','module','./Constraint','./Wall','famous/math/Vector'],function(require, exports, module) {
+    var Constraint = require('./Constraint');
+    var Wall = require('./Wall');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  Walls combines one or more Wall primitives and exposes a simple API to
+     *  interact with several walls at once. A common use case would be to set up
+     *  a bounding box for a physics body, that would collide with each side.
+     *
+     *  @class Walls
+     *  @constructor
+     *  @extends Constraint
+     *  @uses Wall
+     *  @param {Options} [options] An object of configurable options.
+     *  @param {Array} [options.sides] An array of sides e.g., [Walls.LEFT, Walls.TOP]
+     *  @param {Array} [options.size] The size of the bounding box of the walls.
+     *  @param {Array} [options.origin] The center of the wall relative to the size.
+     *  @param {Array} [options.drift] Baumgarte stabilization parameter. Makes constraints "loosely" (0) or "tightly" (1) enforced. Range : [0, 1]
+     *  @param {Array} [options.slop] Amount of penetration in pixels to ignore before collision event triggers.
+     *  @param {Array} [options.restitution] The energy ratio lost in a collision (0 = stick, 1 = elastic) The energy ratio lost in a collision (0 = stick, 1 = elastic)
+     *  @param {Array} [options.onContact] How to handle collision against the wall.
+     */
+    function Walls(options) {
+        this.options = Object.create(Walls.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+        _createComponents.call(this, options.sides || this.options.sides);
+
+        Constraint.call(this);
+    }
+
+    Walls.prototype = Object.create(Constraint.prototype);
+    Walls.prototype.constructor = Walls;
+    /**
+     * @property Walls.ON_CONTACT
+     * @type Object
+     * @extends Wall.ON_CONTACT
+     * @static
+     */
+    Walls.ON_CONTACT = Wall.ON_CONTACT;
+
+    /**
+     * An enumeration of common types of walls
+     *    LEFT, RIGHT, TOP, BOTTOM, FRONT, BACK
+     *    TWO_DIMENSIONAL, THREE_DIMENSIONAL
+     *
+     * @property Walls.SIDES
+     * @type Object
+     * @final
+     * @static
+     */
+    Walls.SIDES = {
+        LEFT   : 0,
+        RIGHT  : 1,
+        TOP    : 2,
+        BOTTOM : 3,
+        FRONT  : 4,
+        BACK   : 5,
+        TWO_DIMENSIONAL : [0, 1, 2, 3],
+        THREE_DIMENSIONAL : [0, 1, 2, 3, 4, 5]
+    };
+
+    Walls.DEFAULT_OPTIONS = {
+        sides : Walls.SIDES.TWO_DIMENSIONAL,
+        size : [window.innerWidth, window.innerHeight, 0],
+        origin : [.5, .5, .5],
+        drift : 0.5,
+        slop : 0,
+        restitution : 0.5,
+        onContact : Walls.ON_CONTACT.REFLECT
+    };
+
+    var _SIDE_NORMALS = {
+        0 : new Vector(1, 0, 0),
+        1 : new Vector(-1, 0, 0),
+        2 : new Vector(0, 1, 0),
+        3 : new Vector(0,-1, 0),
+        4 : new Vector(0, 0, 1),
+        5 : new Vector(0, 0,-1)
+    };
+
+    function _getDistance(side, size, origin) {
+        var distance;
+        var SIDES = Walls.SIDES;
+        switch (parseInt(side)) {
+            case SIDES.LEFT:
+                distance = size[0] * origin[0];
+                break;
+            case SIDES.TOP:
+                distance = size[1] * origin[1];
+                break;
+            case SIDES.FRONT:
+                distance = size[2] * origin[2];
+                break;
+            case SIDES.RIGHT:
+                distance = size[0] * (1 - origin[0]);
+                break;
+            case SIDES.BOTTOM:
+                distance = size[1] * (1 - origin[1]);
+                break;
+            case SIDES.BACK:
+                distance = size[2] * (1 - origin[2]);
+                break;
+        }
+        return distance;
+    }
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Walls.prototype.setOptions = function setOptions(options) {
+        var resizeFlag = false;
+        if (options.restitution !== undefined) _setOptionsForEach.call(this, {restitution : options.restitution});
+        if (options.drift !== undefined) _setOptionsForEach.call(this, {drift : options.drift});
+        if (options.slop !== undefined) _setOptionsForEach.call(this, {slop : options.slop});
+        if (options.onContact !== undefined) _setOptionsForEach.call(this, {onContact : options.onContact});
+        if (options.size !== undefined) resizeFlag = true;
+        if (options.sides !== undefined) this.options.sides = options.sides;
+        if (options.origin !== undefined) resizeFlag = true;
+        if (resizeFlag) this.setSize(options.size, options.origin);
+    };
+
+    function _createComponents(sides) {
+        this.components = {};
+        var components = this.components;
+
+        for (var i = 0; i < sides.length; i++) {
+            var side = sides[i];
+            components[i] = new Wall({
+                normal   : _SIDE_NORMALS[side].clone(),
+                distance : _getDistance(side, this.options.size, this.options.origin)
+            });
+        }
+    }
+
+    /*
+     * Setter for size.
+     *
+     * @method setOptions
+     * @param options {Objects}
+     */
+    Walls.prototype.setSize = function setSize(size, origin) {
+        origin = origin || this.options.origin;
+        if (origin.length < 3) origin[2] = 0.5;
+
+        this.forEach(function(wall, side) {
+            var d = _getDistance(side, size, origin);
+            wall.setOptions({distance : d});
+        });
+
+        this.options.size   = size;
+        this.options.origin = origin;
+    };
+
+    function _setOptionsForEach(options) {
+        this.forEach(function(wall) {
+            wall.setOptions(options);
+        });
+        for (var key in options) this.options[key] = options[key];
+    }
+
+    /**
+     * Adds an impulse to a physics body's velocity due to the walls constraint
+     *
+     * @method applyConstraint
+     * @param targets {Array.Body}  Array of bodies to apply the constraint to
+     * @param source {Body}         The source of the constraint
+     * @param dt {Number}           Delta time
+     */
+    Walls.prototype.applyConstraint = function applyConstraint(targets, source, dt) {
+        this.forEach(function(wall) {
+            wall.applyConstraint(targets, source, dt);
+        });
+    };
+
+    /**
+     * Apply a method to each wall making up the walls
+     *
+     * @method applyConstraint
+     * @param fn {Function}  Function that takes in a wall as its first parameter
+     */
+    Walls.prototype.forEach = function forEach(fn) {
+        for (var key in this.sides) fn(this.sides[key], key);
+    };
+
+    /**
+     * Rotates the walls by an angle in the XY-plane
+     *
+     * @method applyConstraint
+     * @param angle {Function}
+     */
+    Walls.prototype.rotateZ = function rotateZ(angle) {
+        this.forEach(function(wall) {
+            var n = wall.options.normal;
+            n.rotateZ(angle).put(n);
+        });
+    };
+
+    /**
+     * Rotates the walls by an angle in the YZ-plane
+     *
+     * @method applyConstraint
+     * @param angle {Function}
+     */
+    Walls.prototype.rotateX = function rotateX(angle) {
+        this.forEach(function(wall) {
+            var n = wall.options.normal;
+            n.rotateX(angle).put(n);
+        });
+    };
+
+    /**
+     * Rotates the walls by an angle in the XZ-plane
+     *
+     * @method applyConstraint
+     * @param angle {Function}
+     */
+    Walls.prototype.rotateY = function rotateY(angle) {
+        this.forEach(function(wall) {
+            var n = wall.options.normal;
+            n.rotateY(angle).put(n);
+        });
+    };
+
+    module.exports = Walls;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+//TODO: test options manager
+define('famous/physics/forces/Repulsion',['require','exports','module','./Force','famous/math/Vector'],function(require, exports, module) {
+    var Force = require('./Force');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  Repulsion is a force that repels (attracts) bodies away (towards)
+     *    each other. A repulsion of negative strength is attractive.
+     *
+     *  @class Repulsion
+     *  @constructor
+     *  @extends Force
+     *  @param {Object} options overwrites default options
+     */
+    function Repulsion(options) {
+        this.options = Object.create(Repulsion.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        //registers
+        this.disp  = new Vector();
+
+        Force.call(this);
+    }
+
+    Repulsion.prototype = Object.create(Force.prototype);
+    Repulsion.prototype.constructor = Repulsion;
+    /**
+     * @property Repulsion.DECAY_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Repulsion.DECAY_FUNCTIONS = {
+
+        /**
+         * A linear decay function
+         * @attribute LINEAR
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff the effective radius of influence
+         */
+        LINEAR : function(r, cutoff) {
+            return Math.max(1 - (1 / cutoff) * r, 0);
+        },
+
+        /**
+         * A Morse potential decay function (http://en.wikipedia.org/wiki/Morse_potential)
+         * @attribute MORSE
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff the minimum radius of influence
+         */
+        MORSE : function(r, cutoff) {
+            var r0 = (cutoff === 0) ? 100 : cutoff;
+            var rShifted = r + r0 * (1 - Math.log(2)); //shift by x-intercept
+            return Math.max(1 - Math.pow(1 - Math.exp(rShifted/r0 - 1), 2), 0);
+        },
+
+        /**
+         * An inverse distance decay function
+         * @attribute INVERSE
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff a distance shift to avoid singularities
+         */
+        INVERSE : function(r, cutoff) {
+            return 1 / (1 - cutoff + r);
+        },
+
+        /**
+         * An inverse squared distance decay function
+         * @attribute INVERSE
+         * @type Function
+         * @param {Number} r distance from the source body
+         * @param {Number} cutoff a distance shift to avoid singularities
+         */
+        GRAVITY : function(r, cutoff) {
+            return 1 / (1 - cutoff + r*r);
+        }
+    };
+
+    /**
+     * @property Repulsion.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    Repulsion.DEFAULT_OPTIONS = {
+
+        /**
+         * The strength of the force
+         *    Range : [0, 100]
+         * @attribute strength
+         * @type Number
+         * @default 1
+         */
+        strength : 1,
+
+        /**
+         * The location of the force, if not another physics body
+         *
+         * @attribute anchor
+         * @type Number
+         * @default 0.01
+         * @optional
+         */
+        anchor : undefined,
+
+        /**
+         * The range of the repulsive force
+         * @attribute radii
+         * @type Array
+         * @default [0, Infinity]
+         */
+        range : [0, Infinity],
+
+        /**
+         * A normalization for the force to avoid singularities at the origin
+         * @attribute cutoff
+         * @type Number
+         * @default 0
+         */
+        cutoff : 0,
+
+        /**
+         * The maximum magnitude of the force
+         *    Range : [0, Infinity]
+         * @attribute cap
+         * @type Number
+         * @default Infinity
+         */
+        cap : Infinity,
+
+        /**
+         * The type of decay the repulsive force should have
+         * @attribute decayFunction
+         * @type Function
+         */
+        decayFunction : Repulsion.DECAY_FUNCTIONS.GRAVITY
+    };
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    Repulsion.prototype.setOptions = function setOptions(options) {
+        if (options.anchor !== undefined) {
+            if (options.anchor.position instanceof Vector) this.options.anchor = options.anchor.position;
+            if (options.anchor   instanceof Array)  this.options.anchor = new Vector(options.anchor);
+            delete options.anchor;
+        }
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    /**
+     * Adds a drag force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body}  Array of bodies to apply force to
+     * @param source {Body}         The source of the force
+     */
+    Repulsion.prototype.applyForce = function applyForce(targets, source) {
+        var options     = this.options;
+        var force       = this.force;
+        var disp        = this.disp;
+
+        var strength    = options.strength;
+        var anchor      = options.anchor || source.position;
+        var cap         = options.cap;
+        var cutoff      = options.cutoff;
+        var rMin        = options.range[0];
+        var rMax        = options.range[1];
+        var decayFn     = options.decayFunction;
+
+        if (strength === 0) return;
+
+        for (var index in targets) {
+            var particle = targets[index];
+
+            if (particle === source) continue;
+
+            var m1 = particle.mass;
+            var p1 = particle.position;
+
+            disp.set(p1.sub(anchor));
+            var r = disp.norm();
+
+            if (r < rMax && r > rMin) {
+                force.set(disp.normalize(strength * m1 * decayFn(r, cutoff)).cap(cap));
+                particle.applyForce(force);
+            }
+        }
+
+    };
+
+    module.exports = Repulsion;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/RotationalDrag',['require','exports','module','./Drag'],function(require, exports, module) {
+    var Drag = require('./Drag');
+
+    /**
+     * Rotational drag is a force that opposes angular velocity.
+     *   Attach it to a physics body to slow down its rotation.
+     *
+     * @class RotationalDrag
+     * @constructor
+     * @extends Force
+     * @param {Object} options options to set on drag
+     */
+    function RotationalDrag(options) {
+        Drag.call(this, options);
+    }
+
+    RotationalDrag.prototype = Object.create(Drag.prototype);
+    RotationalDrag.prototype.constructor = RotationalDrag;
+
+    RotationalDrag.DEFAULT_OPTIONS = Drag.DEFAULT_OPTIONS;
+    RotationalDrag.FORCE_FUNCTIONS = Drag.FORCE_FUNCTIONS;
+
+    /**
+     * @property Repulsion.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    RotationalDrag.FORCE_FUNCTIONS = {
+
+        /**
+         * A drag force proprtional to the angular velocity
+         * @attribute LINEAR
+         * @type Function
+         * @param {Vector} angularVelocity
+         * @return {Vector} drag force
+         */
+        LINEAR : function(angularVelocity) {
+            return angularVelocity;
+        },
+
+        /**
+         * A drag force proprtional to the square of the angular velocity
+         * @attribute QUADRATIC
+         * @type Function
+         * @param {Vector} angularVelocity
+         * @return {Vector} drag force
+         */
+        QUADRATIC : function(angularVelocity) {
+            return angularVelocity.mult(angularVelocity.norm());
+        }
+    };
+
+    /**
+     * Adds a rotational drag force to a physics body's torque accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply drag force to.
+     */
+    RotationalDrag.prototype.applyForce = function applyForce(targets) {
+        var strength       = this.options.strength;
+        var forceFunction  = this.options.forceFunction;
+        var force          = this.force;
+
+        //TODO: rotational drag as function of inertia
+        for (var index = 0; index < targets.length; index++) {
+            var particle = targets[index];
+            forceFunction(particle.angularVelocity).mult(-100*strength).put(force);
+            particle.applyTorque(force);
+        }
+    };
+
+    /*
+     * Setter for options.
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    RotationalDrag.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    module.exports = RotationalDrag;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+//TODO: test inheritance
+define('famous/physics/forces/RotationalSpring',['require','exports','module','./Spring'],function(require, exports, module) {
+    var Spring = require('./Spring');
+
+    /**
+     *  A force that rotates a physics body back to target Euler angles.
+     *  Just as a spring translates a body to a particular X, Y, Z, location,
+     *  a rotational spring rotates a body to a particular X, Y, Z Euler angle.
+     *      Note: there is no physical agent that does this in the "real world"
+     *
+     *  @class RotationalSpring
+     *  @constructor
+     *  @extends Spring
+     *  @param {Object} options options to set on drag
+     */
+    function RotationalSpring(options) {
+        Spring.call(this, options);
+    }
+
+    RotationalSpring.prototype = Object.create(Spring.prototype);
+    RotationalSpring.prototype.constructor = RotationalSpring;
+
+    RotationalSpring.DEFAULT_OPTIONS = Spring.DEFAULT_OPTIONS;
+    RotationalSpring.FORCE_FUNCTIONS = Spring.FORCE_FUNCTIONS;
+
+    /**
+     * Adds a torque force to a physics body's torque accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.Body} Array of bodies to apply torque to.
+     */
+    RotationalSpring.prototype.applyForce = function applyForce(targets) {
+        var force        = this.force;
+        var options      = this.options;
+        var disp         = this.disp;
+
+        var stiffness    = options.stiffness;
+        var damping      = options.damping;
+        var restLength   = options.length;
+        var anchor       = options.anchor;
+
+        for (var i = 0; i < targets.length; i++) {
+            var target = targets[i];
+
+            disp.set(anchor.sub(target.orientation));
+            var dist = disp.norm() - restLength;
+
+            if (dist === 0) return;
+
+            //if dampingRatio specified, then override strength and damping
+            var m      = target.mass;
+            stiffness *= m;
+            damping   *= m;
+
+            force.set(disp.normalize(stiffness * this.forceFunction(dist, this.options.lMax)));
+
+            if (damping) force.set(force.add(target.angularVelocity.mult(-damping)));
+
+            target.applyTorque(force);
+        }
+    };
+
+    /**
+     * Calculates the potential energy of the rotational spring.
+     *
+     * @method getEnergy
+     * @param {Body} target The physics body attached to the spring
+     */
+    RotationalSpring.prototype.getEnergy = function getEnergy(target) {
+        var options     = this.options;
+        var restLength  = options.length;
+        var anchor      = options.anchor;
+        var strength    = options.stiffness;
+
+        var dist = anchor.sub(target.orientation).norm() - restLength;
+        return 0.5 * strength * dist * dist;
+    };
+
+    module.exports = RotationalSpring;
+});
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Owner: david@famo.us
+ * @license MPL 2.0
+ * @copyright Famous Industries, Inc. 2014
+ */
+
+define('famous/physics/forces/VectorField',['require','exports','module','./Force','famous/math/Vector'],function(require, exports, module) {
+    var Force = require('./Force');
+    var Vector = require('famous/math/Vector');
+
+    /**
+     *  A force that moves a physics body to a location with a spring motion.
+     *    The body can be moved to another physics body, or an anchor point.
+     *
+     *  @class VectorField
+     *  @constructor
+     *  @extends Force
+     *  @param {Object} options options to set on drag
+     */
+    function VectorField(options) {
+        this.options = Object.create(VectorField.DEFAULT_OPTIONS);
+        if (options) this.setOptions(options);
+
+        _setFieldOptions.call(this, this.options.field);
+        Force.call(this);
+
+        //registers
+        this.evaluation = new Vector(0,0,0);
+    }
+
+    VectorField.prototype = Object.create(Force.prototype);
+    VectorField.prototype.constructor = VectorField;
+
+    /**
+     * @property Spring.FORCE_FUNCTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    VectorField.FIELDS = {
+        /**
+         * Constant force, e.g., gravity
+         * @attribute CONSTANT
+         * @type Function
+         * @param v {Vector}        Current position of physics body
+         * @param options {Object}  The direction of the force
+         *      Pass a {direction : Vector} into the VectorField options
+         * @return {Number} unscaled force
+         */
+        CONSTANT : function(v, options) {
+            return v.set(options.direction);
+        },
+
+        /**
+         * Linear force
+         * @attribute LINEAR
+         * @type Function
+         * @param v {Vector} Current position of physics body
+         * @return {Number} unscaled force
+         */
+        LINEAR : function(v) {
+            return v;
+        },
+
+        /**
+         * Radial force, e.g., Hookean spring
+         * @attribute RADIAL
+         * @type Function
+         * @param v {Vector} Current position of physics body
+         * @return {Number} unscaled force
+         */
+        RADIAL : function(v) {
+            return v.set(v.mult(-1, v));
+        },
+
+        /**
+         * Spherical force
+         * @attribute SPHERE_ATTRACTOR
+         * @type Function
+         * @param v {Vector}        Current position of physics body
+         * @param options {Object}  An object with the radius of the sphere
+         *      Pass a {radius : Number} into the VectorField options
+         * @return {Number} unscaled force
+         */
+        SPHERE_ATTRACTOR : function(v, options) {
+            return v.set(v.mult((options.radius - v.norm()) / v.norm()));
+        },
+
+        /**
+         * Point attractor force, e.g., Hookean spring with an anchor
+         * @attribute POINT_ATTRACTOR
+         * @type Function
+         * @param v {Vector}        Current position of physics body
+         * @param options {Object}  And object with the position of the attractor
+         *      Pass a {position : Vector} into the VectorField options
+         * @return {Number} unscaled force
+         */
+        POINT_ATTRACTOR : function(v, options) {
+            return v.set(options.position.sub(v));
+        }
+    };
+
+    /**
+     * @property VectorField.DEFAULT_OPTIONS
+     * @type Object
+     * @protected
+     * @static
+     */
+    VectorField.DEFAULT_OPTIONS = {
+
+        /**
+         * The strength of the force
+         *    Range : [0, 10]
+         * @attribute strength
+         * @type Number
+         * @default 1
+         */
+        strength : 1,
+
+        /**
+         * Type of vectorfield
+         *    Range : [0, 100]
+         * @attribute field
+         * @type Function
+         */
+        field : VectorField.FIELDS.CONSTANT
+    };
+
+    /**
+     * Basic options setter
+     *
+     * @method setOptions
+     * @param {Objects} options
+     */
+    VectorField.prototype.setOptions = function setOptions(options) {
+        for (var key in options) this.options[key] = options[key];
+    };
+
+    function _setFieldOptions(field) {
+        var FIELDS = VectorField.FIELDS;
+
+        switch (field) {
+            case FIELDS.CONSTANT:
+                if (!this.options.direction) this.options.direction = new Vector(0,1,0);
+                break;
+            case FIELDS.POINT_ATTRACTOR:
+                if (!this.options.position) this.options.position = new Vector(0,0,0);
+                break;
+            case FIELDS.SPHERE_ATTRACTOR:
+                if (!this.options.radius) this.options.radius = 1;
+                break;
+        }
+    }
+
+    function _evaluate(v) {
+        var evaluation = this.evaluation;
+        var field = this.options.field;
+        evaluation.set(v);
+        return field(evaluation, this.options);
+    }
+
+    /**
+     * Adds the vectorfield's force to a physics body's force accumulator.
+     *
+     * @method applyForce
+     * @param targets {Array.body} Array of bodies to apply force to.
+     */
+    VectorField.prototype.applyForce = function applyForce(targets) {
+        var force = this.force;
+        for (var i = 0; i < targets.length; i++) {
+            var particle = targets[i];
+            force.set(
+                _evaluate.call(this, particle.position)
+                .mult(particle.mass * this.options.strength)
+            );
+            particle.applyForce(force);
+        }
+    };
+
+    module.exports = VectorField;
+});
+
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/famous_styles.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/famous_styles.css	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,163 @@
+body {
+  color: #404040;
+  background-color: #f2f2f0;
+}
+
+.main {
+  background-color: white;
+}
+
+a {
+  color: #fa5c4f;
+}
+
+.red {
+  color: #fa5c4f;
+}
+
+.light-grey {
+  color: #f2f2f0;
+}
+
+.medium-grey {
+  color: #878785;
+}
+
+.red-bg {
+  color: white;
+  background-color: #fa5c4f;
+}
+
+.red-outline {
+  border: 2px solid #fa5c4f;
+}
+
+.grey-bg {
+  background-color: #404040;
+  color: white;
+}
+
+.spacer-line {
+  border-top: 1px solid #fa5c4f;
+}
+
+.white-bg {
+  background-color: white;
+}
+
+@font-face {
+  font-family: "Avenir Next W04 Demi";
+  src: url("fonts/7adddd91-84e0-4423-b40e-61945189916d.eot") format("eot"), url("fonts/b0908846-3d5c-4768-af33-5f968b1da156.woff") format("woff"), url("fonts/fe1602be-28ca-467e-9cd3-7bfc586f31bc.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "AvenirNextLTW02-Regular";
+  src: url("fonts/7a1b7ae7-5c29-481f-83ac-652e932c5509.eot") format("eot"), url("fonts/3a42a252-67ff-4186-88cf-762f56719ca1.woff") format("woff"), url("fonts/dbc39ae3-2636-4653-a23e-8938bce2cf51.ttf") format("truetype");
+}
+
+input:focus {
+  border: 1px solid #fa5c4f;
+}
+
+input:hover {
+  border: 1px solid #404040;
+}
+
+input {
+  outline: 0px;
+  border-radius: 5px;
+  border: 1px solid #f2f2f0;
+  padding: 18px;
+}
+
+body, input {
+  font-family: "AvenirNextLTW02-Regular", sans-serif;
+  font-size: 16px;
+  line-height: 25px;
+}
+
+h1 {
+  font-size: 67px;
+  line-height: 109px;
+  margin-bottom: 67px;
+}
+
+h2 {
+  font-size: 41px;
+  line-height: 67px;
+  margin-bottom: 41px;
+}
+
+h3 {
+  font-size: 25px;
+  line-height: 41px;
+  margin-bottom: 25px;
+}
+
+h4 {
+  font-family: "Avenir Next W04 Demi";
+}
+
+h4, h5, h6, p, li, a {
+  font-size: 16px;
+  line-height: 25px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  max-width: 845px;
+}
+
+p {
+  max-width: 522px;
+}
+
+h5 {
+  text-transform: uppercase;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+pre {
+  font-family: monospace;
+  width: 100%;
+  background-color: #404040;
+  border-radius: 5px;
+  padding: 27px 18px;
+  overflow-x: scroll;
+}
+
+ul {
+  margin-left: 25px;
+}
+
+code {
+  width: 100%;
+}
+
+p, pre, ul {
+  margin-bottom: 25px;
+}
+
+small {
+  font-size: 9px;
+  line-height: 9px;
+}
+
+.button {
+  padding: 18px;
+  border-radius: 3px;
+  margin: 29px 0px;
+}
+
+.backface-visible {
+  backface-visibility: visible;
+  -webkit-backface-visibility: visible;
+  -moz-backface-visibility: visible;
+  -ms-backface-visibility: visible;
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/functionPrototypeBind.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/functionPrototypeBind.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,23 @@
+if (!Function.prototype.bind) {
+    Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+            // closest thing possible to the ECMAScript 5 internal IsCallable function
+            throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+
+        var aArgs = Array.prototype.slice.call(arguments, 1), 
+        fToBind = this, 
+        fNOP = function () {},
+        fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis
+                ? this
+                : oThis,
+                aArgs.concat(Array.prototype.slice.call(arguments)));
+        };
+
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+
+        return fBound;
+    };
+}
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/requestAnimationFrame.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/requestAnimationFrame.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,13 @@
+// adds requestAnimationFrame functionality
+// Source: http://strd6.com/2011/05/better-window-requestanimationframe-shim/
+
+window.requestAnimationFrame || (window.requestAnimationFrame = 
+  window.webkitRequestAnimationFrame || 
+  window.mozRequestAnimationFrame    || 
+  window.oRequestAnimationFrame      || 
+  window.msRequestAnimationFrame     || 
+  function(callback, element) {
+    return window.setTimeout(function() {
+      callback(+new Date());
+  }, 1000 / 60);
+});
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/0__Code_Dev/Javascript_approach/lib/require.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/1__Development/0__Code_Dev/Javascript_approach/lib/require.js	Sun Jul 06 12:02:12 2014 -0700
@@ -0,0 +1,36 @@
+/*
+ RequireJS 2.1.11 Copyright (c) 2010-2014, The Dojo Foundation All Rights Reserved.
+ Available via the MIT or new BSD license.
+ see: http://github.com/jrburke/requirejs for details
+*/
+var requirejs,require,define;
+(function(ca){function G(b){return"[object Function]"===M.call(b)}function H(b){return"[object Array]"===M.call(b)}function v(b,c){if(b){var d;for(d=0;d<b.length&&(!b[d]||!c(b[d],d,b));d+=1);}}function U(b,c){if(b){var d;for(d=b.length-1;-1<d&&(!b[d]||!c(b[d],d,b));d-=1);}}function s(b,c){return ga.call(b,c)}function j(b,c){return s(b,c)&&b[c]}function B(b,c){for(var d in b)if(s(b,d)&&c(b[d],d))break}function V(b,c,d,g){c&&B(c,function(c,h){if(d||!s(b,h))g&&"object"===typeof c&&c&&!H(c)&&!G(c)&&!(c instanceof
+RegExp)?(b[h]||(b[h]={}),V(b[h],c,d,g)):b[h]=c});return b}function t(b,c){return function(){return c.apply(b,arguments)}}function da(b){throw b;}function ea(b){if(!b)return b;var c=ca;v(b.split("."),function(b){c=c[b]});return c}function C(b,c,d,g){c=Error(c+"\nhttp://requirejs.org/docs/errors.html#"+b);c.requireType=b;c.requireModules=g;d&&(c.originalError=d);return c}function ha(b){function c(a,e,b){var f,n,c,d,g,h,i,I=e&&e.split("/");n=I;var m=l.map,k=m&&m["*"];if(a&&"."===a.charAt(0))if(e){n=
+I.slice(0,I.length-1);a=a.split("/");e=a.length-1;l.nodeIdCompat&&R.test(a[e])&&(a[e]=a[e].replace(R,""));n=a=n.concat(a);d=n.length;for(e=0;e<d;e++)if(c=n[e],"."===c)n.splice(e,1),e-=1;else if(".."===c)if(1===e&&(".."===n[2]||".."===n[0]))break;else 0<e&&(n.splice(e-1,2),e-=2);a=a.join("/")}else 0===a.indexOf("./")&&(a=a.substring(2));if(b&&m&&(I||k)){n=a.split("/");e=n.length;a:for(;0<e;e-=1){d=n.slice(0,e).join("/");if(I)for(c=I.length;0<c;c-=1)if(b=j(m,I.slice(0,c).join("/")))if(b=j(b,d)){f=b;
+g=e;break a}!h&&(k&&j(k,d))&&(h=j(k,d),i=e)}!f&&h&&(f=h,g=i);f&&(n.splice(0,g,f),a=n.join("/"))}return(f=j(l.pkgs,a))?f:a}function d(a){z&&v(document.getElementsByTagName("script"),function(e){if(e.getAttribute("data-requiremodule")===a&&e.getAttribute("data-requirecontext")===i.contextName)return e.parentNode.removeChild(e),!0})}function g(a){var e=j(l.paths,a);if(e&&H(e)&&1<e.length)return e.shift(),i.require.undef(a),i.require([a]),!0}function u(a){var e,b=a?a.indexOf("!"):-1;-1<b&&(e=a.substring(0,
+b),a=a.substring(b+1,a.length));return[e,a]}function m(a,e,b,f){var n,d,g=null,h=e?e.name:null,l=a,m=!0,k="";a||(m=!1,a="_@r"+(M+=1));a=u(a);g=a[0];a=a[1];g&&(g=c(g,h,f),d=j(p,g));a&&(g?k=d&&d.normalize?d.normalize(a,function(a){return c(a,h,f)}):c(a,h,f):(k=c(a,h,f),a=u(k),g=a[0],k=a[1],b=!0,n=i.nameToUrl(k)));b=g&&!d&&!b?"_unnormalized"+(Q+=1):"";return{prefix:g,name:k,parentMap:e,unnormalized:!!b,url:n,originalName:l,isDefine:m,id:(g?g+"!"+k:k)+b}}function q(a){var e=a.id,b=j(k,e);b||(b=k[e]=new i.Module(a));
+return b}function r(a,e,b){var f=a.id,n=j(k,f);if(s(p,f)&&(!n||n.defineEmitComplete))"defined"===e&&b(p[f]);else if(n=q(a),n.error&&"error"===e)b(n.error);else n.on(e,b)}function w(a,e){var b=a.requireModules,f=!1;if(e)e(a);else if(v(b,function(e){if(e=j(k,e))e.error=a,e.events.error&&(f=!0,e.emit("error",a))}),!f)h.onError(a)}function x(){S.length&&(ia.apply(A,[A.length,0].concat(S)),S=[])}function y(a){delete k[a];delete W[a]}function F(a,e,b){var f=a.map.id;a.error?a.emit("error",a.error):(e[f]=
+!0,v(a.depMaps,function(f,c){var d=f.id,g=j(k,d);g&&(!a.depMatched[c]&&!b[d])&&(j(e,d)?(a.defineDep(c,p[d]),a.check()):F(g,e,b))}),b[f]=!0)}function D(){var a,e,b=(a=1E3*l.waitSeconds)&&i.startTime+a<(new Date).getTime(),f=[],c=[],h=!1,k=!0;if(!X){X=!0;B(W,function(a){var i=a.map,m=i.id;if(a.enabled&&(i.isDefine||c.push(a),!a.error))if(!a.inited&&b)g(m)?h=e=!0:(f.push(m),d(m));else if(!a.inited&&(a.fetched&&i.isDefine)&&(h=!0,!i.prefix))return k=!1});if(b&&f.length)return a=C("timeout","Load timeout for modules: "+
+f,null,f),a.contextName=i.contextName,w(a);k&&v(c,function(a){F(a,{},{})});if((!b||e)&&h)if((z||fa)&&!Y)Y=setTimeout(function(){Y=0;D()},50);X=!1}}function E(a){s(p,a[0])||q(m(a[0],null,!0)).init(a[1],a[2])}function K(a){var a=a.currentTarget||a.srcElement,e=i.onScriptLoad;a.detachEvent&&!Z?a.detachEvent("onreadystatechange",e):a.removeEventListener("load",e,!1);e=i.onScriptError;(!a.detachEvent||Z)&&a.removeEventListener("error",e,!1);return{node:a,id:a&&a.getAttribute("data-requiremodule")}}function L(){var a;
+for(x();A.length;){a=A.shift();if(null===a[0])return w(C("mismatch","Mismatched anonymous define() module: "+a[a.length-1]));E(a)}}var X,$,i,N,Y,l={waitSeconds:7,baseUrl:"./",paths:{},bundles:{},pkgs:{},shim:{},config:{}},k={},W={},aa={},A=[],p={},T={},ba={},M=1,Q=1;N={require:function(a){return a.require?a.require:a.require=i.makeRequire(a.map)},exports:function(a){a.usingExports=!0;if(a.map.isDefine)return a.exports?p[a.map.id]=a.exports:a.exports=p[a.map.id]={}},module:function(a){return a.module?
+a.module:a.module={id:a.map.id,uri:a.map.url,config:function(){return j(l.config,a.map.id)||{}},exports:a.exports||(a.exports={})}}};$=function(a){this.events=j(aa,a.id)||{};this.map=a;this.shim=j(l.shim,a.id);this.depExports=[];this.depMaps=[];this.depMatched=[];this.pluginMaps={};this.depCount=0};$.prototype={init:function(a,e,b,f){f=f||{};if(!this.inited){this.factory=e;if(b)this.on("error",b);else this.events.error&&(b=t(this,function(a){this.emit("error",a)}));this.depMaps=a&&a.slice(0);this.errback=
+b;this.inited=!0;this.ignore=f.ignore;f.enabled||this.enabled?this.enable():this.check()}},defineDep:function(a,e){this.depMatched[a]||(this.depMatched[a]=!0,this.depCount-=1,this.depExports[a]=e)},fetch:function(){if(!this.fetched){this.fetched=!0;i.startTime=(new Date).getTime();var a=this.map;if(this.shim)i.makeRequire(this.map,{enableBuildCallback:!0})(this.shim.deps||[],t(this,function(){return a.prefix?this.callPlugin():this.load()}));else return a.prefix?this.callPlugin():this.load()}},load:function(){var a=
+this.map.url;T[a]||(T[a]=!0,i.load(this.map.id,a))},check:function(){if(this.enabled&&!this.enabling){var a,e,b=this.map.id;e=this.depExports;var f=this.exports,c=this.factory;if(this.inited)if(this.error)this.emit("error",this.error);else{if(!this.defining){this.defining=!0;if(1>this.depCount&&!this.defined){if(G(c)){if(this.events.error&&this.map.isDefine||h.onError!==da)try{f=i.execCb(b,c,e,f)}catch(d){a=d}else f=i.execCb(b,c,e,f);this.map.isDefine&&void 0===f&&((e=this.module)?f=e.exports:this.usingExports&&
+(f=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else f=c;this.exports=f;if(this.map.isDefine&&!this.ignore&&(p[b]=f,h.onResourceLoad))h.onResourceLoad(i,this.map,this.depMaps);y(b);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=!0)}}else this.fetch()}},callPlugin:function(){var a=
+this.map,b=a.id,d=m(a.prefix);this.depMaps.push(d);r(d,"defined",t(this,function(f){var d,g;g=j(ba,this.map.id);var J=this.map.name,u=this.map.parentMap?this.map.parentMap.name:null,p=i.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(f.normalize&&(J=f.normalize(J,function(a){return c(a,u,!0)})||""),f=m(a.prefix+"!"+J,this.map.parentMap),r(f,"defined",t(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),g=j(k,f.id)){this.depMaps.push(f);
+if(this.events.error)g.on("error",t(this,function(a){this.emit("error",a)}));g.enable()}}else g?(this.map.url=i.nameToUrl(g),this.load()):(d=t(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),d.error=t(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];B(k,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),d.fromText=t(this,function(f,c){var g=a.name,J=m(g),k=O;c&&(f=c);k&&(O=!1);q(J);s(l.config,b)&&(l.config[g]=l.config[b]);try{h.exec(f)}catch(j){return w(C("fromtexteval",
+"fromText eval for "+b+" failed: "+j,j,[b]))}k&&(O=!0);this.depMaps.push(J);i.completeLoad(g);p([g],d)}),f.load(a.name,p,d,l))}));i.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){W[this.map.id]=this;this.enabling=this.enabled=!0;v(this.depMaps,t(this,function(a,b){var c,f;if("string"===typeof a){a=m(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=j(N,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;r(a,"defined",t(this,function(a){this.defineDep(b,
+a);this.check()}));this.errback&&r(a,"error",t(this,this.errback))}c=a.id;f=k[c];!s(N,c)&&(f&&!f.enabled)&&i.enable(a,this)}));B(this.pluginMaps,t(this,function(a){var b=j(k,a.id);b&&!b.enabled&&i.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){v(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};i={config:l,contextName:b,registry:k,defined:p,urlFetched:T,defQueue:A,Module:$,makeModuleMap:m,
+nextTick:h.nextTick,onError:w,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=l.shim,c={paths:!0,bundles:!0,config:!0,map:!0};B(a,function(a,b){c[b]?(l[b]||(l[b]={}),V(l[b],a,!0,!0)):l[b]=a});a.bundles&&B(a.bundles,function(a,b){v(a,function(a){a!==b&&(ba[a]=b)})});a.shim&&(B(a.shim,function(a,c){H(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=i.makeShimExports(a);b[c]=a}),l.shim=b);a.packages&&v(a.packages,function(a){var b,
+a="string"===typeof a?{name:a}:a;b=a.name;a.location&&(l.paths[b]=a.location);l.pkgs[b]=a.name+"/"+(a.main||"main").replace(ja,"").replace(R,"")});B(k,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=m(b))});if(a.deps||a.callback)i.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(ca,arguments));return b||a.exports&&ea(a.exports)}},makeRequire:function(a,e){function g(f,c,d){var j,l;e.enableBuildCallback&&(c&&G(c))&&(c.__requireJsBuild=
+!0);if("string"===typeof f){if(G(c))return w(C("requireargs","Invalid require call"),d);if(a&&s(N,f))return N[f](k[a.id]);if(h.get)return h.get(i,f,a,g);j=m(f,a,!1,!0);j=j.id;return!s(p,j)?w(C("notloaded",'Module name "'+j+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):p[j]}L();i.nextTick(function(){L();l=q(m(null,a));l.skipMap=e.skipMap;l.init(f,c,d,{enabled:!0});D()});return g}e=e||{};V(g,{isBrowser:z,toUrl:function(b){var e,d=b.lastIndexOf("."),g=b.split("/")[0];if(-1!==
+d&&(!("."===g||".."===g)||1<d))e=b.substring(d,b.length),b=b.substring(0,d);return i.nameToUrl(c(b,a&&a.id,!0),e,!0)},defined:function(b){return s(p,m(b,a,!1,!0).id)},specified:function(b){b=m(b,a,!1,!0).id;return s(p,b)||s(k,b)}});a||(g.undef=function(b){x();var c=m(b,a,!0),e=j(k,b);d(b);delete p[b];delete T[c.url];delete aa[b];U(A,function(a,c){a[0]===b&&A.splice(c,1)});e&&(e.events.defined&&(aa[b]=e.events),y(b))});return g},enable:function(a){j(k,a.id)&&q(a).enable()},completeLoad:function(a){var b,
+c,f=j(l.shim,a)||{},d=f.exports;for(x();A.length;){c=A.shift();if(null===c[0]){c[0]=a;if(b)break;b=!0}else c[0]===a&&(b=!0);E(c)}c=j(k,a);if(!b&&!s(p,a)&&c&&!c.inited){if(l.enforceDefine&&(!d||!ea(d)))return g(a)?void 0:w(C("nodefine","No define call for "+a,null,[a]));E([a,f.deps||[],f.exportsFn])}D()},nameToUrl:function(a,b,c){var f,d,g;(f=j(l.pkgs,a))&&(a=f);if(f=j(ba,a))return i.nameToUrl(f,b,c);if(h.jsExtRegExp.test(a))f=a+(b||"");else{f=l.paths;a=a.split("/");for(d=a.length;0<d;d-=1)if(g=a.slice(0,
+d).join("/"),g=j(f,g)){H(g)&&(g=g[0]);a.splice(0,d,g);break}f=a.join("/");f+=b||(/^data\:|\?/.test(f)||c?"":".js");f=("/"===f.charAt(0)||f.match(/^[\w\+\.\-]+:/)?"":l.baseUrl)+f}return l.urlArgs?f+((-1===f.indexOf("?")?"?":"&")+l.urlArgs):f},load:function(a,b){h.load(i,a,b)},execCb:function(a,b,c,d){return b.apply(d,c)},onScriptLoad:function(a){if("load"===a.type||ka.test((a.currentTarget||a.srcElement).readyState))P=null,a=K(a),i.completeLoad(a.id)},onScriptError:function(a){var b=K(a);if(!g(b.id))return w(C("scripterror",
+"Script error for: "+b.id,a,[b.id]))}};i.require=i.makeRequire();return i}var h,x,y,D,K,E,P,L,q,Q,la=/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,ma=/[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,R=/\.js$/,ja=/^\.\//;x=Object.prototype;var M=x.toString,ga=x.hasOwnProperty,ia=Array.prototype.splice,z=!!("undefined"!==typeof window&&"undefined"!==typeof navigator&&window.document),fa=!z&&"undefined"!==typeof importScripts,ka=z&&"PLAYSTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/,
+Z="undefined"!==typeof opera&&"[object Opera]"===opera.toString(),F={},r={},S=[],O=!1;if("undefined"===typeof define){if("undefined"!==typeof requirejs){if(G(requirejs))return;r=requirejs;requirejs=void 0}"undefined"!==typeof require&&!G(require)&&(r=require,require=void 0);h=requirejs=function(b,c,d,g){var u,m="_";!H(b)&&"string"!==typeof b&&(u=b,H(c)?(b=c,c=d,d=g):b=[]);u&&u.context&&(m=u.context);(g=j(F,m))||(g=F[m]=h.s.newContext(m));u&&g.configure(u);return g.require(b,c,d)};h.config=function(b){return h(b)};
+h.nextTick="undefined"!==typeof setTimeout?function(b){setTimeout(b,4)}:function(b){b()};require||(require=h);h.version="2.1.11";h.jsExtRegExp=/^\/|:|\?|\.js$/;h.isBrowser=z;x=h.s={contexts:F,newContext:ha};h({});v(["toUrl","undef","defined","specified"],function(b){h[b]=function(){var c=F._;return c.require[b].apply(c,arguments)}});if(z&&(y=x.head=document.getElementsByTagName("head")[0],D=document.getElementsByTagName("base")[0]))y=x.head=D.parentNode;h.onError=da;h.createNode=function(b){var c=
+b.xhtml?document.createElementNS("http://www.w3.org/1999/xhtml","html:script"):document.createElement("script");c.type=b.scriptType||"text/javascript";c.charset="utf-8";c.async=!0;return c};h.load=function(b,c,d){var g=b&&b.config||{};if(z)return g=h.createNode(g,c,d),g.setAttribute("data-requirecontext",b.contextName),g.setAttribute("data-requiremodule",c),g.attachEvent&&!(g.attachEvent.toString&&0>g.attachEvent.toString().indexOf("[native code"))&&!Z?(O=!0,g.attachEvent("onreadystatechange",b.onScriptLoad)):
+(g.addEventListener("load",b.onScriptLoad,!1),g.addEventListener("error",b.onScriptError,!1)),g.src=d,L=g,D?y.insertBefore(g,D):y.appendChild(g),L=null,g;if(fa)try{importScripts(d),b.completeLoad(c)}catch(j){b.onError(C("importscripts","importScripts failed for "+c+" at "+d,j,[c]))}};z&&!r.skipDataMain&&U(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if(K=b.getAttribute("data-main"))return q=K,r.baseUrl||(E=q.split("/"),q=E.pop(),Q=E.length?E.join("/")+"/":"./",r.baseUrl=
+Q),q=q.replace(R,""),h.jsExtRegExp.test(q)&&(q=K),r.deps=r.deps?r.deps.concat(q):[q],!0});define=function(b,c,d){var g,h;"string"!==typeof b&&(d=c,c=b,b=null);H(c)||(d=c,c=null);!c&&G(d)&&(c=[],d.length&&(d.toString().replace(la,"").replace(ma,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if(O){if(!(g=L))P&&"interactive"===P.readyState||U(document.getElementsByTagName("script"),function(b){if("interactive"===b.readyState)return P=b}),g=P;g&&(b||
+(b=g.getAttribute("data-requiremodule")),h=F[g.getAttribute("data-requirecontext")])}(h?h.defQueue:S).push([b,c,d])};define.amd={jQuery:!0};h.exec=function(b){return eval(b)};h(r)}})(this);
diff -r 5c0400b5ae59 -r 32d17f6062cb 1__Development/9__Design_documents/0__figures__on_which_work_out_fundamentals_of_EQNLang/09_My_26___HamiltonianPath_and_Taylor_series.pdf
Binary file 1__Development/9__Design_documents/0__figures__on_which_work_out_fundamentals_of_EQNLang/09_My_26___HamiltonianPath_and_Taylor_series.pdf has changed