window.addEvent('domready', function() {
	
	$$('h3.dept a').each(function(el){
		el.href='#';				  
	});
	$$('ul.people').removeClass('inactive');				 
	var accordion = new Accordion('h3.dept', 'ul.people', {
		opacity: false,
		onActive: function(toggler, element){toggler.addClass('selected')},
		onBackground: function(toggler, element){toggler.removeClass('selected');}
	}, $('staffList'));
	
	fixEmails();
});

function switchDept(nextDept){
	
	var url = "staff.php";
	var query = Object.toQueryString({dept: nextDept});
	var ajax = new Ajax(url, {method: 'get', update: 'staff', data: query, onComplete: fixEmails});
	
	// animate a fade, and swap the pane
	paneLoader($('staff'), ajax);
	return false;
}

var fixEmails = function(){

	$$('li.email').each(function(el){
	
		var email = el.getText();
		email = email.replace(" (at) ", "@");
		el.setHTML(""); // clear and replace with a link
		var emailLink = new Element('a', {'href': 'mailto: '+ email});
		emailLink.setText(email);
		el.adopt(emailLink);
								 
	});
	
}