window.addEvent('domready', function(){ 
	
	new SmoothScroll();
	
	// Impressum ein- und ausblenden
	var scroll = new Fx.Scroll(window, {
		wait: false,
		duration: 500
	});
	
	function runterscrollen() {
		scroll.toBottom('main');
	}

	var mySlide = new Fx.Slide('impressum',{ 
		onComplete : function() { runterscrollen(); }
	});
	
	mySlide.hide(); // impressum ausblenden
	
	$('showImpressum').addEvent('click', function(e){ // per Klick einblenden
		e = new Event(e);
		mySlide.options.duration = 0;
		mySlide.slideIn();
		e.stop();	
	});		
	
	$('hideImpressum').addEvent('click', function(e){ // per Klick ausblenden
		e = new Event(e);
		mySlide.options.duration = 500;
		mySlide.slideOut();
		e.stop();
	});
	
	// Punkte der 3-Schritte-Navi ein- und ausblenden
	
	if ($defined($('katalog-guide-box')) == true) { // wenn der div-container 'katalog-guide-box' existiert
		/*
		$('drei-schritte-content-eins').setStyle('display', 'none'); // ausblenden
		$('drei-schritte-content-zwei').setStyle('display', 'none'); // ausblenden
		$('drei-schritte-content-drei').setStyle('display', 'none'); // ausblenden
		*/
		
		var accordion = new Accordion('h3.atStart', 'div.atStart', {
			opacity: true,
			show: -1, 
			// alwaysHide: true,
			onActive: function(toggler, element){
				//element.setStyle('margin', '19px 0 0 22px');
				//toggler.getChildren().addClass('act'); // geht in ie6 nicht?
				toggler.getElement('a').addClass('act');
			},
		 
			onBackground: function(toggler, element){
				//toggler.getChildren().removeClass('act');
				toggler.getElement('a').removeClass('act');
			}
		}, $('katalog-guide-box'));	
		
		$$('#katalog-guide-box .link-to-schritt-eins').addEvent('click', function(){ // 
			accordion.display(0);
			$('drei-schritte-content-eins').setStyle('display', 'block'); // einblenden
			$('drei-schritte-content-zwei').setStyle('display', 'none'); // ausblenden
			$('drei-schritte-content-drei').setStyle('display', 'none'); // ausblenden
			//$$('#drei-schritte-navi .schritt-eins').addClass('act');			
		});
		
		$$('#katalog-guide-box .link-to-schritt-zwei').addEvent('click', function(){ // 
			accordion.display(1);
			$('drei-schritte-content-zwei').setStyle('display', 'block'); // einblenden
			$('drei-schritte-content-eins').setStyle('display', 'none'); // ausblenden
			$('drei-schritte-content-drei').setStyle('display', 'none'); // ausblenden
			//$$('#drei-schritte-navi .schritt-zwei').addClass('act');
		});
		
		$$('#katalog-guide-box .link-to-schritt-drei').addEvent('click', function(){ // 
			accordion.display(2);
			$('drei-schritte-content-drei').setStyle('display', 'block'); // einblenden
			$('drei-schritte-content-eins').setStyle('display', 'none'); // ausblenden
			$('drei-schritte-content-zwei').setStyle('display', 'none'); // ausblenden
			//$$('#drei-schritte-navi .schritt-drei').addClass('act');
		});
	}
	
});