jQuery(document).ready(function($) {

	// Hide the more info boxes if we have javascript
	$('.col-more-info').hide();

	// Bind various elements to execute the more info toggle
	$('.name_down').bind('click', infoToggle);
	$('.image_down').bind('click', infoToggle);
	$('.arrow_down').bind('click', infoToggle);
	$('.arrow_up').bind('click', infoToggle);

	function infoToggle() {
		contactContainer = $(this).closest('.kontakt');
		moreInfoContainer = contactContainer.find('.col-more-info');
		arrowDown = contactContainer.find('.arrow_down');

		if ($(arrowDown).is(':visible')) {
			$(arrowDown).hide();
			$(arrowDown).next().show();
		}
		else {
			$(arrowDown).show();
			$(arrowDown).next().hide();
		}

		$(moreInfoContainer).slideToggle('slow');
	}
});