//--------設定--------
var convFlag  = 1;      //モードフラグ ひらがな→0　カタカナ→1
//--------------------

var baseVal = [];
function setRuby(nameId,rubyId) {
	var newVal = $(nameId).value;
	if (baseVal[nameId] == newVal){return;}
//	alert(newVal);
	if (newVal == "") {
  $(rubyId).value="";
		  baseVal[nameId] = "";
		  return;
	}
	
	var addVal = newVal;
	for(var i=baseVal[nameId].length; i>=0; i--) {
		if (newVal.substr(0,i) == baseVal[nameId].substr(0,i)) {
			addVal = newVal.substr(i);break;
		}
	}
	baseVal[nameId] = newVal;
	var addruby = addVal.replace( /[^ 　ぁあ-んァー]/g, "" );
	if (addruby == ""){return;}
	if(convFlag){addruby = convKana(addruby);}
	$(rubyId).value += addruby;
}

function loopTimer(){
	setRuby("Sei",'SeiRuby');
	setRuby("Mei",'MeiRuby');
	timer = setTimeout("loopTimer()",1);
}

function convKana(val){
	var c, a = [];
	for(var i=val.length-1;0<=i;i--){
			c = val.charCodeAt(i);
			a[i] = (0x3041 <= c && c <= 0x3096) ? c + 0x0060 : c;
	}
	return String.fromCharCode.apply(null, a);
}

var timer = false;
//window.onload = function(){
//	loopTimer();
//	$('SeiRuby').onkeyup = setRuby('Sei','SeiRuby');
//	$('MeiRuby').onkeyup = setRuby('Mei','MeiRuby');
//}