7 files changed, 25 insertions, 21 deletions
diff --git a/js/data/panels-data.js b/js/data/panels-data.js
index 7fa22995..23bfa1ed 100644
--- a/js/data/panels-data.js
+++ b/js/data/panels-data.js
@@ -116,7 +116,7 @@ exports.PanelsData = Montage.create(Montage, {
            collapsed: true,
            scrollable: true,
            open: true,
-            modulePath: "js/panels/binding.reel",
+            modulePath: "js/panels/binding-panel.reel",
            moduleName: "BindingPanel"
        },
        {
diff --git a/js/panels/PanelContainer.reel/PanelContainer.js b/js/panels/PanelContainer.reel/PanelContainer.js
index 044fd598..b4f77317 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.js
+++ b/js/panels/PanelContainer.reel/PanelContainer.js
@@ -158,16 +158,17 @@ exports.PanelContainer = Montage.create(Component, {
 
    _setPanelsSizes: {
        value: function(panelActivated) {
-            this.panelsAvailable();
+            var availablePanels = this.panelsAvailable();
-            var len = this.panels.length, setLocked = true;
+            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;
+                availablePanels[i].locked = setLocked;
-                this.panels[i].needsDraw = true;
+                availablePanels[i].needsDraw = true;
            }
        }
    },
@@ -176,7 +177,7 @@ exports.PanelContainer = Montage.create(Component, {
        value: function(panelActivated, unlockPanels) {
            var maxHeight = this.element.offsetHeight, setLocked = true;
            var availablePanels = this.panelsAvailable();
-            var len = this.panels.length;
+            var len = availablePanels.length;
            if(unlockPanels === true) {
                setLocked = false;
@@ -190,7 +191,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;
diff --git a/js/panels/binding.reel/binding.css b/js/panels/binding-panel.reel/binding-panel.css
index e69de29b..e69de29b 100644
--- a/js/panels/binding.reel/binding.css
+++ b/js/panels/binding-panel.reel/binding-panel.css
diff --git a/js/panels/binding.reel/binding.html b/js/panels/binding-panel.reel/binding-panel.html
index 50e839ab..0db7b95f 100644
--- a/js/panels/binding.reel/binding.html
+++ b/js/panels/binding-panel.reel/binding-panel.html
@@ -7,11 +7,11 @@
 <html lang="en">
 <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-                <link rel="stylesheet" href="binding.css" type="text/css">
+                <link rel="stylesheet" href="binding-panel.css" type="text/css">
        <script type="text/montage-serialization">
        {
            "owner": {
-                "prototype": "js/panels/binding.reel",
+                "prototype": "js/panels/binding-panel.reel",
                "properties": {
                    "element": {"#": "binding"}
                }
@@ -22,6 +22,7 @@
        </head>
 <body>
    <div data-montage-id="binding">
+        this is a test
    </div>
 </body>
 </html>
 \ No newline at end of file
diff --git a/js/panels/binding-panel.reel/binding-panel.js b/js/panels/binding-panel.reel/binding-panel.js
new file mode 100644
index 00000000..03fe5723
--- /dev/null
+++ b/js/panels/binding-panel.reel/binding-panel.js
@@ -0,0 +1,12 @@
+var Montage         = require("montage/core/core").Montage,
+    Component       = require("montage/ui/component").Component;
+exports.BindingPanel = Montage.create(Component, {
+    prepareForDraw: {
+        value: function() {
+            console.log("test- objects");
+        }
+    }
+});
+\ No newline at end of file
diff --git a/js/panels/binding.reel/binding.js b/js/panels/binding.reel/binding.js
deleted file mode 100644
index e9676c4d..00000000
--- a/js/panels/binding.reel/binding.js
+++ /dev/null
@@ -1,11 +0,0 @@
-var Montage =   require("montage/core/core").Montage,
-    PanelBase = require("js/panels/panelbase").PanelBase;
-////////////////////////////////////////////////////////////////////////
-//Exporting as ColorPanel
-exports.BindingPanel = Montage.create(PanelBase, {
-    ////////////////////////////////////////////////////////////////////
-    //Panel Configuration
-    panelName: {
-        value: "Color"
-    }
-});
-\ No newline at end of file
diff --git a/js/panels/objects.reel/objects.html b/js/panels/objects.reel/objects.html
index b21097e7..a21e611c 100644
--- a/js/panels/objects.reel/objects.html
+++ b/js/panels/objects.reel/objects.html
@@ -22,6 +22,7 @@
        </head>
 <body>
    <div data-montage-id="objects">
+        objects:test
    </div>
 </body>
 </html>
 \ No newline at end of file