var AutoAccordion = Accordion.extend({
		initialize: function(handles, drawers, options) {
			this.addEvent('onActive', function(handle, i) {
				handle.addClass('selected');
			});
			this.addEvent('onBackground', function(handle, i) {
				handle.removeClass('selected');
			});
			
			// run parent initializer
			this.parent.apply(this, arguments);
			
			// this next part adds the automatic opening magic to each “Handle”
			this.togglers.each(function(handle, index, array) {
				// and the magic hover opening dealie!
				handle.hoverOpenTimer = null
				handle.getElement('a').addEvents({
					mouseover: function(thisHandle) {
						thisHandle.hoverOpenTimer = $clear(thisHandle.hoverOpenTimer);
						thisHandle.hoverOpenTimer = this.display.delay(300, this, index);
					}.bind(this, handle),
					mouseout: function(thisHandle) {
						thisHandle.hoverOpenTimer = $clear(thisHandle.hoverOpenTimer);
					}.bind(this, handle),
					focus: this.display.pass(index, this) // supports tab based keyboard navigation
				});
			}.bind(this));
		}
	});
	
	window.addEvent('domready', function() {
		var accordion = new AutoAccordion('span.atStart', 'ul.atStart', {
			opacity: false,
			show: -1,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#FC0001');
			},
		 
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#808285');
			}
		}, $('block_col1'));
	});