     offsetX = w - $(e.target).offset().left - @$el.width() if e.clientX + @$el.width() > w
     @pos = {left: offsetX + 80, top: offsetY - 20}
     @$el.css(@pos)
-    
+
   onMouseOut: ->
     @word = null
     @markerRange = null
     @update()
-    
+
   update: ->
     i18nKey = 'code.'+@word
-    translation = @componentTranslations[@word] or $.t(i18nKey)
+    translation = @componentTranslations[@word] or $.i18n.t(i18nKey)
     if @word and translation and translation not in [i18nKey, @word]
       @setTooltipText translation
     else

      @markerRange = new Range pos.row, start, pos.row, end
      @reposition(e.domEvent)
    @update()
    
  reposition: (e) ->
    offsetX = e.offsetX ? e.clientX - $(e.target).offset().left
    offsetY = e.offsetY ? e.clientY - $(e.target).offset().top

  constructor: (options) ->
    super options
    @ace = options.ace

    levelComponents = @supermodel.getModels LevelComponent
    @componentTranslations = levelComponents.reduce((acc, lc) ->
      for doc in (lc.get('propertyDocumentation') ? [])
