$(function() {
	$('.collapsed-search').each(function() {
		var form = $(this).hide();
		var summaryContainer = form.before('<div class="collapsed-search"></div>').prev();
		summaryContainer.append('<h2 class="anzeige-info">Ihre Auswahl:</h2>');
		var summary = summaryContainer.append('<ul class="search-parameters"></ul>').children(':last');
		var refineButton = summary.after('<div class="change-parameters"><a href="#" class="refine-search-button button square-button medium-button">Suche verfeinern</a></div>').next().find('a');
		summaryContainer.append('<div class="clear-filters">oder <a href="./" class="clear-filters-button">neue Suche beginnen</a></div>');
		
		form.find('*[class$="MultipleCheckboxField"]').each(function() {
			var field = $(this);
			var label = Messages.getString('label__' + field.find('input:first').attr('name').replace('[]', '') + '_short');
			var values = [];
			field.find('input[checked]').each(function() {
				values.push($.trim(field.find('label[for="' + $(this).attr('id') + '"]').text()));
			});
			value = values.join(', ');
			if (value) summary.append('<li class="parameter"><span class="label">' + label + '</span>: <span class="search-parameter-values h4">' + value + '</span></li>');
		});

		refineButton.click(function() {
			summaryContainer.remove();
			form.slideDown('slow');
			return false;
		});
	});
	
});