$(document).ready(function(){
	expandableBlock('#Management', ' .teammember', ' .teammember', 'management', 'management')
	expandableBlock('#SalesStaff', ' .teammember', ' .teammember', 'sales staff', 'sales staff')
	expandableBlock('#SupportStaff', ' .teammember', ' .teammember', 'support staff', 'support staff')
	expandableBlock('#Technicians', ' .teammember', ' .teammember', 'technicians', 'technicians')
	$('#Management .control').bind('click', function() {
		expandableBlock('#Management', ' .teammember', ' .teammember', 'management', 'management');
		return false;
	});
	$('#SalesStaff .control').bind('click', function() {
		expandableBlock('#SalesStaff', ' .teammember', ' .teammember', 'sales staff', 'sales staff')
		return false;
	});
	$('#SupportStaff .control').bind('click', function() {
		expandableBlock('#SupportStaff', ' .teammember', ' .teammember', 'support staff', 'support staff')
		return false;
	});
	$('#Technicians .control').bind('click', function() {
		expandableBlock('#Technicians', ' .teammember', ' .teammember', 'technicians', 'technicians')
		return false;
	});
});
function expandableBlock(parentElement, childElementsToHide, childElementsToShow, collapseText, expandText) {
	
	if ($(parentElement + ' .control').hasClass('show')){
		$(parentElement + childElementsToHide).show();
		$(parentElement + ' .control').removeClass('show').text('- ' + collapseText)
	} else {
		$(parentElement + childElementsToShow).hide();
		$(parentElement +  ' .control').addClass('show').text('+ ' + expandText);
	}
}