$(document).ready(function() {
	var classCollapsed = 'toggle-collapsed';
	var titleCollapsed = 'Expand this section';
	var textCollapsed = '+';
	
	var classExpanded = 'toggle-expanded';
	var titleExpanded = 'Collapse this section';
	var textExpanded = '-';
	
	// add toggle buttons to all headers
	var $subHead = $('table.specialisten tbody td.header');
	$subHead.prepend('<a href="#" class="toggle ' + classExpanded + '" title="' + titleExpanded + '"><span>' + textExpanded + '</span></a>');
	$('a', $subHead).addClass('clickable');
	
	$('a', $subHead).click(function() {
		var text = $(this).text();
		
		if (text == textExpanded) {
			// collapse
			$(this).removeClass(classExpanded);
			$(this).addClass(classCollapsed);
			
			// replace title and text
			$(this).html('<span>' + textCollapsed + '</span>');
			$(this).attr('title', titleCollapsed);
			
			// fade out siblings
			$(this).parents('tr').siblings().fadeOut('fast');
		} else{
			// expand
			$(this).removeClass(classCollapsed);
			$(this).addClass(classExpanded);
			
			// replace title and text
			$(this).html('<span>' + textExpanded + '</span>');
			$(this).attr('title', titleExpanded);
			
			// fade out siblings
			$(this).parents('tr').siblings().fadeIn('fast');
		}
		
		return false;
	});
	
	// close all initially
	$('a', $subHead).click();
	
	// add CSS classes for zebra coloring
	$('table.specialisten tbody > tr:nth-child(odd)').addClass('odd');
	$('table.specialisten tbody > tr:nth-child(even)').addClass('even');
	
	$('table.specialisten tbody:nth-child(odd)').addClass('odd'); // also for coloring each body alternativately
	$('table.specialisten tbody:nth-child(even)').addClass('even');
});