var overImg = '_f2';
var nowViewNum = 1;


$(function(){

	$('.tab, .rank6, .rank7, .rank8, .rank9, .rank10, .listlink1').each(function(){											
		$(this).hide();
	});

	$('.tabMenu a').each(function(){							
		var idNum = $(this).attr("rel");
		$(this).click(function () {
			$( "#tab" + nowViewNum ).hide();
			$( "#tabMenu" + nowViewNum + " a" ).removeClass("on");
			$( "#tab" + idNum ).show();
			$( "#tabMenu" + idNum + " a" ).addClass("on");
			nowViewNum = idNum;
		});
	});

	$('.listlink1 a').each(function(){							
		var idNum = $(this).attr("rel");
		$(this).click(function () {
			$( "#tab" + idNum + " .listlink1" ).hide();
			$( "#tab" + idNum + " .listlink2" ).show();
			$( "#tab" + idNum + " .rank1" ).show();
			$( "#tab" + idNum + " .rank2" ).show();
			$( "#tab" + idNum + " .rank3" ).show();
			$( "#tab" + idNum + " .rank4" ).show();
			$( "#tab" + idNum + " .rank5" ).show();
			$( "#tab" + idNum + " .rank6" ).hide();
			$( "#tab" + idNum + " .rank7" ).hide();
			$( "#tab" + idNum + " .rank8" ).hide();
			$( "#tab" + idNum + " .rank9" ).hide();
			$( "#tab" + idNum + " .rank10" ).hide();
		});
	});

	$('.listlink2 a').each(function(){							
		var idNum = $(this).attr("rel");
		$(this).click(function () {
			$( "#tab" + idNum + " .listlink2" ).hide();
			$( "#tab" + idNum + " .listlink1" ).show();
			$( "#tab" + idNum + " .rank1" ).hide();
			$( "#tab" + idNum + " .rank2" ).hide();
			$( "#tab" + idNum + " .rank3" ).hide();
			$( "#tab" + idNum + " .rank4" ).hide();
			$( "#tab" + idNum + " .rank5" ).hide();
			$( "#tab" + idNum + " .rank6" ).show();
			$( "#tab" + idNum + " .rank7" ).show();
			$( "#tab" + idNum + " .rank8" ).show();
			$( "#tab" + idNum + " .rank9" ).show();
			$( "#tab" + idNum + " .rank10" ).show();
		});
	});

	$( "#tab" + nowViewNum ).show();
	$( "#tabMenu" + nowViewNum + " a" ).addClass("on");

});