var List = Class.create ({
	initialize: function () {
		dts = $$('#services dt');
		dts.each(function (dt) {
			dt.observe('click', function () {
				el = arguments[0].element();
				service = el.id.strip()+'desc';
				Effect.toggle(service, 'blind');
				this.toggleBg(dt);
			}.bindAsEventListener(this));
		}.bind(this));
	},

	toggleBg: function (dt) {
		if (dt.getStyle('backgroundImage').indexOf('_off') > -1) {
			bg = 'on';
		} else {
			bg = 'off';
		}

		dt.setStyle({backgroundImage:"url('/img/icona_"+bg+"2.gif')"});
	}
});

document.observe('dom:loaded', function () { new List(); });

