//
// Verschachteltes Mootools-Accordion
// Nested Mootools Accordion
// 
// von / by Bogdan Günther
// http://www.medianotions.de
//

window.addEvent('domready', function() {
	
	// Anpassung IE6
	if(window.ie6) var heightValue='100%';
	else var heightValue='';
	
	// Selektoren der Container für Schalter und Inhalt
	var togglerName='dt.accordion_toggler_';
	var contentName='dd.accordion_content_';
	
	// Selektoren setzen
	var counter=1;	
	var toggler=$$(togglerName+counter);
	var content=$$(contentName+counter);
	
	while(toggler.length>1)
	{
		// Accordion anwenden
		new Accordion(toggler, content, {
			opacity: false,
			display: -1,
			alwaysHide: true,
			onComplete: function() { 
				var element=$(this.elements[this.previous]);
				if(element && element.offsetHeight>0) element.setStyle('height', heightValue);			
			},
			onActive: function(toggler, content) {
				Str=toggler['className'];
				Counter = Str.substr(Str.length-1);
				//alert(Counter );
				if (Counter == 2) {
					content.set('id','ActiveProject');									
					// Apparition du block 
					IDBlock = content.getElement('.BlocProjetDiapo');
					if ($chk(IDBlock)) {
						if (IDBlock.getStyle('visibility') == 'hidden') {
							IDBlock.setStyle('opacity','0');
							IDBlock.setStyle('visibility','visible');
						}
						Effect = new Fx.Tween (IDBlock,{duration:300, wait: true});
						(function(){
			            Effect.start('opacity',1);
						}).delay(300);
		            //alert('apparition');
		             //IDBlock.setStyle('opacity','1');
					}
				toggler.setStyle('border-bottom','black dotted 1px');									
				} else {
					if ($chk($('ActiveProject')) && toggler.get('id')=='1') {
						IDBlock = $('ActiveProject').getElement('.BlocProjetDiapo');		
						Effect = new Fx.Tween (IDBlock,{duration:300, wait: true});
						(function(){
			            Effect.start('opacity',1);
						}).delay(300);
					}
									
				}
				
			},
			onBackground: function(toggler, content) {
				Str= toggler.className;
				Counter = Str.substr(Str.length-1);
				IDBlock="";
				if (Counter ==1) {
					toggler.setStyle('border-bottom','#58585A dotted 1px');	
					if ($chk($('ActiveProject'))) {
						IDBlock = $('ActiveProject').getElement('.BlocProjetDiapo');
					}		
				}
				else if (Counter == 2) {
					toggler.setStyle('border-bottom','#666666 dotted 1px');									
					content.set('id','');
					IDBlock = content.getElement('.BlocProjetDiapo');
				}								
				// Disparition du block de présentation des projets
				//alert(Counter+'  '+IDBlock);
				if ($chk(IDBlock)) {
					if (IDBlock.getStyle('visibility') == 'visible' && IDBlock.getStyle('opacity') == '1') {
						IDBlock.setStyle('opacity','0');
					}
				}
			}
		});
		
		// Selektoren für nächstes Level setzen
		counter++;
		toggler=$$(togglerName+counter);
		content=$$(contentName+counter);
	}

});