1 files changed, 23 insertions, 6 deletions

diff --git a/js/panels/PanelContainer.reel/PanelContainer.js b/js/panels/PanelContainer.reel/PanelContainer.js
index 5c733b92..e0e547f9 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.js
+++ b/js/panels/PanelContainer.reel/PanelContainer.js
@@ -84,6 +84,18 @@ exports.PanelContainer = Montage.create(Component, {
         value: []
     },
 
+    panelsAvailable: {
+        value: function() {
+            var pAvail = [];
+            this.panels.forEach(function(obj) {
+                if (window.getComputedStyle(obj.element).display !== "none") {
+                    pAvail.push(obj);
+                }
+            });
+            return pAvail;
+        }
+    },
+
     currentPanelState: {
         value: {}
     },
@@ -112,6 +124,8 @@ exports.PanelContainer = Montage.create(Component, {
                 this['panel_'+i].modulePath = p.modulePath;
                 this['panel_'+i].moduleName = p.moduleName;
                 this['panel_'+i].disabled = true;
+                this['panel_'+i].groups = p.groups;
+
 
                 this.currentPanelState[p.name] = {};
                 this.currentPanelState.version = "1.0";
@@ -185,15 +199,17 @@ exports.PanelContainer = Montage.create(Component, {
  
     _setPanelsSizes: {
         value: function(panelActivated) {
-            var len = this.panels.length, setLocked = true;
+            var availablePanels = this.panelsAvailable();
+            var len = availablePanels.length;
+            var setLocked = true;
 
             for(var i = 0; i < len; i++) {
-                if(this.panels[i] === panelActivated || panelActivated === null) {
+                if(availablePanels[i] === panelActivated || panelActivated === null) {
                     setLocked = false;
                 }
 
-                this.panels[i].locked = setLocked;
-                this.panels[i].needsDraw = true;
+                availablePanels[i].locked = setLocked;
+                availablePanels[i].needsDraw = true;
             }
         }
     },
@@ -201,7 +217,8 @@ exports.PanelContainer = Montage.create(Component, {
     _redrawPanels: {
         value: function(panelActivated, unlockPanels) {
             var maxHeight = this.element.offsetHeight, setLocked = true;
-            var len = this.panels.length;
+            var availablePanels = this.panelsAvailable();
+            var len = availablePanels.length;
 
             if(unlockPanels === true) {
                 setLocked = false;
@@ -215,7 +232,7 @@ exports.PanelContainer = Montage.create(Component, {
             }
 
             for(var i = 0; i < len; i++) {
-                var obj = this['panel_'+i];
+                var obj = availablePanels[i];
 
                 if(obj === panelActivated) {
                     setLocked = false;