window.onload = setInit;
function setInit() {
	var CursorWatcher = Class.create();
	CursorWatcher.prototype = {
		initialize: function(id){
			Event.observe($(id),
							'mouseover',
							this.showMouseOver.bindAsEventListener(this),
							false
			);
			Event.observe($(id),
							'mouseout',
							this.showMouseOut.bindAsEventListener(this),
							false
			);
		},
		showMouseOver: function(evt) {
			document.body.style.cursor = 'pointer';
		},
		showMouseOut: function(evt) {
			document.body.style.cursor = 'default';
		}
	}
	new CursorWatcher('Map');
	var MouseOverWatcher = Class.create();
	MouseOverWatcher.prototype = {
		initialize: function(id){
			var presrc = $(id).src.replace(/\.[^\.]*$/, '');
			this.src = $(id).src;
			this.img_ov = new Image;
			this.img_ov.src = presrc + '_ov.jpg';
			Event.observe($(id),
							'mouseover',
							this.showMouseOver.bindAsEventListener(this),
							false
			);
			Event.observe($(id),
							'mouseout',
							this.showMouseOut.bindAsEventListener(this),
							false
			);
		},
		showMouseOver: function(evt) {
			var target = Event.element(evt);
			target.src = this.img_ov.src;
		},
		showMouseOut: function(evt) {
			var target = Event.element(evt);
			target.src = this.src;
		}
	};
	new MouseOverWatcher('shortcut');
	new MouseOverWatcher('details');
	new MouseOverWatcher('download');
	new MouseOverWatcher('registration');
	var TabWatcher = Class.create();
	TabWatcher.prototype = {
		initialize: function(id) {
			var presrc = $(id).src.replace(/\.[^\.]*$/, '');
			this.src = $(id).src;
			this.img_ov = new Image;
			this.img_ov.src = presrc + '_ov.jpg';
			this.img_ac = new Image;
			this.img_ac.src = presrc + '_ac.jpg';
			Event.observe($(id),
							'click',
							this.showOnClick.bindAsEventListener(this),
							false
			);
			Event.observe($(id),
							'mouseover',
							this.showMouseOver.bindAsEventListener(this),
							false
			);
			Event.observe($(id),
							'mouseout',
							this.showMouseOut.bindAsEventListener(this),
							false
			);
		},
		showOnClick: function(evt) {
			var target = Event.element(evt);
			var index = target.id.replace(/info_navi_0/, '');
			changeTab(index);
			this.select_tab = target.id;
		},
		showMouseOver: function(evt) {
			var target = Event.element(evt);
			if (target.id != this.select_tab) {
				target.src = this.img_ov.src;
			}
		},
		showMouseOut: function(evt) {
			var target = Event.element(evt);
			if (target.id != this.select_tab) {
				target.src = this.src;
			}
		}
	};
	new TabWatcher('info_navi_01');
	new TabWatcher('info_navi_02');
	new TabWatcher('info_navi_03');
	new TabWatcher('info_navi_04');
	new TabWatcher('info_navi_05');
}
function changeTab(index) {
	Element.addClassName('info-top', 'displaynone');
	for (var i=1; i<=5; i++) {
		$('info_navi_0' + String(i)).src = 'images/top/info_navi/info_navi_0' + String(i) + '.jpg';
		Element.addClassName('info-' + String(i) + 'p', 'displaynone');
	}
	$('info_navi_0' + String(index)).src = 'images/top/info_navi/info_navi_0' + String(index) + '_ac.jpg';
	Element.removeClassName('info-' + index + 'p', 'displaynone');
}