From d7f00f2c4540f6316e15a2774c7cc1369ffdf56a Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Mon, 11 Jun 2012 12:52:10 -0700
Subject: [PATCH] CS-14877: Focus browser panel on breadcrumb hover

When mouse is over a breadcrumb for a period of > 2s, show its
respective panel until mouseout. This allows a user to see the
contents of the panel without having to select it.

reviewed-by: brian

Original commit:
commit 88be929e04826cd1159a2db7dbca220f7eadf5fd
Author: Pranav Saxena <pranav.saxena@citrix.com>
Date: Fri Jun 8 14:17:42 2012 +0530

    CS-14877: Expanded breadcrumb navigation on hover UI Requirement
---
 ui/scripts/ui/widgets/cloudBrowser.js | 28 +++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/ui/scripts/ui/widgets/cloudBrowser.js b/ui/scripts/ui/widgets/cloudBrowser.js
index 33489871832..8d3b6137d09 100644
--- a/ui/scripts/ui/widgets/cloudBrowser.js
+++ b/ui/scripts/ui/widgets/cloudBrowser.js
@@ -384,4 +384,32 @@
       }
     }
   ));
+ 
+  // Breadcrumb hovering 
+  $('#breadcrumbs li').live('mouseover', cloudStack.ui.event.bind(
+    'cloudBrowser',
+    {
+      'breadcrumb': function($target, $browser, data) {
+        var  $hiddenPanels = data.panel.siblings().filter(function(){
+          return $(this).index() > data.panel.index();
+        });
+        
+        $hiddenPanels.addClass('mouseover-hidden');
+        setTimeout(function() {
+          $('.mouseover-hidden').hide("slow");
+        } ,2000);
+      }
+    }
+  ));
+
+  $('#breadcrumbs li').live('mouseout',cloudStack.ui.event.bind(
+    'cloudBrowser',
+    {
+      'breadcrumb': function($target, $browser, data) {
+        var  $getHiddenPanels = $browser.find('.panel.mouseover-hidden');
+        
+        $getHiddenPanels.removeClass('mouseover-hidden').show();
+      }
+    }
+  ));
 })(jQuery, cloudStack);