// JavaScript Document

document.observe('dom:loaded', function() {
	// $$('#navi > li').invoke('observe', 'mouseover', switchBg);
	// $$('#navi > li').invoke('observe', 'mouseout', switchBgOut);
	$$('#navi li').invoke('observe', 'mouseenter', openSubMenu);
	$$('#navi li').invoke('observe', 'mouseleave', closeSubMenu);
});

switchBg = function() {
	if(!this.hasClassName('selected'))
		this.addClassName('showBg');	
}

switchBgOut = function() {
	this.removeClassName('showBg');
}

openSubMenu = function() {
	if(this.down('ul')) {
		this.down('ul').addClassName('moreIndex');
		this.down('ul').show();
	}
}

closeSubMenu = function() {
	if(this.down('ul')) {
		this.down('ul').removeClassName('moreIndex');
		this.down('ul').hide();
	}
}