$(document).addEvent('domready', function()
{
	// Accordeon event
	$$('.listtitle').each(function(el)
	{
		el.addEvents(
		{
			// Click-event for handling the accordeon
			'click': function(e)
			{
				// Stop the event
				e.stop();
				
				// Show everything in the title but none of the content
				$$('.listtitle').removeClass('active');
				$$('.listcontent').setStyle('display', 'none');
				
				// Show the clicked row
				el.getNext().setStyle('display', 'block');
				el.addClass('active');
			},
			// Hover events on the title (louzy IE6)
			'mouseenter': function(e)
			{
				el.setStyle('cursor', 'pointer');
			},
			'mouseleave': function(e)
			{
				el.setStyle('cursor', 'default');
			}
		});
	});
});