// JavaScript Document
$(document).ready(
	function()
	{
		$('div.ani img').click(
			function()
			{
				var el = $(this.parentNode);
				el.addClass('active');
				$('.open:not(.active)').each(
					function()
					{
						if( $(this).width() > 59 )
						{
							$(this).animate(
								{width:59},
								{duration:500, easeMethod: 'easeOutQuad'}
							);
							$(this).removeClass('open');
						}
					}
				);
				
				if( !el.hasClass('open') )
				{
					el.animate(
						{width:214},
						{duration: 500, easeMethod: "easeOutQuad"}
					);
					el.addClass('open');
				}
				else
				{
					el.animate({width:59},{duration:500, easeMethod: 'easeOutQuad'});
					el.removeClass('open');
				}
				el.removeClass('active');
			}
		);
	}
);