diff --git a/ui/new/jsp/resource.jsp b/ui/new/jsp/resource.jsp
index d613d952d17..70e979d6f27 100644
--- a/ui/new/jsp/resource.jsp
+++ b/ui/new/jsp/resource.jsp
@@ -30,7 +30,23 @@
                 <%=t.t("secondary.storage")%></div>
         </div>
         <!-- Details tab (start)-->
-        <div id="tab_content_details">
+        <div id="tab_content_details">        
+            <div class="grid_actionpanel">
+	            <div class="grid_actionbox" id="action_link">
+	                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+	                    <ul class="actionsdropdown_boxlist" id="action_list">
+	                       <li><%=t.t("no.available.actions")%></li>
+	                    </ul>
+	                </div>
+	            </div>            
+	            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+	                display: none;">
+	                <div class="gridheader_loader" id="icon">
+	                </div>
+	                <p id="description">
+	                    Waiting &hellip;</p>
+	            </div>                  
+	        </div>              
             <div class="grid_container">
                 <div class="grid_rows odd">
                     <div class="grid_row_cell" style="width: 20%;">
@@ -157,7 +173,23 @@
                 <%=t.t("details")%></div>           
         </div>
         <!-- Details tab (start)-->
-        <div id="tab_content_details">
+        <div id="tab_content_details">         
+            <div class="grid_actionpanel">
+	            <div class="grid_actionbox" id="action_link">
+	                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+	                    <ul class="actionsdropdown_boxlist" id="action_list">
+	                       <li><%=t.t("no.available.actions")%></li>
+	                    </ul>
+	                </div>
+	            </div>            
+	            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+	                display: none;">
+	                <div class="gridheader_loader" id="icon">
+	                </div>
+	                <p id="description">
+	                    Waiting &hellip;</p>
+	            </div>                  
+	        </div>           
             <div class="grid_container">
                 <div class="grid_rows odd">
                     <div class="grid_row_cell" style="width: 20%;">
diff --git a/ui/new/scripts/cloud.core2.resource.js b/ui/new/scripts/cloud.core2.resource.js
index 1e5387620fb..e5fda6888c2 100644
--- a/ui/new/scripts/cloud.core2.resource.js
+++ b/ui/new/scripts/cloud.core2.resource.js
@@ -78,9 +78,7 @@ function buildZoneTree() {
 			    var jsonObj = target.data("jsonObj");  
 			    showPage($("#zone_page"), jsonObj);
 			    hideMiddleMenu();
-			    zoneJsonToDetailsTab(jsonObj);
-			    zoneJsonToNetworkTab(jsonObj);				    
-			    zoneJsonToSecondaryStorageTab(jsonObj);						    		   			    
+			    zoneJsonToRightPanel(jsonObj);			   				    		   			    
 			    break;		
 			    	
 			case "pod_name" :	
@@ -233,19 +231,67 @@ function showPage($pageToShow, jsonObj) {
 }
 
 //***** zone page (begin) *****************************************************************************************************	
+function zoneGetLeftmenuId(jsonObj) {
+    return "zone_" + jsonObj.id;
+}
+
+function zoneJsonToRightPanel(jsonObj) {
+    zoneJsonToDetailsTab(jsonObj);
+    zoneJsonToNetworkTab(jsonObj);				    
+    zoneJsonToSecondaryStorageTab(jsonObj);
+}
+
+function zoneJsonClearRightPanel(jsonObj) {
+    zoneJsonClearDetailsTab(jsonObj);
+    zoneJsonClearNetworkTab(jsonObj);				    
+    zoneJsonClearSecondaryStorageTab(jsonObj);
+}
+
 function zoneJsonToDetailsTab(jsonObj) {	    
     var $detailsTab = $("#zone_page").find("#tab_content_details");   
     $detailsTab.data("jsonObj", jsonObj);           
-    $detailsTab.find("#id").text(fromdb(jsonObj.id));
+    $detailsTab.find("#id").text(jsonObj.id);
     $detailsTab.find("#name").text(fromdb(jsonObj.name));
     $detailsTab.find("#dns1").text(fromdb(jsonObj.dns1));
     $detailsTab.find("#dns2").text(fromdb(jsonObj.dns2));
     $detailsTab.find("#internaldns1").text(fromdb(jsonObj.internaldns1));
     $detailsTab.find("#internaldns2").text(fromdb(jsonObj.internaldns2));	
     $detailsTab.find("#vlan").text(fromdb(jsonObj.vlan));
-    $detailsTab.find("#guestcidraddress").text(fromdb(jsonObj.guestcidraddress));     
+    $detailsTab.find("#guestcidraddress").text(fromdb(jsonObj.guestcidraddress));   
+    
+    //actions ***   
+    var $actionLink = $detailsTab.find("#action_link"); 
+    $actionLink.bind("mouseover", function(event) {	    
+        $(this).find("#action_menu").show();    
+        return false;
+    });
+    $actionLink.bind("mouseout", function(event) {       
+        $(this).find("#action_menu").hide();    
+        return false;
+    });	  
+    var $actionMenu = $detailsTab.find("#action_link #action_menu");
+    $actionMenu.find("#action_list").empty();        
+    var midmenuItemId = zoneGetLeftmenuId(jsonObj);     
+    buildActionLinkForDetailsTab("Delete Zone", zoneActionMap, $actionMenu, midmenuItemId, $detailsTab);     
 }	  
 
+function zoneJsonClearDetailsTab(jsonObj) {	    
+    var $detailsTab = $("#zone_page").find("#tab_content_details");             
+    $detailsTab.find("#id").text("");
+    $detailsTab.find("#name").text("");
+    $detailsTab.find("#dns1").text("");
+    $detailsTab.find("#dns2").text("");
+    $detailsTab.find("#internaldns1").text("");
+    $detailsTab.find("#internaldns2").text("");	
+    $detailsTab.find("#vlan").text("");
+    $detailsTab.find("#guestcidraddress").text("");   
+    
+    //actions ***   
+    var $actionMenu = $detailsTab.find("#action_link #action_menu");
+    $actionMenu.find("#action_list").empty();   
+	$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());		
+}	
+
 var $vlanContainer;
 function zoneJsonToNetworkTab(jsonObj) {	    
     var $networkTab = $("#zone_page").find("#tab_content_network");      
@@ -276,6 +322,13 @@ function zoneJsonToNetworkTab(jsonObj) {
 	});
 }	 
 
