window.addEvent('load', function(){

    var notonload;
    
    $('accordion').addEvent('click', function(){
        notonload = 1;
    });
    
    var accordion = new Accordion('h3.atStart', 'div.atStart', {
        opacity: true,
        duration: 1500,
        transition: Fx.Transitions.Quad.easeInOut,
        onActive: function(toggler, element){
            toggler.setStyle('color', '#eee');
            activeelement = toggler;
        },
        
        onBackground: function(toggler, element){
            toggler.setStyle('color', '#ddd');
        }
        
    }, $('accordion'));
    
    
});

window.addEvent('domready', function(){

    var list = $$('#accordion .toggler');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 300,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'background-color': '#666',
                'color': '#fff',
				'border-left-width': '10px'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#484848',
                'color': '#ccc',
				'border-left-width': '0px'
            
            });
        });
        
    });
    
});