document.observe('dom:loaded', function() {
	new LeftMultiTab();
});
var LeftMultiTab = Class.create({
	initialize: function() {
		$$('#leftTab dt a').invoke('observe','mouseover', this.change.bind(this));
	},
	change: function( ev ) {
		var pressedButton = ev.element();
		if ( pressedButton.up('li').className == 'current' ) {
			return false;
		} else {
			$$('#leftTab dt li').invoke('removeClassName','current');
			var tabNo = pressedButton.className.substring(6);
			pressedButton.up('li').addClassName('current');
			$$('#leftTab dd').invoke('hide');
			$('leftTab').down('.tab'+tabNo).show();
		}
	}
});

