$(document).ready(function() {
	var jsColorNormal           = '#660000';
	var jsColorHover            = '#00aa00';
	var jsColorAktiv            = '#0000ff';
	var jsBackgroundColorNormal = 'transparent';
	var jsBackgroundColorHover  = '#ffff99';
	var jsBackgroundColorAktiv  = '#ff0000';
	var jsListStyleImage      = 'url("_system/_img/icons/icon-twLinkZeigen.png")';
	var jsListStyleImageAktiv = 'url("_system/_img/icons/icon-twLinkZeigenAktiv.png")';
	var jsListBackgroundImage      = 'url("_system/_img/icons/icon-twLinkZeigen.png")';
	var jsListBackgroundImageAktiv = 'url("_system/_img/icons/icon-twLinkZeigenAktiv.png")';
	
	// Dinge anzeigen, die nur bei aktivem Javascript angezeigt werden sollen --
	// Button 'mehr anzeigen' (bzw. die ganze Zeile)
	$('.z9').css("display", "block");
	// -------------------------------------------------------------------------
	
	
	
	// Elemente verbergen ------------------------------------------------------
	// den gesamten FAQ-Bereich
	$('.twFaq').slideUp('fast');
	// -------------------------------------------------------------------------
	
	
	
	// Cursor bei klickbaren Elementen auf pointer (Hand) setzen ---------------
	// Button 'mehr anzeigen'
	$('.twBtnMehr').mouseover(function() {
		$(this).css('cursor', 'pointer');
	});
	// alle Fragen im FAQ-Bereich
	$('.twFaq dt').mouseover(function() {
		$(this).css('cursor', 'pointer');
	// Liste in col2 (rechts vom Hauptinhalt)
	});$('#twListeSchlagworte li').mouseover(function() {
		$(this).css('cursor', 'pointer');
	});
	// -------------------------------------------------------------------------
	
	
	
	// Events ------------------------------------------------------------------
	// der Button 'mehr anzeigen'
	$('.twBtnMehr').click(function() {
		$('#begruessung, .z1, .z2').slideUp(1000);              // z1 und z2 ausblenden
		$('.z9').slideUp(1);                      // z9 ausblenden
		$('.twFaq').slideDown(1);                 // gesamten FAQ-Bereich einblenden
		$('.twFaq dd').slideUp(1);                // alle Antworten ausblenden
		//////$('.twFaq dd:first').slideToggle(3000);   // erste Antwort wieder einblenden
	});
	
	
	// alle Fragen im FAQ-Bereich (.twFaq dt)
	$('.twFaq dt').click(function() {
		$(this).next('dd').slideToggle(2000).siblings('dd').slideUp(1); // Antwort zu angeklickter Frage zeigen, alle anderen ausblenden	
		$('.twFaq dt').css({backgroundImage:jsListBackgroundImage});                  // zuvor aktives Icon zurücksetzen
		$('#twListeSchlagworte li').css({listStyleImage:jsListStyleImage});  // (auch in col2)
		$(this).css({backgroundImage:jsListBackgroundImageAktiv});                 // aktuell aktives Icon hervorhebenvar aaa = $(this).attr('id');
		var aaa = $(this).attr('id');
		aaa = '#twListeSchlagworte li a[href=#'+ aaa + ']';		
		$(aaa).parent().css({listStyleImage:jsListStyleImageAktiv});                     // (auchh in den twFaq)
	});

	$('.twFaq dt').hover(
		// beim Berühren
		function () {
			// eine Art hover vortäuschen (auch in der Liste in col2)
			$(this).css({backgroundColor:jsBackgroundColorHover, color:jsColorHover});
			var aaa = $(this).attr('id');
			aaa = '#twListeSchlagworte li a[href=#'+ aaa + ']';
			$(aaa).css({backgroundColor:jsBackgroundColorHover, color:jsColorHover});
		}, 
		// beim Verlassen
		function () {
			// css-Zeugs zurücksetzen
			$(this).css({backgroundColor:jsBackgroundColorNormal, color:jsColorNormal});
			$('#twListeSchlagworte li a').css({backgroundColor:jsBackgroundColorNormal, color:jsColorNormal});
		}
	);
	
	
	// alle Einträge in der Liste rechts vom Hauptinhalt (#twListeSchlagworte li a)
	$('#twListeSchlagworte li a').click(function() {
		$('.z1, .z2').slideUp(1);            // z1 und z2 ausblenden
		$('.z9').slideUp(1);                 // z9 ausblenden
		$('.twFaq').slideDown(1);            // gesamten FAQ-Bereich einblenden
		$('.twFaq dd').slideUp(1); 		     // alle Antworten ausblenden
		var aaa = $(this).attr('href');      // zB: '#anker04'
		$(aaa).next('dd').slideDown(2000);   // die Antwort zur angeklickten Frage einblenden
		$(this).parent().parent().children().css({listStyleImage:jsListStyleImage});  // zuvor aktives Icon zurücksetzen	
		$('.twFaq dt').css({backgroundImage:jsListBackgroundImage});                  // (auch in den twFaq)
		$(this).parent().css({listStyleImage:jsListStyleImageAktiv});                 // aktuell aktives Icon hervorheben		
		$(aaa).css({backgroundImage:jsListBackgroundImageAktiv});                     // (auchh in den twFaq)
	});	
	$('#twListeSchlagworte li a').hover(
		// beim Berühren
		function () {
			// eine Art hover vortäuschen (auch im FAQ-Bereich in col3)
			$(this).css({backgroundColor:jsBackgroundColorHover, color:jsColorHover});
			var aaa = $(this).attr('href');
			aaa = aaa.substring(1);
			aaa = '.twFaq dt[id='+ aaa+ ']';
			$(aaa).css({backgroundColor:'#ffff99'});
		}, 
		// beim Verlassen
		function () {
			// css-Zeugs zurücksetzen
			var ddd = "#ff00ff";
			$(this).css({backgroundColor:jsBackgroundColorNormal, color:jsColorNormal});
			$('.twFaq dt').css({backgroundColor:'transparent'});
		}
	);

	// -------------------------------------------------------------------------
	

	
	// twJquerytools START -----------------------------------------------------
    $("button[rel]").overlay();
    $("a[rel]").overlay({
    	expose: { 
    	color: '#994400', 
    	opacity: 0.8, 
    	closeSpeed: 500
    	} 
    }); 
	// twJquerytools END -------------------------------------------------------
});