8 files changed, 48 insertions, 18 deletions

diff --git a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html
index db630934..98b2b61d 100755
--- a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html
+++ b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html
@@ -53,7 +53,7 @@
                 <div  id="nj-css-stylesheet-toolbar" class="nj-css-toolbar">
                         <a href="#" id="nj-css-add-stylesheet" title="Add Stylesheet">Add Rule</a>
                 </div>
-        <div id="subPanelResizer" class="resizer"></div>
+        <div data-montage-id="subPanelResizer" class="resizer"></div>
                 <!-- Style Rule list subsection -->
                 <h2 id="nj-css-styles-header" class="nj-section-header">
                         <div id="nj-css-styles-arrow" class="panelDisclosureIcon"></div>
diff --git a/js/panels/Panel.reel/Panel.html b/js/panels/Panel.reel/Panel.html
index dc76d871..46c8fb91 100755
--- a/js/panels/Panel.reel/Panel.html
+++ b/js/panels/Panel.reel/Panel.html
@@ -15,6 +15,13 @@
                     "element": {"#": "resizeBar"},
                     "panel": {"#": "panel"},
                     "isVertical": true
+                },
+                "bindings": {
+                    "ownerId": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "panelBase.panelName",
+                        "oneway": true
+                    }
                 }
             },
 
@@ -55,7 +62,7 @@
             </div>
         </div>
     </div>
-    <div id="resizeBar" class="resizeBar"></div>
+    <div data-montage-id="resizeBar" class="resizeBar"></div>
 </article>
 
 </body>
diff --git a/js/panels/Panel.reel/Panel.js b/js/panels/Panel.reel/Panel.js
index efa287c5..c8dd0456 100755
--- a/js/panels/Panel.reel/Panel.js
+++ b/js/panels/Panel.reel/Panel.js
@@ -188,6 +188,8 @@ exports.Panel = Montage.create(Component, {
                 //Resized Event
                 if(typeof this.resizer.value == "number") this.panelBase.contentHeight = this.resizer.value;
                 this.resizer.element.addEventListener("mouseup",this.resized.bind(this),false);
+
+                this.panelContent.content = this.panelBase.content;
             }
         }
     },
@@ -226,7 +228,7 @@ exports.Panel = Montage.create(Component, {
             else pContentDiv.style.overflow = "hidden";
             this.element.getElementsByClassName("panelTitle")[0].innerHTML = this.panelBase.panelName;
             //pContentDiv.appendChild(this.panelBase.content);
-            this.panelContent.content = this.panelBase.content;
+            //this.panelContent.content = this.panelBase.content;
 
         }
     }
diff --git a/js/panels/PanelBase.js b/js/panels/PanelBase.js
index b7b6945c..03dcd0ee 100755
--- a/js/panels/PanelBase.js
+++ b/js/panels/PanelBase.js
@@ -32,11 +32,14 @@ exports.PanelBase = Montage.create(Component, {
     contentHeight: {
          get: function() {
             if(this._contentHeight == null) {
+                // Old settings
+                /*
                 if(this.application.ninja.settings.getSetting(this.panelName, "contentHeight")) {
                     this._contentHeight = this.application.ninja.settings.getSetting(this.panelName, "contentHeight");
                 } else {
                     this._contentHeight = this.defaultHeight;
-                }
+                }*/
+                this._contentHeight = this.defaultHeight;
             }
              return this._contentHeight;
          },
@@ -44,50 +47,60 @@ exports.PanelBase = Montage.create(Component, {
             if (this.minHeight > value) value = this._minHeight;
             if (this.maxHeight != null) if(this.maxHeight < value) value = this.maxHeight;
              this._contentHeight = value;
-            this.application.ninja.settings.setSetting(this.panelName, "contentHeight", value);
+//            this.application.ninja.settings.setSetting(this.panelName, "contentHeight", value);
          }
      },
     forcedCollapse: {
         get: function() {
             if(this._forcedCollapse == null) {
+                /*
                 if(this.application.Ninja.SettingsManager.getSetting(this.panelName, "isPanelForceCollapsed")) {
                     this._forcedCollapse = this.application.Ninja.SettingsManager.getSetting(this.panelName, "isPanelForceCollapsed");
                 } else {
                     this._forcedCollapse = false;
                 }
+                */
+                this._forcedCollapse = false;
             }
             return this._forcedCollapse;
         },
         set: function(value) {
             this._forcedCollapse = value;
-            this.application.Ninja.SettingsManager.setSetting(this.panelName, "isPanelForceCollapsed", value);
+            //this.application.Ninja.SettingsManager.setSetting(this.panelName, "isPanelForceCollapsed", value);
         }
     },
     collapsed: {
         get: function() {
             if(this._collapsed == null) {
+                /*
                 if(this.application.ninja.settings.getSetting(this.panelName, "isPanelCollapsed")) {
                     this._collapsed = this.application.ninja.settings.getSetting(this.panelName, "isPanelCollapsed");
                 } else {
                     this._collapsed = false;
                 }
+                */
+                this._collapsed = false;
             }
             return this._collapsed;
         },
         set: function(value) {
             this._collapsed = value;
-            this.application.ninja.settings.setSetting(this.panelName, "isPanelCollapsed", value);
+            //this.application.ninja.settings.setSetting(this.panelName, "isPanelCollapsed", value);
         }
     },
     visible: {
         get: function() {
 
             if(this._visible === null) {
+                /*
                 if(typeof(this.application.ninja.settings.getSetting(this.panelName, "visible")) !== "undefined") {
                     this._visible = this.application.ninja.settings.getSetting(this.panelName, "visible");
                 } else {
                     this._visible = true;
                 }
+                */
+                this._visible = true;
+
             }
 
             return this._visible;
@@ -95,7 +108,7 @@ exports.PanelBase = Montage.create(Component, {
         set: function(value) {
             this._visible = value;
 
-            this.application.ninja.settings.setSetting(this.panelName, "visible", value);
+            //this.application.ninja.settings.setSetting(this.panelName, "visible", value);
 
         }
     }
diff --git a/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js b/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js
index b8223471..bdd112c6 100755
--- a/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js
+++ b/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js
@@ -63,14 +63,16 @@ exports.PanelContainer = Montage.create(Component, {
         value: function() {
             //Panels Loading
             this.lastOffset = this.element.offsetHeight;
+            /*
             if( this.application.ninja.settings.getSetting(this.element.id, "panelOrder") != null) {
                 this.initPanelOrder = this.application.ninja.settings.getSetting(this.element.id, "panelOrder")
             }
+            */
             // if Panels already loaded no need to load again.
             for(var i = 0; i < this.initPanelOrder.length; i++) {
                 this.addPanel(eval(this.initPanelOrder[i]));
                 this.panelOrder.push(this.initPanelOrder[i]);
-                this.application.ninja.settings.setSetting(this.element.id, "panelOrder", this.panelOrder);
+//                this.application.ninja.settings.setSetting(this.element.id, "panelOrder", this.panelOrder);
             }
 
             var hideSplitter = true;
@@ -221,7 +223,7 @@ exports.PanelContainer = Montage.create(Component, {