window.commonLayout = new function() {

	eval(estrada.namespace);
	this.layout = null;
	tilt.attachEvent(document, "layout", function() {
		////////////////////////////////////////////
		// create common layout
		////////////////////////////////////////////
		commonLayout.layout = frame("page",
			frame("main-frame",
				area("header"),
				frame("middle",
					cols(
						area("left"),
						frame("main-content",
							area("page-title"),
							area("center")
						)
					)
				),
				frame("footer-holder",
					area("footer")
				)
			)
		).build(document.body);

		var layout = window.commonLayout.layout;
		
		$(".ad-c")
			.removeClass("ad-c")
			.addClass("ad");
		
		////////////////////////////////////////////
		// put the content into the layout	
		////////////////////////////////////////////
		layout.push(grab(document.getElementById("branding"), {
			"page": "page-title"
		}));
		layout.push(grab(document.getElementById("navigation"), {
			"standard-nav": "left"
		}));
		layout.push(grab(document.getElementById("content"), {
			"main": "center"
		}));
		layout.push(grab(document.getElementById("context"), {
			"footer": "footer"
		}));
		layout.push(grab(document.getElementById("context"), {
			"global": "footer"
		}));
		layout.push(grab(document.getElementById("context"), {
			"ad": "left"
		}));
		layout.push(grab(document.getElementById("feeds"), {
			"extended-page": "center",
			"stories": "center"
		}));
		layout.push({
			"center": "extensions"
		});
		
	});
}