// JavaScript Document
var JHL = {
	dominit: function() {
	},
	tabPoint: function(tab_num, tab_state) {
		this.tabDisplay(tab_num, tab_state);
		tabState = 'tab' + tab_state + 'Link';
		check = tab_state;
		$(tabState).setStyles({'color': '#AA0000', 'font-weight': 'bold'});
		for(i = 1; i <= tab_num; i++) {
			//ブロックスコープ！（bind） 
			with ({i:i}){
				id = 'tab' + i + 'Link';
				$(id).addEvent('click', function() {
					id = 'tab' + i + 'Link';
					idPast = 'tab' + check + 'Link';
					JHL.tabDisplay(tab_num, i);
					$(idPast).setStyles({'color': '#000000', 'font-weight': 'normal'});
					$(id).setStyles({'color': '#AA0000', 'font-weight': 'bold'});
					check = i;
				});
				$(id).addEvent('mouseover', function() {
					id = 'tab' + i + 'Link';
					$(id).setStyle('color', '#AA0000');
				});
				$(id).addEvent('mouseout', function() {
					id = 'tab' + i + 'Link';
					if(check != i) $(id).setStyle('color', '#000000');
				});
			}
		};
	},
	tabDisplay: function(tab_num, visible_num) {
		for(i = 1; i <= tab_num; i++) {
			block = 'tab' + i + 'block';
			tab = 'tab' + i;
			tablink = 'tab' + i + 'Link';
			if(visible_num == i) {
				$(block).setStyle('display', 'block');
				$(tab).setStyle('background-position', 'left -31px');
				$(tablink).setStyle('background-position', 'right -31px');
			} else {
				$(block).setStyle('display', 'none');
				$(tab).setStyle('background-position', 'left top');
				$(tablink).setStyle('background-position', 'right top');
			}
		}
	},
	rankingTabPoint: function(r_tab_num, r_tab_state) {
		this.rankingTabDisplay(r_tab_num, r_tab_state);
		r_tabState = 'rankingTab' + r_tab_state + 'Link';
		r_check = r_tab_state;
		$(r_tabState).setStyles({'color': '#AA0000', 'font-weight': 'bold'});
		for(i = 1; i <= r_tab_num; i++) {
			//ブロックスコープ！（bind） 
			with ({i:i}){
				r_id = 'rankingTab' + i + 'Link';
				$(r_id).addEvent('click', function() {
					r_id = 'rankingTab' + i + 'Link';
					r_idPast = 'rankingTab' + r_check + 'Link';
					JHL.rankingTabDisplay(r_tab_num, i);
					for(j = 1; j <= 12; j++) { //下層のタブ初期化
						r_idPast2 = 'tab' + j + 'Link';
						$(r_idPast2).setStyles({'color': '#000000', 'font-weight': 'normal'});
					}
					if(i == 1) {
						JHL.tabDisplay(12, 1);
						$('tab1Link').setStyles({'color': '#AA0000', 'font-weight': 'bold'});
						check = 1;
					} else {
						JHL.tabDisplay(12, 7);
						$('tab7Link').setStyles({'color': '#AA0000', 'font-weight': 'bold'});
						check = 7;
					}
					$(r_idPast).setStyles({'color': '#000000', 'font-weight': 'normal'});
					$(r_id).setStyles({'color': '#AA0000', 'font-weight': 'bold'});
					r_check = i;
				});
				$(r_id).addEvent('mouseover', function() {
					r_id = 'rankingTab' + i + 'Link';
					$(r_id).setStyle('color', '#AA0000');
				});
				$(r_id).addEvent('mouseout', function() {
					r_id = 'rankingTab' + i + 'Link';
					if(r_check != i) $(r_id).setStyle('color', '#000000');
				});
			}
		};
	},
	rankingTabDisplay: function(r_tab_num, r_visible_num) {
		for(i = 1; i <= r_tab_num; i++) {
			r_block = 'rankingTab' + i + 'block';
			r_tab = 'rankingTab' + i;
			r_tablink = 'rankingTab' + i + 'Link';
			if(r_visible_num == i) {
				$(r_block).setStyle('display', 'block');
				$(r_tab).setStyle('background-position', 'left -36px');
				$(r_tablink).setStyle('background-position', 'right -36px');
			} else {
				$(r_block).setStyle('display', 'none');
				$(r_tab).setStyle('background-position', 'left top');
				$(r_tablink).setStyle('background-position', 'right top');
			}
		}
	}
}

window.addEvent('domready', function(){ JHL.dominit() });
check = 0;