Merge branch 'dom-architecture' of github.com:Motorola-Mobility/ninja-internal into CSSPanelUpdates

Conflicts:
	js/document/templates/montage-html/default_html.css
	js/lib/NJUtils.js

2 files changed, 33 insertions, 23 deletions

diff --git a/node_modules/tools/package.json b/node_modules/tools/package.json
new file mode 100755
index 00000000..5d830af3
--- /dev/null
+++ b/node_modules/tools/package.json
@@ -0,0 +1,14 @@
+
+{
+    "name": "tools",
+    "version": "0.1.0",
+    "description": "Montage Tools",
+    "main": "tools",
+    "mappings": {
+        "montage" : "../montage/"
+    },
+    "dependency": {
+        "montage" : "0.8"
+    }
+
+}
\ No newline at end of file
diff --git a/node_modules/tools/template-creator.js b/node_modules/tools/template/template-creator.js
index e312cd32..374353f0 100644..100755
--- a/node_modules/tools/template-creator.js
+++ b/node_modules/tools/template/template-creator.js
@@ -23,39 +23,38 @@ var TemplateCreator = exports.TemplateCreator = Montage.create(Template, /** @le
             return this.initWithHeadAndBodyElements(doc.head, doc.body, montageJsPath);
         }
     },
-
+    
     initWithBodyElement: {
         value: function(body, montageJsPath) {
             return this.initWithHeadAndBodyElements(null, body, montageJsPath);
         }
     },
-
+    
     initWithHeadAndBodyElements: {
-        value: function(head, body, components, montageJsPath) {
+        value: function(head, body, montageJsPath) {
             var serializer = this.serializer,
                 objects = {},
-                //components = {},
+                components = {},
                 doc,
                 script,
                 self = this;
-
-            this._objectNamesIndex = {};
-            //doc = this._document = document.implementation.createHTMLDocument("");
-
-            /*
-function copyNode(sourceNode, targetNode, isRootNode) {
+            
+            this._componentNamesIndex = {};
+            doc = this._document = document.implementation.createHTMLDocument("");
+            
+            function copyNode(sourceNode, targetNode, isRootNode) {
                 var childNodes = sourceNode.childNodes,
                     childNode,
                     targetChildNode,
                     label,
                     script,
                     component = isRootNode ? null : sourceNode.controller;
-
+                    
                 if (component) {
                     label = self._generateLabelForComponent(component);
                     targetNode.setAttribute("id", label);
                     component._element = targetNode;
-                    //components[label] = component;
+                    components[label] = component;
                 } else {
                     for (var i = 0; (childNode = childNodes[i]); i++) {
                         targetChildNode = targetNode.appendChild(childNode.cloneNode(false));
@@ -63,10 +62,8 @@ function copyNode(sourceNode, targetNode, isRootNode) {
                     }
                 }
             }
-*/
-
-            /*
-if (head) {
+            
+            if (head) {
                 doc.head.innerHTML = head.innerHTML;
             }
             if (montageJsPath) {
@@ -75,7 +72,7 @@ if (head) {
                doc.head.appendChild(script);
                doc.head.insertBefore(doc.createTextNode("\n    "), script);
             }
-
+            
             // try to make things look nice...
             var html = doc.documentElement;
             html.insertBefore(doc.createTextNode("\n"), doc.head);
@@ -85,20 +82,19 @@ if (head) {
                 // the first child is the title
                 doc.head.insertBefore(doc.createTextNode("\n    "), doc.head.firstChild);
             }
-*/
-
-            //copyNode(body, this._document.body, true);
+            
+            copyNode(body, this._document.body, true);
             this._ownerSerialization = serializer.serialize(components);
             this._externalObjects = serializer.getExternalObjects();
-                        
+            
             return this;
         }
     },
-
+    
     _componentNamesIndex: {
         value: null
     },
-
+    
     _generateLabelForComponent: {value: function(component) {
         var componentInfo = Montage.getInfoForObject(component),
             componentLabel = componentInfo.label,