if (typeof(FOH) == "undefined") FOH = {};





FOH.Init = function(xmlUrl) {

	// get most of the DOM
	var wrapper = $('swap');
	var panels = {
		wrapper: wrapper,
		video: {
			display: $('swap-qt-movie'),
			controller: $('swap-qt-controller'),
			end: {
				display: $('swap-qt-endstate').down('.buttons'),
				replay: $('swap-qt-endstate').down('a')
			},
			itunes: {
				trigger: $('swap-qt-links-itunes').down('a')
			},
			gallery: {
				display: $('swap-gallery').down('.gallery'),
				back: $('swap-gallery-back'),
				trigger: $('swap-qt-links-gallery').down('a')
			}
		},
		text: $('swap-tips')
	};


	var extraTriggers = $('swap-qt-loading').getElementsBySelector('a');
	extraTriggers = extraTriggers.concat($$('#swap-featured li'));


	var tabs = false;
	var tabTriggers = $$('.tabs #subnav h2.tab');
	var tabContents = $$('.tabs #subnav div.tabswap');
	if (tabTriggers.length>0 && tabContents.length>0 && tabTriggers.length == tabContents.length) {
		tabs = new FOH.Tabs(tabTriggers, tabContents);
	}


	var tutorials = new FOH.Swap(
		$$('#subnav .category ul li.item'),	// triggers with data in them
		extraTriggers,						// extra triggers
		tabs,								// don't forget the tabs
		panels								// all the display panels
	);


	tutorials.showFirst();

	if (document.location.hash) {
		var queryStr = document.location.toString().replace(/.*#/, '');
		initial = queryStr.toQueryParams();

		if (initial.tutorial) {
			tutorials.showById(initial.tutorial, queryStr.match('&gallery'));
		}

		if (initial.tab) {
			if (tabs) tabs.activate(initial.tab);
		}
	}
};
Event.onDOMReady(FOH.Init);