 			#{@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.

				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
		#

		@count++
		@animationName = "framer-animation-#{@animationId}-#{@count}"
		

		
		# See if we have other animations running on this view
		# if @view._currentAnimations.length > 0
