var sex = 1;
var insurance = 1;
var age = 20;

$(document).ready(function() {
	// 最深部のランキングを全部消す
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dd').hide();

	// 死亡保険を全部消す
	$('#ranking > dl.sex > dd > dl.insurance > dd.insurance2').hide();

	// 男性ブロック表示
	toggle('sex', 1);
});

function toggle(mode, param)
{
	if (mode == 'sex') {

		var sex_hide;

		if (param == 1) {
			sex = 1;
			sex_hide = 2;
		} else {
			sex = 2;
			sex_hide = 1;
		}

		$('#ranking > dl.sex > dd.sex' + sex_hide).hide();
		$('#ranking > dl.sex > dd.sex' + sex).show();

		toggle('insurance', insurance);
	
	} else if (mode == 'insurance') {

		var insurance_hide;

		if (param == 1) {
			insurance = 1;
			insurance_hide = 2;
		} else {
			insurance = 2;
			insurance_hide = 1;
		}

		$('#ranking > dl.sex > dd > dl.insurance > dd.insurance' + insurance_hide).hide();
		$('#ranking > dl.sex > dd > dl.insurance > dd.insurance' + insurance).show();

		changeAge(age);

	}
}

function changeAge(param)
{
	age = param;
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dd').hide();
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dd.age' + age).show();
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dd.age' + age).flip({ direction: 'lr', bgColor: '#ffffff', color: '#ffffff', speed: 200 }); 

	updateMessage();
}

function updateMessage()
{
	var message = '';

	message = message + '性別：'
	if (sex == 1) {
		message = message + '男';
	} else {
		message = message + '女';
	}

	message = message + ', 保険種類：'
	if (insurance == 1) {
		message = message + '医療保険';
	} else {
		message = message + '死亡保険';
	}

	message = message + ', 年齢：'
	message = message + age + '代';

//	$('#message').text(message);


	$('#ranking > dl.sex > dt.sex' + sex + ' > a').css('background', 'none');
	$('#ranking > dl.sex > dd.sex1 > dl.insurance > dt.insurance1 > a').css('background', 'none');
	$('#ranking > dl.sex > dd.sex1 > dl.insurance > dt.insurance2 > a').css('background', 'none');
	$('#ranking > dl.sex > dd.sex2 > dl.insurance > dt.insurance1 > a').css('background', 'none');
	$('#ranking > dl.sex > dd.sex2 > dl.insurance > dt.insurance2 > a').css('background', 'none');
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dt.age20 > a').css('background', 'none');
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dt.age30 > a').css('background', 'none');
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dt.age40 > a').css('background', 'none');
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dt.age50 > a').css('background', 'none');
	$('#ranking > dl.sex > dd.sex1 > dl.insurance > dt.insurance' + insurance + ' > a').css('background', 'url(/img/top/' + insurance + '.gif) no-repeat left bottom');
	$('#ranking > dl.sex > dd.sex2 > dl.insurance > dt.insurance' + insurance + ' > a').css('background', 'url(/img/top/f_' + insurance + '.gif) no-repeat left bottom');
	$('#ranking > dl.sex > dd > dl.insurance > dd > dl.age > dt.age' + age + ' > a').css('background', 'url(/img/top/' + age + '.gif) no-repeat left top');
}

