diff --git a/examples/applications/mail/client/modules/messages.xml b/examples/applications/mail/client/modules/messages.xml
index 0ed72e96..4521d968 100644
--- a/examples/applications/mail/client/modules/messages.xml
+++ b/examples/applications/mail/client/modules/messages.xml
@@ -2,7 +2,7 @@
 <xul:vbox flex="1" id="asdasd"
 	xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 	<xul:toolbar>
-		<xul:toolbarbutton label="Archieve" observes="brd_message_selected"/>
+		<xul:toolbarbutton label="Archive" observes="brd_message_selected"/>
 		<xul:toolbarbutton label="Report spam" observes="brd_message_selected" />
 		<xul:toolbarbutton label="Delete" observes="brd_message_selected" />
 		<xul:toolbarbutton label="Mark as read" observes="brd_message_selected" />
@@ -42,12 +42,16 @@
 			<xul:spacer width="5" />
 		</xul:hbox>
 	</xul:toolbar>
-	<xul:listbox minheight="100" maxheight="300" height="200" onselect="ample.query('#brd_message_selected').attr('disabled', this.selectedItems.length ? 'false' : 'true');">
+	<xul:listbox minheight="100" maxheight="300" height="200" onselect="
+		ample.query('#brd_message_selected').attr('disabled', this.selectedItems.length ? 'false' : 'true');
+		ample.query('#brd_message_selected').attr('from', this.selectedItems[0].childNodes.item(0).childNodes.item(0).nodeValue);
+		ample.query('#brd_message_selected').attr('header', this.selectedItems[0].childNodes.item(1).childNodes.item(0).nodeValue);
+		">
 		<xul:listhead>
 			<xul:listheader minwidth="100" width="200" label="From"/>
 			<xul:listheader minwidth="300" width="300" label="Subject"/>
 			<xul:listheader minwidth="50" width="100" label="Labels"/>
-			<xul:listheader minwidth="50" width="100" label="Attachements"/>
+			<xul:listheader minwidth="50" width="100" label="Attachments"/>
 			<xul:listheader minwidth="50" width="120" label="Date"/>
 		</xul:listhead>
 		<xul:listbody id="messages"/>
@@ -57,13 +61,17 @@
 		<xul:rows>
 			<xul:row>
 				<xul:label value="From:" />
-				<xul:label />
+				<xul:label id="from">
+					<xul:observes element="brd_message_selected" onbroadcast="this.parentNode.setAttribute('value',this.parentNode.getAttribute('from'));" />
+				</xul:label>
 			</xul:row>
 			<xul:row>
 				<xul:label value="Header:" />
-				<xul:label />
+				<xul:label id="header">
+					<xul:observes element="brd_message_selected" onbroadcast="this.parentNode.setAttribute('value',this.parentNode.getAttribute('header'));" />
+				</xul:label>
 			</xul:row>
 		</xul:rows>
 	</xul:grid>
 	<xul:description style="background-color: white" flex="1" value=" "/>
-</xul:vbox>
\ No newline at end of file
+</xul:vbox>
diff --git a/examples/applications/mail/server/messages.js b/examples/applications/mail/server/messages.js
index 6a9d7454..c958753a 100644
--- a/examples/applications/mail/server/messages.js
+++ b/examples/applications/mail/server/messages.js
@@ -1,12 +1,13 @@
 [
-	{"id":"1",	"f":"sam@test.com",	"h":"My message", "l":"meeting today",	"a":"", "t":"1990-12-05T12:33"},
-	{"id":"2",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"3",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"4",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"5",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"6",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"7",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"8",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"9",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"},
-	{"id":"10",	"f":"sam@test.com",	"h":"My message", "l":"meeting today", "a":"", "t":"1990-12-05T12:33"}
-]
\ No newline at end of file
+	{"id":"1",	"f":"lancelot@camelot.com",	"h":"I think you're pretty nice.", "l":"meeting today", "a":"", "t":"1990-12-05T12:33", "c":"Message contents"},
+	{"id":"2",	"f":"lancelot@camelot.com",	"h":"I think you're pretty.", "l":"meeting today", "a":"", "t":"1990-12-05T12:34", "c":"Message contents"},
+	{"id":"3",	"f":"lancelot@camelot.com",	"h":"Please spend some time with me.", "l":"meeting today", "a":"", "t":"1990-12-05T12:35", "c":"Message contents"},
+	{"id":"4",	"f":"lancelot@camelot.com",	"h":"I think I love you.", "l":"meeting today", "a":"", "t":"1990-12-05T12:36", "c":"Message contents"},
+	{"id":"5",	"f":"meliagaunt@camelot.com",	"h":"I know what you did last summer.", "l":"meeting today", "a":"", "t":"1990-12-05T12:37", "c":"Message contents"},
+	{"id":"6",	"f":"lancelot@camelot.com",	"h":"What did you tell Meliagaunt?", "l":"meeting today", "a":"", "t":"1990-12-05T12:38", "c":"Message contents"},
+	{"id":"7",	"f":"lancelot@camelot.com",	"h":"I shall deal with him, my love.", "l":"meeting today", "a":"", "t":"1990-12-05T12:39", "c":"Message contents"},
+	{"id":"8",	"f":"lancelot@camelot.com",	"h":"I hath cleaved him in two.", "l":"meeting today", "a":"", "t":"1990-12-05T12:40", "c":"Message contents"},
+	{"id":"9",	"f":"agravain@camelot.com",	"h":"How could you?", "l":"meeting today", "a":"", "t":"1990-12-05T12:41", "c":"Message contents"},
+	{"id":"10",	"f":"lancelot@camelot.com",	"h":"Which nunnery did you go to?", "l":"meeting today", "a":"", "t":"1990-12-05T12:42", "c":"Message contents"},
+	{"id":"11",	"f":"alfred@tennyson.com",	"h":"Your pain is immortalised.", "l":"meeting today", "a":"", "t":"1990-12-05T12:43", "c":"Message contents"}
+]