JavaScriptCollection
diff --git a/‎dist/svg.js‎
Lines changed: 50 additions & 11 deletions b/‎dist/svg.js‎
Lines changed: 50 additions & 11 deletions
@@ -6,7 +6,7 @@
 * @copyright Wout Fierens <wout@impinc.co.uk>
 * @license MIT
 *
-* BUILT: Sun Dec 13 2015 00:50:41 GMT+0100 (Mitteleuropäische Zeit)
+* BUILT: Sun Dec 13 2015 21:40:33 GMT+0100 (Mitteleuropäische Zeit)
 */;
 (function(root, factory) {
   if (typeof define === 'function' && define.amd) {
@@ -1260,6 +1260,7 @@ SVG.Situation = SVG.invent({
 
     this.easing = SVG.easing[o.easing || '-'] || o.easing // when easing is a function, its not in SVG.easing
     this.pos = 0        // position before easing
+    this.lastPos = 0    // needed for once callbacks
     this.paused = false
     this.finished = false
     this.active = false
@@ -1271,6 +1272,11 @@ SVG.Situation = SVG.invent({
       // this way its assured, that the start value is set correctly
     }
 
+    this._once = {
+      // functions to fire at a specific position
+      // e.g. "0.5": function foo(){}
+    }
+
   }
 
 , extend: {
@@ -1295,8 +1301,6 @@ SVG.Situation = SVG.invent({
 
   , start: function(){
 
-
-
       if(this.fx().current() == this){
         // morph values from the current position to the destination - maybe move this to another place
         for(var i in this.animations){
@@ -1393,20 +1397,31 @@ SVG.Situation = SVG.invent({
       if(this.pos > 1) this.pos = 1
       if(this.pos < 0) this.pos = 0
 
+      var eased = this.easing(this.pos)
+
+      for(var i in this._once){
+        if(i > this.lastPos && i < eased) this._once[i](this.pos, eased)
+      }
+
+      this.fx().target.fire('during', {pos: this.pos, eased: eased})
+
       this.eachAt(function(method, args){
         this.fx().target[method].apply(this.fx().target, args)
       })
 
       if(this.pos == 1){
         this.finished = true
         this.active = false
-        var next = this.fx().next()
-        if(next)next.start()
+        this.fx().target.fire('situationfinished')
+        this.fx().startNext()
+        //var next = this.fx().next()
+        //if(next)next.start()
         cancelAnimationFrame(this.animationFrame)
       }else{
         this.startAnimFrame()
       }
 
+      this.lastPos = eased
       return this
 
     }
@@ -1434,6 +1449,17 @@ SVG.Situation = SVG.invent({
 
       return this._fx
     }
+
+
+  , once: function(pos, fn, isEased){
+
+      if(!isEased)pos = this.easing(pos)
+
+      this._once[pos] = fn
+
+      return this
+    }
+
   }
 
 })
@@ -1483,7 +1509,7 @@ SVG.FX = SVG.invent({
         if(!attr) continue
 
         // if not yet morphed we extract the destination from the array
-        if(attr instanceof Array) return attr[1]
+        //if(attr instanceof Array) return attr[1]
 
         // otherwise from the morphed object
         return attr.destination
@@ -1508,26 +1534,39 @@ SVG.FX = SVG.invent({
       return this._queue[i]
     }
 
+  , startNext: function() {
+
+      var next = this.next()
+      if(next) next.start()
+      else this.finish()
+
+      return this
+    }
+
   , pause: function() {
-      this.active = false
+      this.current().pause()
+      return this
     }
 
   , play: function() {
-      this.reverse = false
-      this.active = true
+      this.current().play()
+      return this
     }
 
+    /*
   , resume: function() {
       this.active = true
-    }
+    }*/
 
   , finish: function() {
       this.active = false
-      return this.progress(1)
+      this.target.fire('fxfinished')
+      return this
     }
 
   , reverse: function() {
       this.reverse = true
+      this.current().play()
       return this
     }