document.observe('dom:loaded', function() {
	new MainNavi;
	new NihonnMap;
	new QuickNavi;
	new AdminToolNavi;
});
var AdminToolNavi = Class.create({
	initialize: function() {
		if ( this.navi = $('adminTools') ) {
			this.navi.down('.btnToggle').observe('click',this.toggle.bind(this));
		}
	},
	toggle: function( ev ) {
		this.navi.toggleClassName('visible');
	}
});
var MainNavi = Class.create({
	initialize: function() {
		$$('#mainMenu li a').invoke( 'observe','mouseover',this.onMouseover.bind(this) );
	},
	onMouseover: function( ev ) {
		var el = ev.element();
		var targetClass = '.' + el.up('li').className.replace('item','menu');

		$$('#mainMenu li a').invoke('removeClassName','visible');
		el.addClassName('visible');

		if ( $('pagesArea') ) {
			var target = $('pagesArea').down(targetClass);
			$$('#pagesArea ul').invoke('hide');
			if ( target ) {
				target.appear({duration: 0.5});
			}
		}
	}
});
var NihonnMap = Class.create({
	initialize: function() {
		$('quickMenu').down('.toggleMap').observe('click',this.toggleMap.bind(this));
	},
	toggleMap: function( ev ) {
		if ( ! this.blocker ) {
			this.blocker = new Element('div',{'id':'blocker'});
			$('container').insert(this.blocker);
		} else {
			this.blocker.toggle();
		}
		if ( ! this.map ) {
			this.map = new Element('div',{'id':'kitaNihonnMap'}).update("<img src='/main/images/japan_map_01.jpg' />").observe('click',this.toggleMap.bind(this));
			$('container').insert(this.map);
		} else {
			this.map.toggle();
		}
	}
});
var QuickNavi = Class.create({
	initialize: function() {
		Event.observe(window, 'scroll', this.onScroll.bind(this));
		this.el = $('quickMenu');
		this.positionY = this.el.positionedOffset().top;
		this.positionX = this.el.positionedOffset().left;
	},
	onScroll: function() {
		this.targetY = posY = this.positionY + this.el.cumulativeScrollOffset().top;
		this.move.bind(this)();
	},
	move: function() {
		this.el.setStyle({ 'top': this.targetY + 'px'});
	}
});