From eb4ec49ec97bc781f84d8b37e9b79d2c1b84a566 Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Tue, 14 Sep 2010 20:25:05 -0700
Subject: [PATCH] new UI - left navigation menu - highlight selected menu.

---
 ui/new/scripts/cloud.core2.init.js     | 6 ++++++
 ui/new/scripts/cloud.core2.instance.js | 9 +++++++--
 ui/new/scripts/cloud.core2.js          | 2 ++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/ui/new/scripts/cloud.core2.init.js b/ui/new/scripts/cloud.core2.init.js
index c6127536e56..fdc5daf2955 100644
--- a/ui/new/scripts/cloud.core2.init.js
+++ b/ui/new/scripts/cloud.core2.init.js
@@ -45,7 +45,13 @@ $(document).ready(function() {
     var $midmenuItem = $("#midmenu_item");
     function listMidMenuItems(leftmenuId, commandString, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSP, toMidmenu, toRightPanel) { 
         $("#"+leftmenuId).bind("click", function(event) {
+            if(selected_leftmenu_id != null && selected_leftmenu_id.length > 0)
+                $("#"+selected_leftmenu_id).removeClass("selected");
+            selected_leftmenu_id = leftmenuId;
+            $(this).addClass("selected");
+            
             clearMidMenu();
+            
             $("#right_panel").load(rightPanelJSP, function(){   
                 afterLoadRightPanelJSP();                
                 $.ajax({
diff --git a/ui/new/scripts/cloud.core2.instance.js b/ui/new/scripts/cloud.core2.instance.js
index d20591ba434..54603c7d650 100644
--- a/ui/new/scripts/cloud.core2.instance.js
+++ b/ui/new/scripts/cloud.core2.instance.js
@@ -508,12 +508,17 @@ function clickInstanceGroupHeader($arrowIcon) {
 		        }
 		        for(var i=0; i < instanceGroupArray.length; i++) {
 		            if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
-		        	    var $leftmenuSubmenuTemplate = $("#leftmenu_submenu_template").clone().show();				        	            	
+		        	    var $leftmenuSubmenuTemplate = $("#leftmenu_submenu_template").clone().show();			        	    
+		        	    $leftmenuSubmenuTemplate.attr("id", ("leftmenu_instance_group_"+i));			        	            	
 		                $leftmenuSubmenuTemplate.find("#submenu_name").text(instanceGroupArray[i]);
 		                $leftmenuSubmenuTemplate.find("#icon").attr("src", "images/instance_leftmenuicon.png").show();
 		                 		                			                
 		                $leftmenuSubmenuTemplate.bind("click", function(event) { 
-		                    //$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");			               
+		                    if(selected_leftmenu_id != null && selected_leftmenu_id.length > 0)
+                                $("#"+selected_leftmenu_id).removeClass("selected");                            
+                            selected_leftmenu_id = $(this).attr("id");
+                            $(this).addClass("selected");		                    
+		                                
                             $("#midmenu_container").empty();
                             selectedItemsInMidMenu = {};
                             
diff --git a/ui/new/scripts/cloud.core2.js b/ui/new/scripts/cloud.core2.js
index 8980272fb29..eaa288b5582 100644
--- a/ui/new/scripts/cloud.core2.js
+++ b/ui/new/scripts/cloud.core2.js
@@ -529,6 +529,8 @@ function clearRightPanel() {
     $("#right_panel_content #action_message_box").hide();     
 }
     
+var selected_leftmenu_id = null; 
+