/*

Hide and show drawers

*/

$(document).ready(function () {
	$('dd.drawer').hide(); // hide all drawers except the first one
	$('dt.handle').click(function () {
		// hide all 'dd.drawer' content
		$('dd.drawer:visible').hide().prev().removeClass('open');
		// show the associated drawer content to 'this' (this is the current dt element) since the drawer content is the next element after the clicked dt, show it using this:
		$(this).addClass('open').next().show();
		swfobject.embedSWF("demos/battersea/video-container.swf", "battersea", "450", "270", "9");
		swfobject.embedSWF("demos/mtw/video-container.swf", "mtw", "450", "270", "9");
		swfobject.embedSWF("demos/g2p/video-container.swf", "g2p", "450", "270", "9");
		swfobject.embedSWF("demos/hh/video-container.swf", "hh", "450", "270", "9");
		swfobject.embedSWF("demos/iw/video-container.swf", "iw", "450", "270", "9");
		swfobject.embedSWF("demos/j2/video-container.swf", "j2", "450", "270", "9");
		swfobject.embedSWF("demos/iw/video-container.swf", "iw", "450", "270", "9");
		swfobject.embedSWF("demos/jdw/video-container.swf", "jdw", "450", "270", "9");
		swfobject.embedSWF("demos/iw/video-container.swf", "iw", "450", "270", "9");
	});
});