jQuery(function($){

	var box = $("div.box","#caselist");  // 事例コンテンツを「box」に保存
	
	// デフォルト選択値
	var defined = '____';
	
	// 表示するカテゴリを設定 ----------------------------
	var hash = window.location.hash;
	hash = hash.split("?");
	hash = hash[0].split("#");
	if(hash[1] == 'use'){  // 利用シーンから選ぶを初期表示
		$("#tradetab").hide();
		$("#usetab").show();
		$("#servicetab").hide();
		
		$("#tab-nav .trade").removeClass("activeli")
		$("#tab-nav .use").addClass("activeli");
	}
	else if(hash[1] == 'service'){  // サービスから選ぶを初期表示
		$("#tradetab").hide();
		$("#usetab").hide();
		$("#servicetab").show();

		$("#tab-nav .trade").removeClass("activeli")
		$("#tab-nav .service").addClass("activeli");
	}
	// ---------------------------------------------------


	// 業界から選ぶ選択時
	$('a.one').mouseup(function(){
		$("#select1").val(defined);
		$(box).show();
	});
	// 利用シーンから選ぶ選択時
	$('a.two').mouseup(function(){
		$("#select2").val(defined);
		$(box).show();
	});
	// サービスから選ぶ選択時
	$('a.three').mouseup(function(){
		$("#select3").val(defined);
		$(box).show();
	});


	// 業界から選ぶプルダウン
	$('#select1').change(function(){
	
		// 1. 入力された単語を配列に保存する
		var value = this.value;
	
		// 全てのTRで処理を行う
		for(var i=0;i<box.length;i++){
	
			// 対象にするTDのテキストを一時保存
			var itemName = $('dd:nth-child(0)',box[i]).text();
	
			// 2. テキストが最初の単語(value)を含んでいるかどうか
			if(itemName.match(new RegExp(value,'i'))){
	
				// 表示しておく(前回の検索結果で非表示の場合もあるので)
				$(box[i]).show();
	
			// 3. 含んでいない場合は非表示にする
			}else{
				$(box[i]).hide();
			}
		}
		if(value == defined){
			$(box).show();
		}
	});

	// 利用シーンから選ぶプルダウン
	$('#select2').change(function(){
	
		// 1. 入力された単語を配列に保存する
		var value = this.value;
	
		// 全てのTRで処理を行う
		for(var i=0;i<box.length;i++){
	
			// 対象にするTDのテキストを一時保存
			var itemName = $('dd:nth-child(0)',box[i]).text();
	
			// 2. テキストが最初の単語(value)を含んでいるかどうか
			if(itemName.match(new RegExp(value,'i'))){
	
				// 表示しておく(前回の検索結果で非表示の場合もあるので)
				$(box[i]).show();
	
			// 3. 含んでいない場合は非表示にする
			}else{
				$(box[i]).hide();
			}
		}
		if(value == defined){
			$(box).show();
		}
	});

	// サービスから選ぶプルダウン
	$('#select3').change(function(){
	
		// 1. 入力された単語を配列に保存する
		var value = this.value;
	
		// 全てのTRで処理を行う
		for(var i=0;i<box.length;i++){
	
			// 対象にするTDのテキストを一時保存
			var itemName = $('dd:nth-child(0)',box[i]).text();
	
			// 2. テキストが最初の単語(value)を含んでいるかどうか
			if(itemName.match(new RegExp(value,'i'))){
	
				// 表示しておく(前回の検索結果で非表示の場合もあるので)
				$(box[i]).show();
	
			// 3. 含んでいない場合は非表示にする
			}else{
				$(box[i]).hide();
			}
		}
		if(value == defined){
			$(box).show();
		}
	});
});