     template: _.template $("#templ-character-overlay").html()
 
     hide: ->
-      $(@el).hide()
+      $(@el).fadeOut ANIMATION_SPEED.FAST
 
     show: ->
       @render()
-      $(@el).show()
+      $(@el).fadeIn ANIMATION_SPEED.FAST
 
     render: =>
       $(@el)

deps = ["use!use/jquery", "cs!../view", "use!use/underscore",
  "cs!../resource"]
define deps, ($, view, _, resource) ->

  class CharacterOverlay extends view.UIView
    tagName: "div"

      @elOverlay.html ""

    hideOverlay: ->
      @elOverlay.fadeOut ANIMATION_SPEED.FAST

    showOverlay: ->
      @elOverlay.fadeIn ANIMATION_SPEED.FAST

  return {
    WorldUI: WorldUI
