// noConflict zuerst aufrufen...
jQuery.noConflict();

jQuery().ready(function($){

	var mehrL = "mehr...";
	var wenigerL = "weniger...";		
	
	// MEHR / WENIGER Button am Ende der Seite (MOREBLOCK im CMS)
	if($('#seventhsense_moreblock').length) {
		
		var button = $('#seventhsense_moreblock_btn');
		var content = $('#seventhsense_moreblock_content');
		
		// Höhe des Layers erst speichern, dann verkleinern. Nur so kann auf volle Höhe animiert werden		
		content.data('starthoehe', content.outerHeight());
		content.css('height', 0);
		
		$('#seventhsense_moreblock_btn').click(function() {
			if(content.hasClass("open")) {
				content.animate({ "height": 0 }, "fast");
				content.removeClass("open");
				button.removeClass("open").addClass("close");
				button.html(button.html().replace(wenigerL, mehrL));
			}
			else {
				content.animate({ "height": content.data('starthoehe')*2 }, "fast");
				content.addClass("open");
				button.removeClass("close").addClass("open");
				button.html(button.html().replace(mehrL, wenigerL));				
			}
		});		
	}
	
});