/*toaruR gallary ('A`) kluge*/

$(document).ready(function(){
	var mode = 'all';
	
	//メインナビ
	$("#extra-hair").click(
		function () {
			mode = 'hair';
			$(".group-hair").fadeIn().fadeTo("slow", 1);
			$(".group-make").fadeTo("slow", 0.3);
			$(".group-hairmake").fadeTo("slow", 0.3);
			$("#extra-make").css('background-position','0 -16px');
			$("#extra-hairmake").css('background-position','0 -34px');
		}
	);
	$("#extra-hair").hover(
		function () {
			$("#extra-hair").css('background-position','0 -50px');
		},
		function () {
			if(mode != 'hair') {
				$("#extra-hair").css('background-position','0 0');
			}
		}
	);
	$("#extra-make").click(
		function () {
			mode = 'make';
			$(".group-hair").fadeTo("slow", 0.3);
			$(".group-make").fadeIn().fadeTo("slow", 1);
			$(".group-hairmake").fadeTo("slow", 0.3);
			$("#extra-hair").css('background-position','0 0');
			$("#extra-hairmake").css('background-position','0 -34px');
		}
	);
	$("#extra-make").hover(
		function () {
			$("#extra-make").css('background-position','0 -66px');
		},
		function () {
			if(mode != 'make') {
				$("#extra-make").css('background-position','0 -16px');
			}
		}
	);
	$("#extra-hairmake").click(
		function () {
			mode = 'hairmake';
			$(".group-hair").fadeTo("slow", 0.3);
			$(".group-make").fadeTo("slow", 0.3);
			$(".group-hairmake").fadeIn().fadeTo("slow", 1);
			$("#extra-hair").css('background-position','0 0');
			$("#extra-make").css('background-position','0 -16px');
		}
	);
	$("#extra-hairmake").hover(
		function () {
			$("#extra-hairmake").css('background-position','0 -84px');
		},
		function () {
			if(mode != 'hairmake') {
				$("#extra-hairmake").css('background-position','0 -34px');
			}
		}
	);
});