+function zoneJsonClearNetworkTab(jsonObj) {	    
+    var $networkTab = $("#zone_page").find("#tab_content_network");      
+    $networkTab.find("#zone_cloud").find("#zone_name").text("");	 
+    $networkTab.find("#zone_vlan").text("");   
+    $networkTab.find("#vlan_container").empty();    
+}	 
+
 function zoneJsonToSecondaryStorageTab(jsonObj) {   
     var zoneObj =  $("#zone_page").find("#tab_content_details").data("jsonObj");  
     $.ajax({
@@ -297,6 +350,10 @@ function zoneJsonToSecondaryStorageTab(jsonObj) {
 	});     
 }
 
+function zoneJsonClearSecondaryStorageTab(jsonObj) {   
+    $("#zone_page").find("#tab_content_secondarystorage").empty();	
+}
+
 function vlanJsonToTemplate(jsonObj, $template1) {
     $template1.data("jsonObj", jsonObj);
     $template1.find("#vlan_id").text(jsonObj.vlan);
@@ -439,13 +496,15 @@ function hostJsonToDetailsTab(jsonObj) {
 	    alert("Unsupported Host State: " + jsonObj.state);
 	} 
     
-     //temporary for testing (begin) *****
-//    buildActionLinkForDetailsTab("Enable Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
-//    buildActionLinkForDetailsTab("Cancel Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
-//    buildActionLinkForDetailsTab("Force Reconnect", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
-//    buildActionLinkForDetailsTab("Remove Host", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
-//    buildActionLinkForDetailsTab("Update OS Preference", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
-//    noAvailableActions = false; 	    
+    //temporary for testing (begin) *****
+    /*
+    buildActionLinkForDetailsTab("Enable Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
+    buildActionLinkForDetailsTab("Cancel Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
+    buildActionLinkForDetailsTab("Force Reconnect", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
+    buildActionLinkForDetailsTab("Remove Host", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);  
+    buildActionLinkForDetailsTab("Update OS Preference", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
+    noAvailableActions = false; 	  
+    */  
     //temporary for testing (begin) *****
     
     // no available actions 
@@ -1568,5 +1627,20 @@ function doDeleteSecondaryStorage($actionLink, $subgridItem) {
 	}).dialog("open");
 }
 
+var zoneActionMap = {
+    "Delete Zone": {  
+        api: "deleteZone",            
+        isAsyncJob: false,        
+        inProcessText: "Deleting Zone....",
+        afterActionSeccessFn: function(json, id, midmenuItemId) {            
+            var $midmenuItem1 = $("#"+midmenuItemId); //zone node in zone tree in left menu
+            $midmenuItem1.slideUp(function() {
+                $(this).remove();
+            });
+            clearRightPanel();
+            zoneJsonClearRightPanel();
+        }
+    }
+}