var staffMember_active = 0;
$(document).ready(function() {
	
	// Show Departments
	$('#menuBelow a').click(function() {
		// Remove active department class from members
		$('#staffProfiler a.memberLink').removeClass('activeDepartment');
		// Remove active class from menu
		$('#menuBelow a').removeClass('active');
		// Get department pk
		department = $(this).attr('rel');
		// Activate the members with class
		if (department=='all') {
			$('#staffProfiler a.memberLink').addClass('activeDepartment');
		}
		$('#staffProfiler a.memberLink.department_' + department).addClass('activeDepartment');
		// Activate the menu item
		$(this).addClass('active');
		bind_staff_members();
	});
	
	
	
	$('#staffProfiler a.memberLink').addClass('activeDepartment'); // Default view
	
	bind_staff_members();
		
});

function bind_staff_members() {
	
	$('#staffProfiler a.memberLink').unbind();
	
	// Show Member Details
	$('#staffProfiler a.memberLink.activeDepartment').click(function() {
		if( staffMember_active == 0 ) {
			staffMember_active = 1;
			$('#staffProfiler a.memberLink').removeClass('activeMember');
			$(this).addClass('activeMember');
			var PK = $(this).attr('rel');
			show_member(PK);
		}
	});
	
	// Hover details	
	$('#staffProfiler a.memberLink.activeDepartment').hover(
		// Over
		function() {
			var PK = $(this).attr('rel');
			show_member_brief(PK);
		},
		// Out
		function() {
			// nothing
		}
	);
	
	// Open first person
	$('#staffProfiler a.memberLink.activeDepartment:first').click();
	$('#staffProfiler a.memberLink.activeDepartment:first').trigger('mouseenter');
	
	
}

function show_member(PK) {
	$('#staffProfiler #staffMembersFullIntro').hide();
	$('#staffProfiler .staffMemberFull').hide();
	$('#staffProfiler #staffMemberFull_' + PK).slideDown('normal', function () {
		staffMember_active = 0;
	});
}

function show_member_brief(PK) {
	var name = $('#staffProfiler #staffMemberFull_' + PK + ' .name').text();
	var position = $('#staffProfiler #staffMemberFull_' + PK + ' .position').text();
	$('#staffProfiler #briefDescription').html('<p><strong>' + name + '</strong><br />' + position + '</p>');
}