diff --git a/css/panopoly_spotlight.css b/css/panopoly_spotlight.css
index da8e165..dfced81 100755
--- a/css/panopoly_spotlight.css
+++ b/css/panopoly_spotlight.css
@@ -23,7 +23,7 @@
 
 /* Specific Overrides and Styles
 ----------------------------------*/
-.pane-bundle-spotlight .ui-tabs-nav { position: absolute; right: .7em; top: .7em; }
+.pane-bundle-spotlight .ui-tabs-nav { position: absolute; z-index:1000; right: .7em; top: .7em; }
 .pane-bundle-spotlight .panopoly-spotlight-wrapper { position: absolute; left: 0px; bottom: 0px; }
 .pane-bundle-spotlight .panopoly-spotlight-wrapper h2 { margin: 0; }
 .pane-bundle-spotlight .panopoly-spotlight-wrapper h2 a { text-decoration: none; color: #FFFFFF; }
diff --git a/js/panopoly_spotlight.js b/js/panopoly_spotlight.js
index 9b46bbb..d6730c4 100755
--- a/js/panopoly_spotlight.js
+++ b/js/panopoly_spotlight.js
@@ -4,12 +4,40 @@
    */
  Drupal.behaviors.panopolySpotlight = {
    attach: function (context, settings) {
-     if ($('.field-name-field-basic-spotlight-items').length) {
-     	var rotation_time = Drupal.settings.spotlight_settings.rotation_time;
-       $('.field-name-field-basic-spotlight-items').tabs().tabs("rotate", rotation_time, true);
-       // $('.field-name-field-basic-spotlight-items').css('height', $('.field-name-field-basic-spotlight-items').height());
-       // $('.field-name-field-basic-spotlight-items').css('overflow', 'hidden');
-     }
+      if ($('.field-name-field-basic-spotlight-items').length) {
+        var rotation_time = Drupal.settings.spotlight_settings.rotation_time;
+        $('.field-name-field-basic-spotlight-items').tabs({
+          show: function(event, ui) {
+
+            var lastOpenedPanel = $(this).data("lastOpenedPanel");
+
+            if (!$(this).data("topPositionTab")) {
+                $(this).data("topPositionTab", $(ui.panel).position().top)
+            }         
+
+            $(ui.panel).hide().fadeIn(1000);
+
+            if (lastOpenedPanel) {
+
+                lastOpenedPanel
+                    .toggleClass("ui-tabs-hide")
+                    .css("width", $('.field-name-field-basic-spotlight-items').width())
+                    .css("position", "absolute")
+                    .css("top", "0px")
+                    .fadeOut(1000, function() {
+                        $(this)
+                        .css("position", "");
+                    });
+
+            }
+
+            $(this).data("lastOpenedPanel", $(ui.panel));
+
+              }
+          }).tabs("rotate", rotation_time, true);
+        // $('.field-name-field-basic-spotlight-items').css('height', $('.field-name-field-basic-spotlight-items').height());
+        // $('.field-name-field-basic-spotlight-items').css('overflow', 'hidden');
+      }
    }
  }