// using joCache here to defer creation of this
// view until we actually use it
joCache.set("menu", function() {
	// some inline data and chaining going on here,
	// dont be afraid, it'll all make sense later
	var card = new joCard([
		new joTitle("Select a section below"),
		new joMenu([
			{ title: "<img src='ref.png'/>&nbsp;Reference", id: "ref" },		
			{ title: "<img src='news.png'/>&nbsp;News", id: "news" },
			{ title: "<img src='travel.png'/>&nbsp;Travel/Dining", id: "travel" },
			{ title: "<img src='sports.png'/>&nbsp;Sports", id: "sports" },
			{ title: "<img src='arts.png'/>&nbsp;Arts/Entertainment", id: "arts" },
			{ title: "<img src='job.png'/>&nbsp;Career/Money", id: "job" },
			{ title: "<img src='about.png'/>&nbsp;About", id: "about" }			
		]).selectEvent.subscribe(function(id) {
			App.stack.push(joCache.get(id));
		})
	]);
	
	// hey, you don't have to make messy chained and
	// inlined code; that's a coding style decision
	// Jo doesn't pretend it should make for you.
	card.setTitle("<span class='cardtitle'>Kiwibeak.mobi</span>");
	
	return card;
});