 
         offsetX -= (from_tile_size - to_tile_size)/2
         offsetY -= (from_tile_size - to_tile_size)/2
+
+        positions[id] = [offsetX, offsetY]
+
+      for participant in $participants.find('.avatar')
+        $from = $(participant)
+        id = $from.data('id')
+        [offsetX, offsetY] = positions[id]
+        
         $from.css 
           #'-o-transform': "scale(#{ratio},#{ratio}) translate(#{ 1/ratio * offsetX}px,#{ 1/ratio * offsetY}px)",
           '-ms-transform': "scale(#{ratio},#{ratio}) translate(#{ 1/ratio * offsetX}px,#{ 1/ratio * offsetY}px)",

          '-webkit-transition': "all #{speed}ms",
          'transition': "all #{speed}ms"}

      for participant in $participants.find('.avatar')
        $from = $(participant)
        id = $from.data('id')

          '-webkit-transform': "scale(#{ratio},#{ratio}) translate(#{ 1/ratio * offsetX}px,#{ 1/ratio * offsetY}px)",
          'transform': "scale(#{ratio},#{ratio}) translate(#{ 1/ratio * offsetX}px,#{ 1/ratio * offsetY}px)"

      me = this
      window.delay speed + 350, -> 
        me.$el.find('.m-histogram').css 'opacity', 1
        
        window.delay 400, -> 
          $participants.fadeOut()
 

  events : 
