// Defines the Accordion

window.addEvent('domready', function() {

	var accTitle = $$('.menuTitle');
	var accContent = $$('.content');
	var accName = $$('.staffName');
	var accBio = $$('.vcard');

	var accordion = new Accordion(
		accTitle, accContent, {

			onActive: function(toggler, element){
				toggler.addClass('selected');
				element.addClass('on');
				parentelement = element;
			},

			onBackground: function(toggler, element){
				toggler.removeClass('selected');
				element.removeClass('on');
			},

			alwaysHide: false,
			opacity: false,
			height: true,
			duration: 500,
			show: 0
		}
	);

	var bioaccordian = new Accordion(
		accName, accBio, {

			onActive: function(toggler, element){
				toggler.addClass('select');
				element.addClass('o');
				parentelement.setStyle('height', 'auto');
			},

			onBackground: function(toggler, element){
				toggler.removeClass('select');
				element.removeClass('o');
			},

			alwaysHide: true,
			opacity: true,
			duration: 500,
			show: 200
		}
	);
});