$(function() {
	
	$('.collapsed-search').each(function(offset) {
		var form = $(this).hide();
		var formTitle = form.find('h1:first').remove().text();
		
		var subnav = $('.site-navigation-sub');
		var wayfinder = $('.site-navigation-sub .wayfinder').hide();
		subnav.css("paddingTop", "66px")
		
		var summary = subnav.append('<ul class="search-parameters"></ul>').children(':last');
		
		form.find('.row').each(function() {
			var row = $(this);
			var label = false;
			var value = false;
			if (row.is('.group')) {
				switch (row.meta('groupname').toString()) {
					case 'toolbox_search_form_date_of_entry_between':
						label = 'Date of entry between';
						var from = row.find('select:first').val();
						var till = row.find('select:last').val();
						if (from || till) {
							value = from + ' - ' + till;
						}
						break;
					case 'trainings_calender_search_form_activity_date_between':
						label = 'Activity date between';
						var from = row.find('select:first').val();
						var till = row.find('select:last').val();
						if (from || till) {
							value = from + ' - ' + till;
						}
						break;
					case 'toy_search_form_gender':
						label = 'Gender';
						value = row.find('label[for="' + row.find('input[checked]').attr('id') + '"]').text();
						break;
				}
			} else {
				label = row.find('label:first').text();
				switch (row.meta('fieldtype').toString()) {
					case 'MultipleCheckboxField':
					case 'RadioField':
						var values = [];
						row.find('input[checked]').each(function() {
							values.push(row.find('label[for="' + $(this).attr('id') + '"]').text());
						});
						value = values.join(', ');
						break;
					case 'SelectField':
						if (row.find('select').val())
							value = row.find('option[selected]').text();
						break;
					case 'CheckboxField':
						if (row.find('input').is(':checked'))
							value = 'yes';
						break;
					default:
						value = row.find('input:first').val();
						break;
				}
			}
			if (value) summary.append('<li class="parameter">' + label + ': <span class="search-parameter-values h4">' + value + '</span></li>');
		});

		var openForm = summary.after('<div><a href="#" class="refine-search-button button square-button large-button">Refine your search</a></div>').next();
		openForm.find('a').click(function() {
			form.dialog({
				width: 600,
				modal: true,
				title: formTitle
			});
		});
		
		if (summary.children().size()) {
			summary.before('<h5>Your filter settings:</h5>');
			openForm.after('<div class="clear-filters">or <a href="./" class="clear-filters-button">clear filters</a></div>');
		} else {
			summary.remove();
		}
		
	});
	
});