3 files changed, 7 insertions, 21 deletions
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.css b/js/components/layout/bread-crumb.reel/bread-crumb.css
index cc984609..0ca8adec 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.css
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.css
@@ -4,12 +4,11 @@
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
-.bread_crumb{
+.breadcrumbTrail{
    background-color: #282828;
    border-style: double;
    height: 26px;
-}
-.breadcrumbtrail{
    -webkit-box-flex: 0;
 }
 .bread_crumb_button{
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html
index c1b9ed61..234596a6 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.html
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -16,7 +16,7 @@
                    "module": "js/components/layout/bread-crumb.reel",
                    "name": "Breadcrumb",
                    "properties": {
-                        "element": {"#": "breadcrumb_trail"},
+                        "element": {"#": "breadcrumbTrail"},
                        "button" : {"@":"breadCrumbButton"},
                        "stylerepetition" : {"@":"repetition1"}
@@ -60,11 +60,11 @@
    </head>
    <body>
-        <div id="breadcrumb_trail" class="breadcrumbtrail">
+        <section id="breadcrumbTrail" class="breadcrumbTrail">
-            <div id="breadcrumb_container" class="bread_crumb">
+            <div id="breadcrumb_container">
                <div id="breadcrumb_button"></div>
            </div>
-        </div>
+        </section>
    </body>
 </html> 
 \ No newline at end of file
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.js b/js/components/layout/bread-crumb.reel/bread-crumb.js
index 1824c7c3..d071e48a 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.js
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.js
@@ -7,7 +7,7 @@
 var Montage = require("montage/core/core").Montage,
    Component = require("montage/ui/component").Component;
-var Breadcrumb = exports.Breadcrumb = Montage.create(Component, {
+exports.Breadcrumb = Montage.create(Component, {
    _container:{
        value:null
@@ -32,23 +32,10 @@ var Breadcrumb = exports.Breadcrumb = Montage.create(Component, {
    deserializedFromTemplate : {
        value: function() {
-            this.eventManager.addEventListener( "appLoaded", this, false);
            this.eventManager.addEventListener( "breadCrumbTrail", this, false);
        }
    },
-    handleAppLoaded : {
-        value: function() {
-            Object.defineBinding(this, "container", {
-                    boundObject: this.application.ninja,
-                    boundObjectPropertyPath: "currentSelectedContainer",
-                    oneway: false
-            });
-        }
-    },
    createContainerElements: {
        value: function() {
            var parentNode;

diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.css b/js/components/layout/bread-crumb.reel/bread-crumb.css index cc984609..0ca8adec 100755 --- a/js/components/layout/bread-crumb.reel/bread-crumb.css +++ b/js/components/layout/bread-crumb.reel/bread-crumb.css
@@ -4,12 +4,11 @@
4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5	</copyright> */	5	</copyright> */
6		6
7	.bread_crumb{	7	.breadcrumbTrail{
8	background-color: #282828;	8	background-color: #282828;
9	border-style: double;	9	border-style: double;
10	height: 26px;	10	height: 26px;
11	}	11
12	.breadcrumbtrail{
13	-webkit-box-flex: 0;	12	-webkit-box-flex: 0;
14	}	13	}
15	.bread_crumb_button{	14	.bread_crumb_button{


diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html index c1b9ed61..234596a6 100755 --- a/js/components/layout/bread-crumb.reel/bread-crumb.html +++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -16,7 +16,7 @@
16	"module": "js/components/layout/bread-crumb.reel",	16	"module": "js/components/layout/bread-crumb.reel",
17	"name": "Breadcrumb",	17	"name": "Breadcrumb",
18	"properties": {	18	"properties": {
19	"element": {"#": "breadcrumb_trail"},	19	"element": {"#": "breadcrumbTrail"},
20	"button" : {"@":"breadCrumbButton"},	20	"button" : {"@":"breadCrumbButton"},
21	"stylerepetition" : {"@":"repetition1"}	21	"stylerepetition" : {"@":"repetition1"}
22		22
@@ -60,11 +60,11 @@
60	</head>	60	</head>
61	<body>	61	<body>
62		62
63	<div id="breadcrumb_trail" class="breadcrumbtrail">	63	<section id="breadcrumbTrail" class="breadcrumbTrail">
64	<div id="breadcrumb_container" class="bread_crumb">	64	<div id="breadcrumb_container">
65	<div id="breadcrumb_button"></div>	65	<div id="breadcrumb_button"></div>
66	</div>	66	</div>
67	</div>	67	</section>
68		68
69	</body>	69	</body>
70	</html> \ No newline at end of file	70	</html> \ No newline at end of file


diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.js b/js/components/layout/bread-crumb.reel/bread-crumb.js index 1824c7c3..d071e48a 100755 --- a/js/components/layout/bread-crumb.reel/bread-crumb.js +++ b/js/components/layout/bread-crumb.reel/bread-crumb.js
@@ -7,7 +7,7 @@
7	var Montage = require("montage/core/core").Montage,	7	var Montage = require("montage/core/core").Montage,
8	Component = require("montage/ui/component").Component;	8	Component = require("montage/ui/component").Component;
9		9
10	var Breadcrumb = exports.Breadcrumb = Montage.create(Component, {	10	exports.Breadcrumb = Montage.create(Component, {
11		11
12	_container:{	12	_container:{
13	value:null	13	value:null
@@ -32,23 +32,10 @@ var Breadcrumb = exports.Breadcrumb = Montage.create(Component, {
32		32
33	deserializedFromTemplate : {	33	deserializedFromTemplate : {
34	value: function() {	34	value: function() {
35	this.eventManager.addEventListener( "appLoaded", this, false);
36	this.eventManager.addEventListener( "breadCrumbTrail", this, false);	35	this.eventManager.addEventListener( "breadCrumbTrail", this, false);
37	}	36	}
38	},	37	},
39		38
40	handleAppLoaded : {
41	value: function() {
42
43	Object.defineBinding(this, "container", {
44	boundObject: this.application.ninja,
45	boundObjectPropertyPath: "currentSelectedContainer",
46	oneway: false
47	});
48
49	}
50	},
51
52	createContainerElements: {	39	createContainerElements: {
53	value: function() {	40	value: function() {
54	var parentNode;	41	var parentNode;