added template, transform origin

Makefile

@@ -4,6 +4,7 @@ build:
 	make clean
 	mkdir -p build
 	./node_modules/browserify/bin/cmd.js src/init.coffee -o build/framer.js
+	cp build/framer.js template/framer.js
 
 clean:
 	rm -rf dist

build/framer.js

@@ -564,6 +564,7 @@ require.define("/views/view.coffee",function(require,module,exports,__dirname,__
         this._insertElement();
       }
       this._subViews = [];
+      this._animations = [];
       this._postCreate();
     }
 
@@ -784,6 +785,15 @@ require.define("/views/view.coffee",function(require,module,exports,__dirname,__
       }
     });
 
+    View.define("_animationTransformOrigin", {
+      get: function() {
+        return this.computedStyle["-webkit-transform-origin"];
+      },
+      set: function(value) {
+        return this.style["-webkit-transform-origin"] = value;
+      }
+    });
+
     View.prototype.animate = function(args, callback) {
       var animation;
       args.view = this;
@@ -1405,7 +1415,7 @@ require.define("/animation.coffee",function(require,module,exports,__dirname,__f
 
   require("./utils");
 
-  PROPERTIES = ["view", "curve", "time"];
+  PROPERTIES = ["view", "curve", "time", "origin"];
 
   parseCurve = function(a) {
     a = a.replace("spring", "");
@@ -1446,6 +1456,7 @@ require.define("/animation.coffee",function(require,module,exports,__dirname,__f
     Animation.prototype.start = function(callback) {
       var _this = this;
       this.beginProperties = this.view.properties;
+      this.view._animationTransformOrigin = this.origin;
       return setTimeout(function() {
         return _this._start(callback);
       }, 0);
@@ -1457,13 +1468,15 @@ require.define("/animation.coffee",function(require,module,exports,__dirname,__f
 
     Animation.prototype._end = function(callback) {
       this.emit("end", this);
+      utils.remove(this.view._animations, this);
       return typeof callback === "function" ? callback() : void 0;
     };
 
     Animation.prototype._start = function(callback) {
       var curve, options, time, values,
         _this = this;
       this.emit("start", this);
+      this.view._animations.push(this);
       this._stop = false;
       time = this.time || 300;
       curve = this.curve || "linear";
@@ -1726,7 +1739,7 @@ require.define("/init.coffee",function(require,module,exports,__dirname,__filena
   Global.ViewList = ViewList;
 
   if (window) {
-    window.Prothese = Global;
+    window.Framer = Global;
     for (k in Global) {
       v = Global[k];
       window[k] = v;

src/animation.coffee

@@ -3,7 +3,7 @@
 
 require "./utils"
 
-PROPERTIES = ["view", "curve", "time"]
+PROPERTIES = ["view", "curve", "time", "origin"]
 
 parseCurve = (a) ->
 
@@ -32,6 +32,7 @@ class exports.Animation extends EventEmitter
 	start: (callback) =>
 
 		@beginProperties = @view.properties
+		@view._animationTransformOrigin = @origin
 		setTimeout =>
 			@_start callback
 		, 0
@@ -42,16 +43,19 @@ class exports.Animation extends EventEmitter
 
 	_end: (callback) =>
 		@emit "end", @
+		utils.remove @view._animations, @
 		callback?()
 
 	_start: (callback) =>
 
 		@emit "start", @
+		@view._animations.push @
 
 		@_stop = false
 
 		time = @time or 300
 		curve = @curve or "linear" 
+
 		# linear, ease, ease-in, ease-out, ease-in-out
 		# cubic-bezier(0.76, 0.18, 0.25, 0.75)
 		# spring(tension, friction, velocity)
@@ -119,7 +123,7 @@ class exports.Animation extends EventEmitter
 		# @view._animated = true
 		@view._animationDuration = time
 		@view._animationTimingFunction = curve
-
+		
 		# FIX: we should probarbly do it like this: 
 		# http://stackoverflow.com/questions/2087510/callback-on-css-transition
 

src/views/view.coffee

@@ -36,6 +36,7 @@ class View extends Frame
 			@_insertElement()
 
 		@_subViews = []
+		@_animations = []
 
 		# Override this prototype to change all behaviour
 		@_postCreate()
@@ -209,6 +210,10 @@ class View extends Frame
 		get: -> @computedStyle["-webkit-transition-timing-function"]
 		set: (value) -> @style["-webkit-transition-timing-function"] = value
 
+	@define "_animationTransformOrigin"
+		get: -> @computedStyle["-webkit-transform-origin"]
+		set: (value) -> @style["-webkit-transform-origin"] = value
+
 	animate: (args, callback) =>
 		args.view = @
 		animation = new Animation args