// Credit to http://rosea.jpn.org/mootools/site.js

var Site = {
    start: function() {
        Site.effects();
    },

    effects: function() {
        var timer = 0;
        var slidefxs = [];
        var myBox = $$('a.stretchtoggle');
        var myBoxOpen = $$('.stretcher');
        var scroll = new Fx.Scroll(window, {duration: 800, transition: Fx.Transitions.backOut, fps: 60});

        myBox.each(function(el, i){
            el.effect = new Fx.Styles(el, {duration: 200, fps: 60});
            
            slidefxs[i] = new Fx.Styles(el, {
                duration: 200,
                transition: Fx.Transitions.cubicOut,
                fps: 60,
                wait: false
            });
        });
                 
        var myAccordion = new Accordion(
            myBox, myBoxOpen, {
                onActive: function(tog){
                    tog.effect.start({
                        'color': '#000',
                        'background-color': '#fff' 
                    });
                    (function() {scroll.scrollTo(0,tog.getTop()-20);}).bind(tog).delay(500);
                },
                onBackground: function(tog){
                    tog.effect.start({
                        'color': '#000',
                        'background-color': '#fff'
                    });
                },
		start: 'all-close',
                duration: 200,
                alwaysHide: true
            }
        );
    }
}

window.addEvent('domready', Site.start);