// Creates clickable headlines of the centerContentArea Elements
// On a click the Elements will open or close
function generateDynamicContent() {
	var dynamicContentOpen = null;
	$("#centerContentArea .tenor .csc-header h1 .dynamicOpener").parent().addClass("openerHeader");
	$("#centerContentArea .tenor .csc-header h1 .dynamicOpener").parent().parent().parent().children().next().hide();
	$("#centerContentArea .tenor .csc-header h1 .dynamicOpener").parent().parent().click(function() {
		toggleDynamicContent($(this).parent().children().next());
	})

	// Open the first dynamicContentArea Element
	toggleDynamicContent($("#centerContentArea .tenor .csc-header h1 .dynamicOpener:first").parent().parent().parent().children().next(),"direct");

	function toggleDynamicContent(newParagraph,view) {
		if (dynamicContentOpen != null) {
			$(dynamicContentOpen).parent().children().children("h1").removeClass("open");
			if ($(newParagraph).text() == $(dynamicContentOpen).text()) {
				$(dynamicContentOpen).slideUp(1000);
				dynamicContentOpen = null;
			} else {
				$(dynamicContentOpen).slideUp(1000, openDynamicContent(newParagraph,view));
				dynamicContentOpen = newParagraph;
			}
		} else {
			openDynamicContent(newParagraph,view)
			dynamicContentOpen = newParagraph;
		}

	}

	function openDynamicContent(object,view) {
		if (view == "direct") {
			$(object).show();
		} else {
			$(object).slideDown(1000);	
		}
		$(object).parent().children().children("h1").addClass("open");
	}
}