Event.observe(window, 'load', function() {
	if (typeof resource != 'undefined') resource();
});

resource = function() {
	els = $("resource-listing").getElementsByClassName("resource-item");

	for (i=0;i<els.length;i++) {
		el = els[i].id;
		contentEl = $(el).down().next();
		exButton = $(el).down(1);

		exButton.observe("click", animateResource.bindAsEventListener(exButton,contentEl,el));
	}
}

animateResource = function(event) {
	var data = $A(arguments);
	data.shift();
	button = Event.element(event);

	if (data[0].hasClassName("collapsed")) {
		setStyles(data[0]);
	}

	resourceScope = 'resource-' + data[1];

	new Effect.toggle(data[0],'blind', {
		queue: { position: 'end', scope: resourceScope, limit: 1 },
		duration: 0
	});
	Event.stop(event);
}

setStyles = function(element) {
	element.setStyle({
		display: 'none'
	});
	element.removeClassName("collapsed");
}