window.addEvent( 'load', function () {
	var togglers = $$('h1.toggler');
	togglers.each( function ( obj, num ) {
		obj.toggleEffect = new Fx.Style( obj, 'background-color', {duration: 500, transition: Fx.Transitions.linear});
		
		obj.hoverEffect = new Fx.Styles( obj, {duration: 200, wait: false, transition: Fx.Transitions.linear} );
		obj.addEvent( 'mouseover', function () {
				this.hoverEffect.start( {
					'padding-left': 10,
					'color': '#ffffcc'
				} );
		}.bindAsEventListener( obj ) );
		obj.addEvent( 'mouseout', function () {
				this.hoverEffect.start( {
					'padding-left': 5,
					'color': '#ffffff'
				} );
		}.bindAsEventListener( obj ) );
		
	} );
	var MyAccordion = new Accordion(
		$$('h1.toggler'),
		$$('div.toggledContent'),
		{
			onActive: function ( toggler, content ) {
				toggler.toggleEffect.start( '#aad850', '#81af26' );
			},
			onBackground: function ( toggler, content ) {
				if( toggler.getStyle( 'background-color' ) == '#1f3660' )
					toggler.toggleEffect.start( '#81af26', '#aad850' );
			},
			opacity: false
		}
	);

} );