/* mootools accordion */
window.addEvent('domready', function() { 

var toggles = $$('#sbnavi .togglers');
var content = $$('#sbnavi .elements');

$$('#sbnavi .togglers').addEvent('mouseenter', function(){
			if (this.clicked==null) {
				//get original color and background-color
				this.bgimgN = this.getStyle('background-image');
				this.bgimgH = this.bgimgN.replace("_normal_", "_hover_");
				//set new color and background-color
				this.setStyle('background-image', this.bgimgH);
				this.hover=1;
			}
		}
	);
	//code to change the way toggler looks with mouseout
	$$('#sbnavi .togglers').addEvent('mouseleave', function(){
			if (this.clicked==null) {
				this.bgimgH = this.getStyle('background-image');
				this.bgimgN = this.bgimgN.replace("_hover_", "_normal_");
				this.setStyle('background-image', this.bgimgN);
			}
		}
	);
	//code to change the way toggler looks with click
	$$('#sbnavi .togglers').addEvent('click', function(){
			$$('#sbnavi .togglers').each(function(el){
				if (this.clicked==null) {
					el.clicked=null;
					el.bgimg = el.getStyle('background-image');
 					el.bgnew = el.bgimg.replace("_hover_","_normal_");
 					el.bgnew = el.bgimg.replace("_active_","_active_");
 					el.setStyle('background-image', this.bgnew);
				}}
			);
			this.clicked=1;
			//set new color and background-color
			this.bgimgN = this.getStyle('background-image');
			this.bgimgC = this.bgimgN.replace("_normal_", "_active_");
			this.setStyle('background-image', this.bgimgC);
		}
);

//set up your object var
//create a "new" Accordion object
//set the toggle array
//set the content array
var AccordionObject = new Accordion(toggles, content, {  
	duration: 450, alwaysHide: false, opacity: true, start: 'open_accordion_entry' ,display:1, initialDisplayFx: false, transition: 'quint:out',
	'onComplete': function(a){a.setStyle('color', 'cccccc');},
	'onBackground': function(a){a.setStyle('color', 'cccccc');}
    });  

// kick selected:

function initAccordeon(arg){
    if($chk(arg)) {
		$('open_accordion_entry').fireEvent('click');
//		$('open_accordion_entry').setStyle('color', '#733139');
//		somebgimgN = $('open_accordion_entry').getStyle('background-image');
//		somebgimgC = somebgimgN.replace("_hover_", "_active_");
//		$('open_accordion_entry').setStyle('background-image', somebgimgC);
    }
}

initAccordeon($('open_accordion_entry'));

// Tagesdropdown: !!!!!

var reqMO = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=1' });
var dayMO;
reqMO.addEvent('success', function(response, xml) { dayMO = response;});
reqMO.send();
var reqDI = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=2' });
var dayDI;
reqDI.addEvent('success', function(response, xml) { dayDI = response;});
reqDI.send();
var reqMI = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=3' });
var dayMI;
reqMI.addEvent('success', function(response, xml) { dayMI = response;});
reqMI.send();
var reqDO = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=4' });
var dayDO;
reqDO.addEvent('success', function(response, xml) { dayDO = response;});
reqDO.send();
var reqFR = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=5' });
var dayFR;
reqFR.addEvent('success', function(response, xml) { dayFR = response;});
reqFR.send();
var reqSA = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=6' });
var daySA;
reqSA.addEvent('success', function(response, xml) { daySA = response;});
reqSA.send();
var reqSO = new Request({ url: '_includes/echo_shedule.php', method: 'get', data: 'day=7' });
var daySO;
reqSO.addEvent('success', function(response, xml) { daySO = response;});
reqSO.send();


var tagesToggle =  new Fx.Slide('weekdayDIV',{ duration: 350, transition: 'quint:out',
		'oncomplete': function(){ 
        if(this.wrapper.offsetHeight != 0) 
        this.wrapper.setStyle('height', 'auto'); 
}} );

$('ATWtoggle').addEvent('click', function(){
		tagesToggle.toggle();
});

$('MOtoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', dayMO);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});
$('DItoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', dayDI);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});
$('MItoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', dayMI);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});
$('DOtoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', dayDO);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});
$('FRtoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', dayFR);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});
$('SAtoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', daySA);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});
$('SOtoggle').addEvent('click', function(){
		tagesToggle.slideOut().chain(function(){
			$('weekdayDIV').set('html', daySO);		
			tagesToggle.slideIn.delay(100, this);
		});		
		$$('#sidebarHeader a').each(function(el){el.setStyle('color', '#666666');});
		this.color = (this.getStyle('color'));
		if(this.color=="#666666"){this.setStyle('color', '#733139');}
		else {this.setStyle('color', '#666666');}
		return false;
});


});