From 98221dc21744b07bbcdee6d6ee3105209b77699f Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Tue, 22 Feb 2011 11:25:56 -0800
Subject: [PATCH] bug 8541: Instance page - grayout/enable top buttons upon
 selected middle menu items.

---
 ui/jsp/instance.jsp               |  8 ++++----
 ui/scripts/cloud.core.instance.js | 10 +++++++---
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/ui/jsp/instance.jsp b/ui/jsp/instance.jsp
index 0eaa6e17765..f266a5077e5 100644
--- a/ui/jsp/instance.jsp
+++ b/ui/jsp/instance.jsp
@@ -1096,7 +1096,7 @@ dictionary = {
 <!--  top buttons (begin) -->
 <div id="top_buttons">
     <div class="actionpanel_button_wrapper" id="add_vm_button">
-        <div class="actionpanel_button">
+        <div class="actionpanel_button" id="button_content">
             <div class="actionpanel_button_icons">
                 <img src="images/addvm_actionicon.png" /></div>
             <div class="actionpanel_button_links">
@@ -1106,7 +1106,7 @@ dictionary = {
     </div>
 
     <div class="actionpanel_button_wrapper" id="start_vm_button">
-        <div class="actionpanel_button">
+        <div class="actionpanel_button" id="button_content">
             <div class="actionpanel_button_icons">
                 <img src="images/startvm_actionicon.png" /></div>
             <div class="actionpanel_button_links">
@@ -1115,7 +1115,7 @@ dictionary = {
         </div>
     </div>
     <div class="actionpanel_button_wrapper" id="stop_vm_button">
-        <div class="actionpanel_button">
+        <div class="actionpanel_button" id="button_content">
             <div class="actionpanel_button_icons">
                 <img src="images/stopvm_actionicon.png"/></div>
             <div class="actionpanel_button_links">
@@ -1124,7 +1124,7 @@ dictionary = {
         </div>
     </div>
     <div class="actionpanel_button_wrapper" id="reboot_vm_button">
-        <div class="actionpanel_button">
+        <div class="actionpanel_button" id="button_content">
             <div class="actionpanel_button_icons">
                 <img src="images/rebootvm_actionicon.png" /></div>
             <div class="actionpanel_button_links">
diff --git a/ui/scripts/cloud.core.instance.js b/ui/scripts/cloud.core.instance.js
index c2332513405..9352baa2143 100644
--- a/ui/scripts/cloud.core.instance.js
+++ b/ui/scripts/cloud.core.instance.js
@@ -1884,10 +1884,14 @@ function vmGrayoutTopButtons() {
     }
       
     for(var buttonElementId in vmTopButtonMap) {
-        if(vmTopButtonMap[buttonElementId] < itemCounts)
-            $("#"+buttonElementId).hide();
-        else 
+        if(vmTopButtonMap[buttonElementId] < itemCounts) {   
+            $("#"+buttonElementId).hide();       
+            //$("#"+buttonElementId).find("#button_content").removeClass("actionpanel_button").addClass("actionpanel_button_hidden");
+        }
+        else {  
             $("#"+buttonElementId).show();               
+            //$("#"+buttonElementId).find("#button_content").removeClass("actionpanel_button_hidden").addClass("actionpanel_button"); 
+        }        
     }
 }