var close_menu = function()
{
	$$('.hide_navi').each(function(e)
	{
		e.set('morph', {duration: 'long', transition: 'bounce:out'});
		e.morph({'height': '0px;'});
	});
}

window.addEvent('domready', function()
{
	$$('.navi_container').each(function(foo)
	{
		foo.getElement('.sub_navi').setAttribute('self_height', foo.getElement('.sub_navi').getSize().y);
		foo.getElement('.line').addEvent('click', function()
		{
			var hide_menu = foo.getElement('.hide_navi');
			var unter_menu = foo.getElement('.sub_navi');
			close_menu();
			hide_menu.set('morph', {duration: 'long', transition: 'bounce:out'});
			hide_menu.morph({'height': unter_menu.getAttribute('self_height')});
		});
	});
	$$('.close_all_menu').each(function(fee)
	{
		fee.addEvent('click', function()
		{
			close_menu();
		});
	});
	window.addEvent('load', function()
	{
		if($('active_navi'))
		{
			var active_height = parseInt($('active_navi').getElement('.sub_navi').getSize().y);
			$('active_navi').getElement('.hide_navi').setStyle('height', active_height+'px');
		}
	});
});