document.observe('dom:loaded', function() {
	new MainNavi;
	new AllNavi;
});
var MainNavi = Class.create({
	initialize: function() {
		$$('#mainNavi a').invoke('observe','mouseover',this.onMouseover.bind(this) );
	},
	onMouseover: function( ev ) {
		var el = ev.element();
		var className = el.up('li').className.substring(4);
		var targetClassName = '.menu' + className;
		var target = $('subMenu').down(targetClassName);

		$$('#subMenu ul').invoke('hide');
		target.show();
	}
});
var AllNavi = Class.create({
	initialize: function() {
		$('AllNavi').observe('click',this.toggle.bind(this) );
	},
	toggle: function( ev ) {
		$('AllNavi').up('li').toggleClassName('open');
		var target = $('top').down('.topAllMenu');
		$$('AllNavi').invoke('hide');
		target.toggle();
	}
});