//window.addEvent('domready', function() {
window.onload = function(){
    // Select all boxes with h2 anchor elements and toggle the next div
    $$('.box div span.toggler').each(function(item) {
        item.setStyle('cursor', 'pointer');
        var elToHide = item.getParent('.box div').getNext('div');
        if (elToHide) {
            var mySlide = new Fx.Slide(elToHide);
//            item.store('fx', mySlide);

            item.addEvent('click', function(e) {
//                e.stop();
//                var fx = this.retrieve('fx');
//                fx.toggle();
                    mySlide.toggle();

                if (item.hasClass('hidden')){
                    item.removeClass('hidden').addClass('visible');
                }
                else {
                    item.removeClass('visible').addClass('hidden');
                }
            });
        }
    });
}