Solved some animation issues where it would not animate after stop

src/animation.coffee

@@ -51,9 +51,10 @@ class Animation extends EventEmitter
		# Set all the defaults
		@time ?= 1000
		@curve ?= "linear"
		@precision ?= 40
		@precision ?= 30
		
		@curveValues = @_parseCurve @curve
		@totalTime = @curveValues.length / @precision
		@count = 0
		# @animationId = utils.uuid()[..8]
		
@@ -66,7 +67,7 @@ class Animation extends EventEmitter
		@count++
		@animationName = "framer-animation-#{@animationId}-#{@count}"
		
		console.log "Animation.start #{@animationName}" if @debug

		
		# See if we have other animations running on this view
		# if @view._currentAnimations.length > 0
@@ -78,14 +79,13 @@ class Animation extends EventEmitter
		# this or give an option to disable it, but for now it makes sens because 1)
		# you almost always want this and 2) we don't support simultaneous animations.
		
		# TODO: This breaks stuff
		# @view.animateStop()
		@view._currentAnimations.push @
		# TODO: This doesn't work
		
		# if @_running is true
		# 	throw Error "Animation.start #{@animationName} already running"
		#
		# @_running = true
		@view.animateStop()

		console.log "Animation.start #{@animationName} time = #{@a}" if @debug

		@view._currentAnimations.push @

		# TODO: test if we are trying to animate something that cannot animate
		
@@ -129,9 +129,6 @@ class Animation extends EventEmitter
				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
		#
@@ -145,19 +142,19 @@ class Animation extends EventEmitter
			#{@keyFrameAnimationCSS}
		
			.#{@animationName} {
				-webkit-animation-duration: #{totalTime}s;
				-webkit-animation-duration: #{@totalTime}s;
				-webkit-animation-name: #{@animationName};
				-webkit-animation-timing-function: linear;
				-webkit-animation-fill-mode: both;
			}"
		
		@view.addClass @animationName

		# if @graph
		# 	@_graphView = @graphView @, 10, 20, 20, @time
			
		finalize = =>
			
			if @_canceled is true
				return
			
			# Copy over the end state properties for this animation so we can safely
			# remove the animation.
			@view._matrix = utils.extend new Matrix(), @propertiesB
@@ -171,16 +168,19 @@ class Animation extends EventEmitter
			callback?()
			@_cleanup()
			
			console.log "Animation.end #{@animationName}" if @debug
			
			# console.profileEnd "Animation.start"
		
		@view.once "webkitAnimationEnd", finalize

	
	stop: =>
		
		# console.log "Animation.stop #{@animationName}"
		console.log "Animation.stop #{@animationName}" if @debug
		
		@_running = false
		@_canceled = true
		
		@view.style["-webkit-animation-play-state"] = "paused"
		
@@ -196,6 +196,9 @@ class Animation extends EventEmitter
		@view.style = calculatedStyles
		
		@_cleanup()
		
		
		@view.style["-webkit-animation-play-state"] = "running"
	
	reverse: =>
		
@@ -220,7 +223,7 @@ class Animation extends EventEmitter
		@view.removeClass @animationName
		@emit "end"
		
		@_graphView?.visible = false
		# @_graphView?.visible = false
		
		# console.log "_cleanup", @view._currentAnimations