window.addEvent('domready', function() {
	
	$each($(document.body).getElements('div[id^=accordion]'), function(el) {
		//create our Accordion instance
		//alert(el.get('id'));
		new Accordion(el, el.getChildren('h5'), el.getChildren('div.element'), {
			opacity: false,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#333333');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#7F7F7F');
				//alert('1');
			}
		}).display(el.getProperty('startwith'));
	});
	
	$each($$('#accordion h5.toggler'), function(el) {
		
		//var original = '#7F7F7F';
		var morphColor = new Fx.Morph(el,{ 'duration':'200', link:'cancel' });
		var toColor = '#333333';
		el.addEvents({
			'mouseenter_' : function() { 
				var original = el.getStyle('color');
				morphColor.start({ 'color': toColor }); 
				},
			'mouseleave_' : function() { 
				var original = el.getStyle('color');
				morphColor.start({ 'color': original }); 
				},
			'click_' : function(){
				morphColor.start({ 'color': toColor }); 
				//alert('2');
				}
		});
	});
});