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);