$(document).ready(function() {

	$('.expandable-text').each(function() {
		var expandableText = $(this);
		var height = expandableText.height();
		var collapsedHeight = '14em';
		expandableText.css({height: collapsedHeight});
		if (expandableText.height() > height) {
			expandableText.css({
				height: height + 'px'
			});
		} else {
			$(this).after('<p class="view-more">[...] &nbsp;<a href="#">mehr sehen</a></p>');
			$(this).after('<p class="view-less"><a href="#">weniger sehen</a></p>');
			var viewMoreLink = $(this).parent().find('.view-more a');
			var viewLessLink = $(this).parent().find('.view-less a');
			viewMoreLink.click(function() {
				viewMoreLink.parent().hide();
				expandableText.css({height: height + 'px'});
				viewLessLink.parent().show();
				$('#maincontent').effect('highlight', {color: '#bfe6f7'}, 700);
				return false;
			});
			viewLessLink.click(function() {
				viewLessLink.parent().hide();
				expandableText.css({height: collapsedHeight});
				viewMoreLink.parent().show();
				$('html, body').animate({scrollTop:0}, 'slow');
				return false;
			});
			viewLessLink.parent().hide();
			expandableText.css({height: collapsedHeight});
			viewMoreLink.parent().show();		}
	});
	
	var projekt = $('.projekt');
	
	projekt.each(function() {
		var projektContent = $(this).find('.content');
		var projektHeader = $(this).find('.header');
		
		projektContent.hide();
		projektHeader.hover(function() {
			if (projektHeader.hasClass('header-toggled')) {
				projektHeader.addClass('header-toggled-hover');
			} else {
				projektHeader.toggleClass('header-hover');
			}
		}, function() {
			if (projektHeader.hasClass('header-toggled-hover')) {
				projektHeader.removeClass('header-toggled-hover');
			} else projektHeader.removeClass('header-hover');
		});
		projektHeader.click(function() {
			projektContent.toggle();
			projektHeader.toggleClass('header-toggled');
		});
	});
	
});