window.onload = function()
{
	$('sidebar').getElements('.widget').addEvents({ 'click': changeState });
	$('sidebar').getElements('.widget').set('morph', { duration: 'long', transition: 'bounce:out' } );
}

function changeState()
{
	var widgets = $('sidebar').getElements('.widget');
	for(var i = 0; i < widgets.length; i++)
		if(widgets[i] != this)
			widgets[i].getElement('ul').morph( { height: 0 } );

	if(this.getElement('ul').offsetHeight == 0)
		this.getElement('ul').morph( { height: this.getElement('ul').getElements('li').length*30 } );
	else
		this.getElement('ul').morph( { height: 0 } );
}