// JavaScript Document
window.addEvent('domready', function() {
	/*var status = {
		'true': 'url(fileadmin/templates/main/images/layout/block_button_close.gif)',
		'false': 'url(fileadmin/templates/main/images/layout/block_button_open.gif)'
	};*/
	
	var sliders = $$('.sidebarItem .body'); // contentElement which should be slided
	var triggers = $$('.sidebarItem .bodyTrigger'); // contentElement to click for slide (toggle)
	var arrows = $$('.sidebarItem .bodyTrigger');

	triggers.each(function(object, iterator){ // for each triggerElement
		var mySlider = new Fx.Slide(sliders[iterator]); // make it a mootoolsObject
		$(triggers[iterator]).addEvent( 'click', function(e){ // add the onClick
			e = new Event(e);
			mySlider.toggle(); // add the toogleFunction
			e.stop(); 				 
		});
		mySlider.addEvent( 'complete',function(){
			$(arrows[iterator]).setStyle('background', status[mySlider.open]); // when fx completes, change image
		});
	});
});