// 日本語ハングル表示／非表示
$(function(){
	$(".jaDisplayBtn").click(function(){
		if(isBtnOn("koDisplayBtn") || isBtnOn("kanaDisplayBtn"))
		{
		toggleAction("jaDisplayBtn","ja","日本語を隠す","日本語を表示");
		}
	});
	
	$(".koDisplayBtn").click(function(){
		if(isBtnOn("jaDisplayBtn") || isBtnOn("kanaDisplayBtn"))
		{
		toggleAction("koDisplayBtn","ko","ハングルを隠す","ハングルを表示");
		$(".koSizeBtn").toggleClass('disable');	
		}
	});
	
	$(".kanaDisplayBtn").click(function(){
		if(isBtnOn("jaDisplayBtn") || isBtnOn("koDisplayBtn"))
		{
		toggleAction("kanaDisplayBtn","jrb","カタカナ読みを隠す","カタカナ読みを表示");
		}
	});
	
	
	function isBtnOn(btnClass)
	{
		return ($("."+btnClass).attr("class").split(/[ ]/gi).indexOf("on") >= 0);
	}
	
	function toggleFade(sw,target)
	{	
		if (sw)
		{
			target.fadeTo("slow", 1.0);
		}
		else
		{
			target.fadeTo("slow", 0.001);
		}	
	}
	
	function toggleAction(btn,fadetarget,onText,offText){
		sw = !isBtnOn(btn);
		toggleBtnOnOff(sw, $("."+btn), "on", "off",onText,offText);
		toggleFade(sw, $("."+fadetarget));
		btnDisable();		
	}

	function toggleBtnOnOff(sw, tgt, onClass, offClass,onText,offText)
	{
		if ( sw )
		{
			tgt.addClass(onClass);
			tgt.removeClass(offClass);
			tgt.text(onText);
		}
		else
		{
			tgt.addClass(offClass);
			tgt.removeClass(onClass);
			tgt.text(offText);
		}
	}


	function btnDisable()
	{
		var aryBtnClass = ["jaDisplayBtn","koDisplayBtn","kanaDisplayBtn"];
		for (var i in  aryBtnClass)
		{
			$('.'+aryBtnClass[i]).removeClass('disable');
		}
		
		var numOfOn=0;
		for (var i in  aryBtnClass)
		{
			if ( isBtnOn(aryBtnClass[i]) )
			{
				numOfOn++;
			}
		}

		if (numOfOn==1)
		{
		    for (var i in  aryBtnClass)
		    {
			    if ( isBtnOn(aryBtnClass[i]))
			    {
			    var classname = '.'+aryBtnClass[i];
				    $(classname).addClass('disable');
			    }
		    }
		}
	}
	
});
