diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index 2e395cde813..3e09bddad31 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -526,18 +526,7 @@ long milliseconds = new Date().getTime();
                         </div>
                     </div>
                     <div class="leftmenu_expandedbox" style="display: none">
-                        <div class="leftmenu_expandedlist">
-                            <div class="leftmenu_content">
-                                <div class="leftmenu_domainindent" style="margin-left: 30px;">
-                                    <div id="domain_title_container" class="tree_levels">
-                                        <div class="leftmenu_arrows expanded_close" id="arrowIcon">
-                                        </div>
-                                        Domain Name
-                                    </div>
-                                    <div id="domain_children_container" style="display: none">
-                                    </div>
-                                </div>
-                            </div>
+                        <div class="leftmenu_expandedlist" id="leftmenu_domain_tree">                            
                         </div>
                     </div>
                 </div>
@@ -791,7 +780,21 @@ long milliseconds = new Date().getTime();
 	        </div>
         </div>
     </div> 
-    <!-- SystemVM Template (end) -->
+    <!-- SystemVM Template (end) -->    
+    <!-- domain tree node template (begin) -->
+    <div id="domain_tree_node_template" class="leftmenu_content" style="display:none">
+        <div class="leftmenu_domainindent" style="margin-left: 30px;">
+            <div id="domain_title_container" class="tree_levels">
+                <div class="leftmenu_arrows expanded_close" id="arrowIcon">
+                </div>
+                <div id="domain_name" class="tree_links">
+                    Domain Name</div>
+            </div>
+            <div id="domain_children_container" style="display: none">
+            </div>
+        </div>
+    </div>
+    <!-- domain tree node template (end) -->    
     <!-- ***** templates (end) *************************************************************************************************-->
 </body>
 </html>
diff --git a/ui/new/scripts/cloud.core2.init.js b/ui/new/scripts/cloud.core2.init.js
index e76c6ef4a80..9e6772ae3ac 100644
--- a/ui/new/scripts/cloud.core2.init.js
+++ b/ui/new/scripts/cloud.core2.init.js
@@ -49,6 +49,20 @@ $(document).ready(function() {
 	});
 	$("#leftmenu_domain").bind("click", function(event) {
 		selectLeftMenu($(this), true);
+			
+		$("#leftmenu_domain_tree").empty();		
+		var $newNode01 = $("#domain_tree_node_template").clone();
+		$newNode01.find("#domain_name").text("01")
+		var $newNode02 = $("#domain_tree_node_template").clone();
+		$newNode02.find("#domain_name").text("02")
+		var $newNode03 = $("#domain_tree_node_template").clone();		
+		$newNode03.find("#domain_name").text("03");
+		$("#leftmenu_domain_tree").append($newNode01.show());		
+		$newNode01.find("#domain_children_container").append($newNode02.show());
+		$newNode01.find("#domain_children_container").show();		
+		$newNode02.find("#domain_children_container").append($newNode03.show());
+		$newNode02.find("#domain_children_container").show();
+							
 		/*
 		showMiddleMenu();
 		disableMultipleSelectionInMidMenu();