 
       # animate scrolling to the new tree
       $("#tree-list").animate({
-        scrollTop: newIcon.offset().top - $("#tree-list").offset().top + $("#tree-list").scrollTop()}, 500)
+        scrollTop: newIcon.offset().top - $("#tree-list").offset().top + $("#tree-list").scrollTop()}, 250)
 
 
   # avoid lags caused by frequent DOM modification

      if treeId != lastTreeId
        newContent.appendChild((
          $('<li>').append($('<i>', {"class": "icon-sitemap"}),
          $('<span>', {"text": @model.route.getTree(treeId).name})))[0])
        lastTreeId = treeId
      newContent.appendChild((
        $('<li>').append($('<i>', {"class": "icon-angle-right"}), 


      # animate scrolling to the new comment
      $("#comment-container").animate({
        scrollTop: newIcon.offset().top - $("#comment-container").offset().top + $("#comment-container").scrollTop()}, 250)
    else
      activeTree = $("#comment-container span[data-treeid=#{@model.route.getActiveTreeId()}]")
      if activeTree.length
        $("#comment-container").animate({
          scrollTop: activeTree.offset().top - $("#comment-container").offset().top + $("#comment-container").scrollTop()}, 250)


  updateActiveTree : ->
