var stretchers = $$('div.accordion');
var togglers = $$('h3.toggler');

stretchers.setStyles({ 'height': 'auto', 'overflow': 'hidden' });

window.addEvent('load', function() {
    //initialization of togglers effects
    togglers.each(function(toggler, i) {
        toggler.$tmp.fx = new Fx.Style(toggler, 'background-color', { 'wait': false, 'transition': Fx.Transitions.Quart.easeOut });
        //$$('div.accordion').setStyle('display', 'block');
        //$('leftedge').setStyle('height', $('overall').getStyle('height'));
        //$('rightedge').setStyle('height', $('overall').getStyle('height'));
        //alert(document.body.clientHeight);
    });

    //the accordion
    var myAccordion = new Accordion(togglers, stretchers, {
        'opacity': false,
        'display': 'all-closed',
        'height': 'auto',
        'alwaysHide': true,
        'transition': Fx.Transitions.Quad.easeOut,
        onActive: function(toggler) {
        },
        onBackground: function(toggler) {
            toggler.$tmp.fx.stop();
        },
        onComplete: function(toggler) {
            //alert($('overall').getStyle('height'));
            $('leftedge').setStyle('height', $('overall').getStyle('height'));
            $('rightedge').setStyle('height', $('overall').getStyle('height'));
            $$('div.accordion').setStyle('display', 'block');
        }
    });

    //open the accordion section relative to the url
    var found = 0;
    $$('h3.toggler a').each(function(link, i) {
        if (window.location.hash.test(link.hash)) found = i;
    });
    myAccordion.display(found);
});