/*
 *  ### Accordion für Toggle-Boxen ###
 *
 *  Version 0.1 - 14.10.2010 - Sandro Birke
 *  © BRANDPERFECTION KOMMUNIKATIONSDESIGN
 *
 *
 	++++++++++++++++++++++++++++++++++++++
 * 
 *  --- Beispiel für HTML-Struktur ---
 *
 *	<div class="modulrechts">
 *		<h2 class="accordion" id="item_1">Headline 1</h2>
 *		<div class="">
 *		###CONTENT###
 *		</div>
 *  </div>
 *	
 *	<div class="modulrechts">
 *		<h2 class="accordion" id="item_2">Headline 2</h2>
 *		<div class="">
 *		###CONTENT###
 *		</div>
 *	</div>
 *
 	++++++++++++++++++++++++++++++++++++++
 *
 */
 
$(document).ready(function(){
	
	var myAddClass;
	var myStatus;
	var myModul;
	var myPath = '.modulrechts h2.accordion';
	var myStatusClass = 'inaktiv';
	var mySpeed = 'fast';
	var cookieLifeTime = 7;
	
	$(myPath).click(function() {
		
		// Klasse inaktiv für geschlossenen Zustand anfügen
		$(this).toggleClass(myStatusClass);
		// Element auf- und zuklappen
		$(this).next().slideToggle(mySpeed);
		
		// Zustand speichern
		myAddClass = $(this).attr('class');
		
		// prüfen ob inaktiver Status als Klasse (myStatusClass) gesetzt wurde
		if(myAddClass.indexOf(myStatusClass) > 0){
			// Cookie erstellen (Name des Cookies ist ID des geklickten Elementes [myPath])
			// setze Cookie-Wert auf "off"
			$.cookie($(this).attr('id'), 'off', { expires: cookieLifeTime });
			} else {
				// Cookie überschreiben
				// und Wert auf auf "on" setzen 
				$.cookie($(this).attr('id'), 'on', { expires: cookieLifeTime }); // setze Cookie-Wert auf "on"
				}
		return false;

	});
	
	// alle vorhanden Cookies auslesen und Status der Boxen setzen
	$(myPath).each(function(){
		
		// Name des Cookies
		myStatus = $.cookie($(this).attr('id'));
		// ID des Moduls
		myModul = $(this).attr('id');
		
		// prüfen ob bereist ein entsprechender Cookie gesetzt wurde
		if(myStatus != null){
			
			if(myStatus == 'off'){
				$('#'+myModul).next().hide();
				$('#'+myModul).addClass(myStatusClass);
				}
			else if(myStatus = 'on'){
				$('#'+myModul).next().show();
				}
		
		}
		
	});
	
	// spezieller Seitenheader (Bild) - Sonderfall Nachhaltigkeit index.php?id=3
	$('#headerImage-1').hide();
	
	$('.headerBtn').click(function() {
	
		$('#headerImage-1').slideToggle(300);
		$('.headerBtn').toggleClass('headerBtnAktiv');
	
	});
	
});

// end