diff --git a/ganttzk/src/main/resources/web/ganttz/resourceload/resourceloadlist.dsp b/ganttzk/src/main/resources/web/ganttz/resourceload/resourceloadlist.dsp
index 757eb1458..48df9d546 100644
--- a/ganttzk/src/main/resources/web/ganttz/resourceload/resourceloadlist.dsp
+++ b/ganttzk/src/main/resources/web/ganttz/resourceload/resourceloadlist.dsp
@@ -3,7 +3,8 @@
 
 <c:set var="self" value="${requestScope.arg.self}"/>
 
-<div id="${self.uuid}" ${self.outerAttrs} class="resourceloadlist">
+<div id="${self.uuid}" ${self.outerAttrs} class="resourceloadlist"
+    z.type="ganttz.resourceload.resourcesloadlist.ResourcesLoadList">
     <c:forEach var="child" items="${self.children}">
         ${z:redraw(child, null)}
     </c:forEach>
diff --git a/ganttzk/src/main/resources/web/js/ganttz/resourceload/resourcesloadlist.js b/ganttzk/src/main/resources/web/js/ganttz/resourceload/resourcesloadlist.js
new file mode 100644
index 000000000..3638d4cdc
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/resourceload/resourcesloadlist.js
@@ -0,0 +1,25 @@
+var TIMETRACKER_OFFSET_TOP = 120;
+
+
+
+zkResourcesLoadList = initializeClass({});
+
+function initializeClass(classObject){
+    function watermark(){
+        return document.getElementById('watermark');
+    }
+
+    function timetracker(){
+        return document.getElementById('timetracker');
+    }
+
+    classObject.init = function(cmp){
+        this.adjustTimeTrackerSize(cmp);
+    }
+
+    classObject.adjustTimeTrackerSize = function(cmp) {
+        watermark().style["height"] = cmp.clientHeight+"px";
+        timetracker().style["width"] = cmp.clientWidth+"px";
+    }
+    return classObject;
+}