var SlideDownList = (
{
	animation: [],
	create: function()
	{
		$$('.slideDownList').each(function(list)
		{
			
			list.select('.item').each(function(item)
			{
				item.select('.slideDownArea').first().hide();		
				item.select('.toggleLink.hide').first().hide();
				
				var id = item.identify();
				item.select('a.slideDownListToggleLink').each(function(link)
				{
					link.onclick = SlideDownList.toggle.bind(null, id);
				}
				)
			}
			)
			
		}
		)
	},
	
	toggle: function(id)
	{
		if(SlideDownList.animation.indexOf(id) != -1 )
		{
			return false;
		}
		
		SlideDownList.animation[SlideDownList.animation.length] = id;
		
		var area = $(id).select('.slideDownArea').first();
		if(area.visible())
		{
			Effect.SlideUp(area, {duration: 0.3, afterFinish: SlideDownList.animationEnd.bind(null, id)})
		}
		else
		{
			Effect.SlideDown(area, {duration: 0.3, afterFinish: SlideDownList.animationEnd.bind(null, id)});
		}
		return false;
	},
	
	animationEnd: function(id)
	{
		var area = $(id).select('.slideDownArea').first();
		if(area.visible())
		{
			$(id).select('.toggleLink.hide').first().show();
			$(id).select('.toggleLink.show').first().hide();
		}
		else
		{
			$(id).select('.toggleLink.hide').first().hide();
			$(id).select('.toggleLink.show').first().show();
		}
		SlideDownList.animation = SlideDownList.animation.without(id);
	}
});

$(document).observe('dom:loaded', function() {
	SlideDownList.create();
});