window.addEvent('domready',function() {
	var headings = $$('.heading');
	var drawings = $$('.drawing');
	var AccordionObject = new Accordion(headings, drawings, {
		onActive: function(toggler, element){
				toggler.addClass('active');
				toggler.setStyles({
						'background-image':'url(/graphics/layout/arrow-down.gif)',
						'background-position':'left 5px',
						'padding-left':'15px',
						'color':'#1c75bc'
				});
				
			},

		onBackground: function(toggler, element){
				toggler.removeClass('active');
				toggler.setStyles({
						'background-image':'url(/graphics/layout/arrow-side.gif)',
						'background-position':'left 5px',
						'padding-left':'15px',
						'color':'#393939'
				});
		}	
	});
	headings.each(function(item) {
			item.addEvent('mouseover', function() {
					item.setStyles({'color':'#1c75bc'});
			});
			item.addEvent('mouseout', function() {
					if(!item.hasClass('active')) {
							item.setStyles({'color':'#393939'});
					}
				
			});
	});
});