       @elOverlay.html ""
 
     hideOverlay: ->
-      @elOverlay.hide 500
+      @elOverlay.fadeOut ANIMATION_SPEED.FAST
 
     showOverlay: ->
-      @elOverlay.show 500
+      @elOverlay.fadeIn ANIMATION_SPEED.FAST
 
   return {
     WorldUI: WorldUI

    template: _.template $("#templ-character-overlay").html()

    hide: ->
      $(@el).hide()

    show: ->
      @render()
      $(@el).show()

    render: =>
      $(@el)


      $($(@el).find('.statbar')[0]).children('div')
        .html('hp ' + @model.get("stats").health)
        .width(10)
        .animate {
          width: (100 *
            (@model.get("stats").health / @model.get("maxStats").health))
          },
          { duration: ANIMATION_SPEED.SLOW }
      $($(@el).find('.statbar')[1]).children('div')
        .html('mp ' + @model.get("stats").mana)
        .width(10)
        .animate {
          width: (100 *
            (@model.get("stats").mana / @model.get("maxStats").mana))
          },
          { duration: ANIMATION_SPEED.SLOW }


  class WorldUI extends view.View
