var showKana = function(evt){
	var el = Event.element(evt);
	$$("div#listBox div.nkbList").each(function(e){e.hide()});
	$$("div#listBox div." + el.id).each(function(e){e.show()});
	$$("div#lBox ul li a").each(function(e){if(e.id == "nka_MDL"){return;}e.removeClassName("act")});
	el.addClassName("act");
}

var showCurrent = function(evt){
	var el = Event.element(evt);
	if (el.isCurrent){
		$$("div#listBox div.nkbList ul li.oldmdl").each(function(e){e.show()});
		el.removeClassName("act");
		el.isCurrent = false;
	}else{
		$$("div#listBox div.nkbList ul li.oldmdl").each(function(e){e.hide()});
		$$("div#listBox div.nkbList ul li.curmdl").each(function(e){e.show()});
		el.addClassName("act");
		el.isCurrent = true;
	}
}

var showBodyType = function(evt){
	var el = Event.element(evt);
	if (el.isActive){
		el.removeClassName("act");
		el.isActive = false;
	}else{
		el.addClassName("act");
		el.isActive = true;
	}

	$$("div#listBox div.nkbList ul li." + el.id).each(function(e){e.removeClassName("act")});	
	$$("div#btlist ul li a.act").each(
		function(e){
			$$("div#listBox div.nkbList ul li." + e.id).each(function(e2){e2.addClassName("act")});
		}
	);
}
Event.observe(window, "load", function(){
	$$("div#lBox ul li a").each(
		function(e){
			if(e.id == "nka_MDL"){return;}
			Event.observe(e,"click",showKana,false);
		}
	);
	$$("div#btlist ul li a").each(
		function(e){
			Event.observe(e,"click",showBodyType,false);
		}
	);
	Event.observe("nka_MDL","click",showCurrent,false);
	return true;
}
,false);