Semantic HTML5 Page Layout

///Ebable VS JS IntelliSense
/// <reference path="jquery-1.4.4.min.js" />
/// <reference path="jquery.cookie.min.js" />
/// <reference path="jquery.jstorage.min.js" />
/// <reference path="jquery.json-2.2.min.js" />
/// <reference path="modernizr-1.6.min.js" />
/// <reference path="jquery.sohabase.js" />

$(function () { pageVars.initPage(); });

var pageVars = {
	initPage: function () {
		if ($.sohaBase.isCookieEnabled())
			$('#pageContainer').fadeIn();
		else
			$('#noCookieContainer').fadeIn();

		var qs = $.sohaBase.getQueryString();

		var paramCT = qs['theme'];
		if (paramCT == "green")
			this.loadGreenTheme();
		else if (paramCT == "blue")
			this.loadBlueTheme();

		var paramHF = qs['headerfooter'];
		if (paramHF == 'header')
			this.loadPageHeader();
		else if (paramHF == 'footer')
			this.loadPageFooter();
		else if (paramHF == 'both') {
			this.loadPageHeader();
			this.loadPageFooter();
		}
	},

	loadPageHeader: function () {
		$.sohaBase.loadPageCSS('css/layout/cbexp.layout.2column.css');
		$.sohaBase.loadPageCSS('css/cbexp.header.css');
		$.sohaBase.loadContentHTML('pageHeader', 'html/_header.html');
	},

	loadPageFooter: function () {
		$.sohaBase.loadPageCSS('css/layout/cbexp.layout.2column.css');
		$.sohaBase.loadPageCSS('css/cbexp.footer.css');
		$.sohaBase.loadContentHTML('pageFooter', 'html/_footer.html');
	},

	loadGreenTheme: function () {
		$.sohaBase.loadPageCSS('css/cbexp.demo.green.css');
		$.sohaBase.loadPageCSS('css/layout/cbexp.layout.2column.css');
	},

	loadBlueTheme: function () {
		$.sohaBase.loadPageCSS('css/cbexp.demo.blue.css');
		$.sohaBase.loadPageCSS('css/layout/cbexp.layout.2column_r.css');
	}
};