anchor.diff:                              "id": "<%=heatmap%>",
                               "children": children
                           }
  -                    }).bind('treemapclick', mouseclickHandler);
  +                    }).bind('treemapmousemove', mousemoveHandler)
  +                      .bind('treemapclick', mouseclickHandler)
  +                      .mouseleave(function(){mouseleaveHandler()});
                   }
   
                   $(window).resize(function() {
  
positive.code:                 var children;
  
                  function refresh() {
                      var height = $(window).height() - 105 - $("#treemap").offset().top;
  
                      if (height < 0) {
  
negative.code:     }
  %>
  
  <style type="text/css">
      .tooltipbox {
          border: 1px solid #aaa;
          position: absolute;
          background-color: rgba(255,255,255,0.85);
          pointer-events: none;
          display: none;
      }
      .tooltipbox p {
          margin: 0px 2px 0px 2px;
          padding: 0px 2px 0px 2px;
          font-size: 0.8em;
          color: #444;
          white-space: nowrap;
      }
  </style>
  
  <div id="heatmap-box" class="panel panel-default">
      <div class="panel-heading">
          <h3 class="panel-title"><a href="heatmap/index.jsp?mode=<%=mode%>&amp;heatmap=<%=heatmap%>&amp;foreignSource=<%=foreignSource%>&amp;category=<%=category%>&amp;monitoredService=<%=monitoredService%>"><%=title%>
          </a></h3>
      </div>
  
      <div id="treemap" style="position: relative;">
          <div id="tooltipbox" class="tooltipbox"></div>
      </div>
  
      <script type="text/javascript">
  
  