$(document).ready(function(){
	
	// class=activeのID保存用
	var category = "";		// 得意分野
	$("#mainv-inner input[name='category']").attr("value","9"); //値をリセット
	
	// class=hoverのID保存用
	var area = "";		// 対応エリア
	$("#mainv-inner input[name='area']").attr("value","0"); //値をリセット
	
	//クリックで背景切り替え
	$("#category li").mouseup(function () {
		
		// クリックしたものにclass=active追加
		$("#category li").removeClass("active");
		$(this).toggleClass("active");
		$("#category li:not(.active)").removeClass("hover");
		
		// class=activeのID取得(カテゴリー)
		$("#category .active").each(function(){
			category = $(this).attr("id").replace("category","");
			$("#mainv-inner input[name='category']").attr("value",category);
		});
		
	});
	
	// class=hoverのID取得(カテゴリー)
	$("#area .rollover").mouseover( function () {
		area = $(this).attr("value");
		$("#mainv-inner input[name='area']").attr("value",area);
	});
	
	//マウスオーバーで背景切り替え
	$("#category li:not(.active)").mouseover( function () {
		$(this).addClass("hover");
	});
	$("#category li").mouseout( function () {
		if($(this).is(".active")) {
			//何もしない
		} else {
			$(this).removeClass("hover");
		}
	});
});