addLoadEvent(function() {
	forEach(getElementsByTagAndClassName(null,'toggle_group'), function(e){
		e.target = $('group_' + e.title)
		e.title = 'click to open or close ' + e.innerHTML
		connect(e, 'onclick', bind(function(ev) {
			if (typeof active != 'undefined') {
				if (this.target == active) return
				shrink(active, {'afterStart': bind(function(){
					fade(this, {'from':1,'to':0})
				}, active)})
			}
			active = this.target

			grow(active, {'afterStart': bind(function(){
					fade(this, {'from':0,'to':1})
				}, active)})

		}, e))
	})
})