Add animation debug stuff

src/animation.coffee

@@ -27,7 +27,7 @@ class Animation extends EventEmitter
 
 	AnimationProperties: [
 		"view", "properties", "curve", "time",
-		"origin", "tolerance", "precision", "graph"
+		"origin", "tolerance", "precision", "graph", "debug"
 	]
 	AnimatableCSSProperties: {
 		opacity: "",
@@ -63,12 +63,10 @@ class Animation extends EventEmitter
 
 	start: (callback) =>
 
-		# console.profile "Animation.start"
-
 		@count++
 		@animationName = "framer-animation-#{@animationId}-#{@count}"
 
-		# console.log "Animation.start #{@animationName}"
+		console.log "Animation.start #{@animationName}" if @debug
 
 		# See if we have other animations running on this view
 		# if @view._currentAnimations.length > 0
@@ -126,12 +124,23 @@ class Animation extends EventEmitter
 
 		@keyFrameAnimationCSS = @_css()
 
-		# for k of @propertiesA
-		# 	if @propertiesA[k] isnt @propertiesB[k]
-		# 		console.log " .#{k} #{@propertiesA[k]} -> #{@propertiesB[k]}"
+		if @debug
+			for k of @propertiesA
+				if @propertiesA[k] isnt @propertiesB[k]
+					console.log " .#{k} #{@propertiesA[k]} -> #{@propertiesB[k]}"
 
 		totalTime = @curveValues.length / @precision
 
+		console.log "Animation.time = #{totalTime}" if @debug
+
+		# css.addStyle @keyFrameAnimationCSS
+		#
+		# @view.style =
+		# 	webkitAnimationName: @animationName
+		# 	webkitAnimationDuration: totalTime
+		# 	webkitAnimationTimingFunction: "linear"
+		# 	webkitAnimationFillMode: "both"
+
 		css.addStyle "
 			#{@keyFrameAnimationCSS}
 		
@@ -142,11 +151,10 @@ class Animation extends EventEmitter
 				-webkit-animation-fill-mode: both;
 			}"
 
-
-		if @graph
-			@_graphView = @graphView @, 10, 20, 20, @time
-
 		@view.addClass @animationName
+
+		# if @graph
+		# 	@_graphView = @graphView @, 10, 20, 20, @time
 
 		finalize = =>