// 全てのブランドを見る
function treeMenu1(tName){
	var changestyle;
	if(document.getElementById(tName).style.display == "none"){
		changestyle = "block";
		document.getElementById("detailSearchTxt1").innerHTML = "<a href=\"javascript:treeMenu1('detailMenu1');\" class=\"ico_close1 type03\">閉じる</a><br><br>";
	}else{
		changestyle = "none";
		document.getElementById("detailSearchTxt1").innerHTML = "<a href=\"javascript:treeMenu1('detailMenu1');\"><img class=\"over\" height=\"36\" alt=\"全てのブランドを表示\" src=\"/shared/img/cate_bt_le.gif\" width=\"182\" /></a>";
	}
	document.getElementById(tName).style.display = changestyle;
}

function treeMenu2(tName){
	var changestyle;
	if(document.getElementById(tName).style.display == "none"){
		changestyle = "block";
		document.getElementById("detailSearchTxt2").innerHTML = "<a href=\"javascript:treeMenu2('detailMenu2');\" class=\"ico_close2 type03\">閉じる</a><br><br>";
	}else{
		changestyle = "none";
		document.getElementById("detailSearchTxt2").innerHTML = "<a href=\"javascript:treeMenu2('detailMenu2');\"><img class=\"over\" height=\"36\" alt=\"全てのブランドを表示\" src=\"/shared/img/cate_bt_lc.gif\" width=\"182\" /></a>";
	}
	document.getElementById(tName).style.display = changestyle;
}


function treeMenu3(tName){
	var changestyle;
	if(document.getElementById(tName).style.display == "none"){
		changestyle = "block";
		document.getElementById("detailSearchTxt3").innerHTML = "<a href=\"javascript:treeMenu3('detailMenu3');\" class=\"ico_close3 type03\">閉じる</a><br><br>";
	}else{
		changestyle = "none";
		document.getElementById("detailSearchTxt3").innerHTML = "<a href=\"javascript:treeMenu3('detailMenu3');\"><img class=\"over\" height=\"36\" alt=\"全てのブランドを表示\" src=\"/shared/img/cate_bt_lsd.gif\" width=\"182\" /></a>";
	}
	document.getElementById(tName).style.display = changestyle;
}


function treeMenu4(tName){
	var changestyle;
	if(document.getElementById(tName).style.display == "none"){
		changestyle = "block";
		document.getElementById("detailSearchTxt4").innerHTML = "<a href=\"javascript:treeMenu4('detailMenu4');\" class=\"ico_close4 type03\">閉じる</a><br><br>";
	}else{
		changestyle = "none";
		document.getElementById("detailSearchTxt4").innerHTML = "<a href=\"javascript:treeMenu4('detailMenu4');\"><img class=\"over\" height=\"36\" alt=\"全てのブランドを表示\" src=\"/shared/img/cate_bt_mec.gif\" width=\"182\" /></a>";
	}
	document.getElementById(tName).style.display = changestyle;
}


function treeMenu5(tName){
	var changestyle;
	if(document.getElementById(tName).style.display == "none"){
		changestyle = "block";
		document.getElementById("detailSearchTxt5").innerHTML = "<a href=\"javascript:treeMenu5('detailMenu5');\" class=\"ico_close5 type03\">閉じる</a><br><br>";
	}else{
		changestyle = "none";
		document.getElementById("detailSearchTxt5").innerHTML = "<a href=\"javascript:treeMenu5('detailMenu5');\"><img class=\"over\" height=\"36\" alt=\"全てのブランドを表示\" src=\"/shared/img/cate_bt_msd.gif\" width=\"182\" /></a>";
	}
	document.getElementById(tName).style.display = changestyle;
}


function treeMenu6(tName){
	var changestyle;
	if(document.getElementById(tName).style.display == "none"){
		changestyle = "block";
		document.getElementById("detailSearchTxt6").innerHTML = "<a href=\"javascript:treeMenu6('detailMenu6');\" class=\"ico_close6 type03\">閉じる</a><br><br>";
	}else{
		changestyle = "none";
		document.getElementById("detailSearchTxt6").innerHTML = "<a href=\"javascript:treeMenu6('detailMenu6');\"><img class=\"over\" height=\"36\" alt=\"全てのブランドを表示\" src=\"/shared/img/cate_bt_kd.gif\" width=\"182\" /></a>";
	}
	document.getElementById(tName).style.display = changestyle;
}

var tab_num = 6;

function tab_change(num) {
	for(var i=1; i <= tab_num; i++) {
		var str_i = "0" + i;
		if( i == num) {
			$('#ranking_contents' + str_i).css({display: 'block' });
			$('#ranking_tab' + str_i).addClass('on');
		}else{
			$('#ranking_contents' + str_i).css({display: 'none' });
			$('#ranking_tab' + str_i).removeClass('on');
		}
	}
}

$(function() {
	$('#ranking_tab01 a').mouseover(function() {
		tab_change(1);
	});
	$('#ranking_tab02 a').mouseover(function() {
		tab_change(2);
	});
	$('#ranking_tab03 a').mouseover(function() {
		tab_change(3);
	});
	$('#ranking_tab04 a').mouseover(function() {
		tab_change(4);
	});
	$('#ranking_tab05 a').mouseover(function() {
		tab_change(5);
	});
	$('#ranking_tab06 a').mouseover(function() {
		tab_change(6);
	});

});