/**
 * Führe die folgenden Javascript-Funktionen erst aus, wenn das DOM vollständig
 * geladen wurde.
 */
$(document).ready(function() {
	/**
	 * Dies ist die Logik, die für alle Boxen angewendet werden kann.
	 * Folgender Quelltext muss für eine Contentbox verwendet werden:
	 *
	 *	<div id="ANYID" class="toggleablebox toggleablebox_darkblue">
	 *		<div class="headlinecontainer">
	 *			<div class="headline">Hier die Headline</div>
	 *			<div class="opener_closer">_</div>
	 *		</div>
	 *		<div class="content">
	 *			Hier der Content
	 *		</div>
	 *	</div>
	 *
	 * Als "ANYID" kann eine ID eingegeben werden. Diese sollte jedoch auf einer Seite
	 * nur ein einziges Mal vorkommen.
	 * Der o.g. Quelltext erstellt eine dunkelblaue Contentbox. Soll eine hellblaue
	 * Contentbox erstellt werden muss die Klasse "toggleablebox_darkblue" durch
	 * "toggleablebox_lightblue" ersetzt werden.
	 */
	$('.toggleablebox .headlinecontainer').click(function() {
		// Hole die ID des Containers
		var CONTAINERID = $(this).parents('.toggleablebox').attr('id');

		// Zeige oder verstecke den Content
		$('#'+ CONTAINERID +' .content').toggle();

		// Zeige oder verstecke das Minus-Zeichen
		$(this).children('.opener_closer').toggleClass("opener_closer_open");

        if ($(this).children('.opener_closer').is('.opener_closer_open')) {
			trackSingleContentblock(this);
	    }

	});



	/**
	 * @deprecated
	 * Alle HELLBLAUEN auf- und zuklappbare Boxen müssen die Styleklasse
	 * 'toogleable_contentbox_lighblue_icon_closed' beinhalten.
	 * Diese Klasse zeigt das 'Plus-Zeichen' an. Wenn die Box geöffnet ist/wurde,
	 * wird die Klasse 'toogleable_contentbox_lighblue_icon_opened' hinzugefügt.
	 * Diese überschreibt das das 'background'-Attribut und zeigt das 'Minus-Zeichen'
	 * an.
	 *
	 * Folgende Funktion wird ausgeführt, sobald auf ein Element geklickt wurde, welche
	 * die Klasse 'toogleable_contentbox_lighblue_icon_closed' beinhaltet.
	 *
	 * Folgendes Template sollte verwendet werden:
	 *
	 * <div id="XXXX" class="toggleable_contentbox_lighblue">
	 * <div id="" class="toggleable_contentbox_lighblue_headline toggleable_contentbox_lighblue_headline_closed">
	 * <div id="XXXX_toggle_icon" class="toogleable_contentbox_lighblue_icon_closed"></div>
	 * <div id="" class="toggleable_contentbox_lighblue_headline_text">HEADLINE</div>
	 * </div>
	 * <div style="clear: both;" id="clearer"></div>
	 * <div style="" id="" class="toggleable_contentbox_lighblue_content" style="display: none">
	 * <div class="subheadline">SUBHEADLINE</div>
	 * <div class="text">TEXT</div>
	 * </div>
	 * </div>
	 *
	 * Die "XXXX" in den ID's können durch irgendetwas ersetzt werden, müssen innerhalb
	 * eines Blockes aber IMMER gleich sein.
	 */
	$('.toggleable_contentbox_lighblue_headline').click(function() {
		$(this).siblings('.toggleable_contentbox_lighblue_content').toggle();

		$(this).children('.toogleable_contentbox_lighblue_icon_closed').toggleClass("toogleable_contentbox_lighblue_icon_opened");

		$(this).toggleClass("toggleable_contentbox_lighblue_headline_closed");

/*
		// Hole die ID der gesamten Box
		var BOXID = $(this).attr('id').substring(0,($(this).attr('id').length - 12));

		// Zeige oder verstecke den Content
		$('#'+ BOXID + ' .toggleable_contentbox_lighblue_content').toggle();

		// Zeige oder verstecke das Minus-Zeichen
		$(this).toggleClass("toogleable_contentbox_lighblue_icon_opened");

		// Verändere den unteren Border der Headline-Zeile
		$('#'+ BOXID + ' .toggleable_contentbox_lighblue_headline').toggleClass("toggleable_contentbox_lighblue_headline_closed");
*/
	});




	$('#sitemap .sitemap_entry .head').click(function() {
		$(this).children('.opener_closer').toggleClass('open');
		$(this).siblings('.content').toggle();
	});


});


/**
 * Funktion zum öffnen einer Contentbox
 */
function oeffneContentBox() {
	// contentbox muss definiert sein
	if ( this == undefined )
		return;

	$(this).children('.content').show();
	$(this).children('.headlinecontainer').children('.opener_closer').addClass("opener_closer_open");
}


/**
 * Funktion zum schliessen einer Contentbox
 */
function schliesseContentBox() {
	// contentbox muss definiert sein
	if ( this == undefined )
		return;

	$(this).children('.content').hide();
	$(this).children('.headlinecontainer').children('.opener_closer').removeClass("opener_closer_open");
}