var menu1="ai"+
"an"+
"ang"+
"ao";
var menu2="ba"+
"bai"+
"ban"+
"bang"+
"bao"+
"bei"+
"ben"+
"beng"+
"bi"+
"bian"+
"biao"+
"bie"+
"bin"+
"bing"+
"bo"+
"bu";
var menu3="ca"+
"cai"+
"can"+
"cang"+
"cao"+
"ce"+
"cen"+
"ceng"+
"ci"+
"cong"+
"cou"+
"cu"+
"cuan"+
"cui"+
"cun"+
"cuo";
var menu4="cha"+
"chai"+
"chan"+
"chang"+
"chao"+
"che"+
"chen"+
"cheng"+
"chi"+
"chong"+
"chou"+
"chu"+
"chua"+
"chuai"+
"chuan"+
"chuang"+
"chui"+
"chun"+
"chuo";
var menu5="da"+
"dai"+
"dan"+
"dang"+
"de"+
"dei"+
"den"+
"deng"+
"di"+
"dia"+
"die"+
"ding"+
"diu"+
"dong"+
"dou"+
"du"+
"duan"+
"dui"+
"dun"+
"duo";
var menu6="en"+
"eng"+
"er";
var menu7="fa"+
"fan"+
"fang"+
"fei"+
"fen"+
"feng"+
"fo"+
"fou"+
"fu";
var menu8="ga"+
"gai"+
"gan"+
"gang"+
"gao"+
"ge"+
"gei"+
"gen"+
"geng"+
"gong"+
"gou"+
"gu"+
"gua"+
"guai"+
"guan"+
"guang"+
"gui"+
"gun"+
"guo";
var menu9="ha"+
"hai"+
"han"+
"hang"+
"hao"+
"he"+
"hei"+
"heng"+
"hong"+
"hou"+
"hu"+
"hua"+
"huai"+
"huan"+
"huang"+
"hui"+
"hun"+
"huo";
var menu11="ji"+
"jia"+
"jian"+
"jiang"+
"jiao"+
"jie"+
"jin"+
"jing"+
"jiong"+
"jiu"+
"ju"+
"juan"+
"jue"+
"jun";
var menu12="ka"+
"kai"+
"kan"+
"kang"+
"kao"+
"ke"+
"ken"+
"kong"+
"kou"+
"ku"+
"kua"+
"kuai"+
"kuan"+
"kuang"+
"kui"+
"kun"+
"kuo";
var menu13="la"+
"lai"+
"lan"+
"lang"+
"lao"+
"le"+
"lei"+
"leng"+
"li"+
"lia"+
"lian"+
"liang"+
"liao"+
"lie"+
"lin"+
"ling"+
"li"+
"liu"+
"lo"+
"long"+
"lou"+
"lu"+
"luan"+
"lun"+
"luo";
var menu10="lü"+
"lüan"+
"lüe"+
"lün";
var menu14="ma"+
"mai"+
"man"+
"mang"+
"mao"+
"me"+
"mei"+
"men"+
"meng"+
"mi"+
"mian"+
"miao"+
"mie"+
"min"+
"ming"+
"miu"+
"mo"+
"mou"+
"mu";
var menu15="na"+
"nai"+
"nan"+
"nang"+
"nao"+
"ne"+
"nei"+
"nen"+
"neng"+
"ni"+
"nian"+
"niang"+
"nie"+
"nin"+
"ning"+
"niu"+
"nong"+
"nou"+
"nu"+
"nuan"+
"nuo";
var menu22="nü"+
"nüe";
var menu16="o"+
"ou";
var menu17="pa"+
"pai"+
"pan"+
"pang"+
"pao"+
"pei"+
"pen"+
"peng"+
"pi"+
"pian"+
"piao"+
"pie"+
"pin"+
"ping"+
"po"+
"pou"+
"pu";
var menu18="qi"+
"qia"+
"qian"+
"qiang"+
"qiao"+
"qie"+
"qin"+
"qing"+
"qiong"+
"qiu"+
"qu"+
"quan"+
"que"+
"qun";
var menu19="ran"+
"rang"+
"rao"+
"re"+
"ren"+
"reng"+
"ri"+
"rong"+
"rou"+
"ru"+
"ruan"+
"rui"+
"run"+
"ruo";
var menu20="sa"+
"sai"+
"san"+
"sang"+
"sao"+
"se"+
"sen"+
"seng"+
"si"+
"song"+
"sou"+
"su"+
"suan"+
"sui"+
"sun"+
"suo";
var menu23="sha"+
"shai"+
"shan"+
"shang"+
"shao"+
"she"+
"shei"+
"shen"+
"sheng"+
"shi"+
"shou"+
"shu"+
"shua"+
"shuai"+
"shuan"+
"shuang"+
"shui"+
"shun"+
"shuo";
var menu21="ta"+
"tai"+
"tan"+
"tang"+
"tao"+
"te"+
"teng"+
"ti"+
"tian"+
"tiao"+
"tie"+
"ting"+
"tong"+
"tou"+
"tu"+
"tuan"+
"tui"+
"tun"+
"tuo";
var menu24="wa"+
"wai"+
"wan"+
"wang"+
"wei"+
"wen"+
"weng"+
"wo"+
"wu";
var menu25="xi"+
"xia"+
"xian"+
"xiang"+
"xiao"+
"xie"+
"xin"+
"xing"+
"xiong"+
"xiu"+
"xu"+
"xuan"+
"xue"+
"xun";
var menu26="ya"+
"yai"+
"yan"+
"yang"+
"yao"+
"ye"+
"yi"+
"yin"+
"ying"+
"yo"+
"yong"+
"you"+
"yu"+
"yuan"+
"yue"+
"yun";
var menu27="za"+
"zai"+
"zan"+
"zang"+
"zao"+
"ze"+
"zei"+
"zen"+
"zeng"+
"zi"+
"zong"+
"zou"+
"zuan"+
"zu"+
"zui"+
"zun"+
"zuo";
var menu28="zha"+
"zhai"+
"zhan"+
"zhang"+
"zhe"+
"zhei"+
"zhen"+
"zheng"+
"zhi"+
"zhong"+
"zhou"+
"zhu"+
"zhua"+
"zhuai"+
"zhuan"+
"zhuang"+
"zhui"+
"zhun"+
"zhuo";
var Zhuyin = {};
Zhuyin.step1 = function () {
var divBodyStep1 =document.getElementById("step2");
while (divBodyStep1.firstChild) { divBodyStep1.removeChild(divBodyStep1.firstChild); }
divBodyStep1.appendChild(document.createTextNode("Pinyin Index Table. Step 1.Click on Above Letters to Map Pinyin to Zhuyin and Wade-Giles."));
var divBox= document.createElement("div");
divBox.id="divmenu";
divBox.className="indexBox";
divBox.style.visibility="hidden";
document.body.appendChild(divBox);
};
Zhuyin.drawIndex = function (menulist,index1,y) {
var divSymbol = document.getElementById("divmenu");
divSymbol.style.visibility="visible";
var oNode = document.getElementById(index1);
divSymbol.innerHTML=menulist;
divSymbol.onmouseover= function(){
Zhuyin.clearhide();
}
divSymbol.onmouseout= function(){
sethide= setTimeout("Zhuyin.hide()", 300);
}
var xp = 0;
while(oNode.tagName != "BODY") {
xp += oNode.offsetLeft;
oNode = oNode.offsetParent;
}
divSymbol.style.left = xp + "px";
divSymbol.style.top = y + "px";
};
Zhuyin.clearhide =function (){
if (window.sethide){ clearTimeout(sethide);}
}
Zhuyin.hide =function(){
var divBox = document.getElementById("divmenu");
divBox.style.visibility="hidden";
}
Zhuyin.position = function (e, divBox) {
var x = e.clientX;
var y = e.clientY;
if (document.documentElement && document.documentElement.scrollTop){
x = e.clientX + document.documentElement.scrollLeft;
y = e.clientY + document.documentElement.scrollTop;
}
else if (document.body)
{
x = e.clientX + document.body.scrollLeft;
y = e.clientY + document.body.scrollTop;
}
divBox.style.left = x + "px";
divBox.style.top = y + "px";
};
Zhuyin.req = function (pinyin_in) {
var oHttp = zXmlHttp.createRequest();
//cancel any active requests
if (oHttp.readyState != 0) {
oHttp.abort();
}
var oData = {
agent: "cozywebsite",
code: pinyin_in
};
oHttp.open("post", "/include/suggestpinyin.php", true);
oHttp.onreadystatechange = function () {
if (oHttp.readyState == 4) {
var aResult = JSON.parse(oHttp.responseText);
Zhuyin.format(aResult['zhuyin'],aResult['pinyin'],aResult['wade']);
}
};
oHttp.send(JSON.stringify(oData));
setTimeout("Zhuyin.hide()", 250);
};
Zhuyin.getword = function (stext) {
alert(stext);
};
Zhuyin.format = function (zhuyin,pinyin,wade) {
var FragMenu1 = document.createDocumentFragment();
oMenuTitle = document.createElement("div");
oMenuTitle.className = "menuheader";
tZhuyin=document.createElement("div");
tPinyin = document.createElement("div");
tWade = document.createElement("div");
tZhuyin.className = "menutitle";
tPinyin.className = "menutitle";
tWade.className = "menutitle";
tPinyin.appendChild(document.createTextNode("PinYin"));
tZhuyin.appendChild(document.createTextNode("ZhuYin"));
tWade.appendChild(document.createTextNode("Wade"));
oMenuTitle.appendChild(tPinyin);
oMenuTitle.appendChild(tZhuyin);
oMenuTitle.appendChild(tWade);
FragMenu1.appendChild(oMenuTitle);
for (var i=0; i < zhuyin.length; i++) {
oDiv = document.createElement("div");
oDiv.className = "menurow";
sZhuyin = document.createElement("span");
sPinyin = document.createElement("span");
sWade = document.createElement("span");
sZhuyin.className = "menuzhuyin";
sPinyin.className = "menupinyin";
sWade.className = "menu_right";
sZhuyin.innerHTML=zhuyin[i];
sPinyin.innerHTML=pinyin[i];
sWade.innerHTML=wade[i];
oDiv.appendChild(sPinyin);
oDiv.appendChild(sZhuyin);
oDiv.appendChild(sWade);
oDiv.onmouseover=this.showbackcolor;
oDiv.onmouseout=this.hidebackcolor;
oDiv.onclick=this.findwords;
FragMenu1.appendChild(oDiv);
}
var divBodyPane =document.getElementById("menu1");
while (divBodyPane.firstChild) { divBodyPane.removeChild(divBodyPane.firstChild); }
divBodyPane.appendChild(FragMenu1);
var divBodyList =document.getElementById("list1");
while (divBodyList.firstChild) { divBodyList.removeChild(divBodyList.firstChild); }
var divBodyStep2 =document.getElementById("step2");
while (divBodyStep2.firstChild) { divBodyStep2.removeChild(divBodyStep2.firstChild); }
divBodyStep2.style.backgroundColor="A3A3FF";
divBodyStep2.style.color="FFE60D";
divBodyStep2.appendChild(document.createTextNode("Step 2. Select a row from the left panel below to find associated words and phrases."));
};
Zhuyin.showbackcolor=function(){
this.className = "menurow_over";
};
Zhuyin.hidebackcolor=function(){
this.className = "menurow";
};
Zhuyin.findwords = function () {
var bopomo=this.childNodes[0].innerHTML;
var divBodyPane =document.getElementById("list1");
while (divBodyPane.firstChild) { divBodyPane.removeChild(divBodyPane.firstChild); }
divBodyPane.appendChild(document.createTextNode("Loading data associated with "+bopomo+"..."));
var oHttp = zXmlHttp.createRequest();
//cancel any active requests
if (oHttp.readyState != 0) {
oHttp.abort();
}
var oData = {
agent: "cozywebsite",
code: bopomo
};
oHttp.open("post", "/include/findpinyinwords.php", true);
oHttp.onreadystatechange = function () {
if (oHttp.readyState == 4) {
var aResult = JSON.parse(oHttp.responseText);
Zhuyin.showresult(bopomo,aResult['pinyin'],aResult['traditional'],aResult['simplified'],aResult['english'], aResult['pinyin_num']);
}
};
oHttp.send(JSON.stringify(oData));
};
Zhuyin.showresult = function (bopomo,pinyin,traditional,simplified,english,pinyin_num) {
pinyin_num=pinyin_num.replace(":","-");
var sAudio= document.createElement("span");
var strAudio=" ";
sAudio.innerHTML=strAudio;
//alert(pinyin_num);
var FragMenu1 = document.createDocumentFragment();
oDivHeader = document.createElement("div");
oDivHeader.className = "resultheader";
sZhuyin_h = document.createElement("span");
sZhuyin_h.appendChild(document.createTextNode("Result(s) for "+bopomo));
sZhuyin_h.appendChild(sAudio);
oDivHeader.appendChild(sZhuyin_h);
FragMenu1.appendChild(oDivHeader);
//Row Title
oDivTitle = document.createElement("div");
oDivTitle.className = "resulttitle";
tPinyin=document.createElement("div");
tTrad = document.createElement("div");
tSimp = document.createElement("div");
tPinyin.className = "titlepinyin";
tTrad.className = "titletrad";
tSimp.className = "titlesimplified";
tPinyin.appendChild(document.createTextNode("Pinyin"));
tTrad.appendChild(document.createTextNode("FanTi"));
tSimp.appendChild(document.createTextNode("JianTi"));
oDivTitle.appendChild(tPinyin);
oDivTitle.appendChild(tTrad);
oDivTitle.appendChild(tSimp);
FragMenu1.appendChild(oDivTitle);
if(pinyin.length==0){
oDivBody = document.createElement("div");
oDivBody.className = "resultrow2";
oDivBody.appendChild(document.createTextNode("No Result"));
FragMenu1.appendChild( oDivBody);
}
for (var i=0; i < pinyin.length; i++) {
oDiv = document.createElement("div");
if(i%2){
oDiv.className = "resultrow";
}else{
oDiv.className = "resultrow2";
}
sPinyin=document.createElement("div");
sTrad = document.createElement("div");
sSimp = document.createElement("div");
sPinyin.className = "resultpinyin";
sTrad.className = "resulttrad";
sSimp.className = "resultsimplified";
sPinyin.innerHTML=pinyin[i];
sTrad.innerHTML=traditional[i];
sSimp.innerHTML=simplified[i];
oDiv.appendChild(sPinyin);
oDiv.appendChild(sTrad);
oDiv.appendChild(sSimp);
oDiv.title=english[i];
FragMenu1.appendChild(oDiv);
}
var divBodyPane =document.getElementById("list1");
while (divBodyPane.firstChild) { divBodyPane.removeChild(divBodyPane.firstChild); }
divBodyPane.appendChild(FragMenu1);
var divBodyStep3 =document.getElementById("step2");
while (divBodyStep3.firstChild) { divBodyStep3.removeChild(divBodyStep3.firstChild); }
divBodyStep3.innerHTML="Step 3. Place mouse over a result row for English annotation.";
};