var consonants=['g','k','h','f','w',
                'z','c','s','zh','ch','sh','r',
                'j','q','x',
                'b','p','m','d','t','n','l',
                'y'];                  
var vowels=['a','ao','ai','an','ang',
            'i','ia','ie','iu','iao','ian','iang','iong','in','ing',
            'e','ei','en','eng',
            'o','ou','ong',
            'u','ua','uai','uo','ui','uan','uang','un',
            'ü','üe','ün','üan',
            'ê'];
var syllables=[
'ba','bo','bi','bu',
'pa','po','pi','pu',
'ma','mo','mi','mu',
'fa','fo','fu',
'da','de','di','du',
'ta','te','ti','tu',
'na','ne','ni','nu','nü',
'la','lo','le','li','lu','lü',
'ga','ge','gu',
'ka','ke','ku',
'ha','he','hu',
'ji','jü',
'qi','qü',
'xi','xü',
'za','ze','zi','zu',
'ca','ce','ci','cu',
'sa','se','si','su',
'zha','zhe','zhi','zhu',
'cha','che','chi','chu',
'sha','she','shi','shu',
      're','ri','ru',
'ya','yi','yü','ye',
'wa','wo','wu',
'bao','bai','ban','bang','bei','ben','beng',
'pao','pai','pan','pang','pei','pen','peng',
'mao','mai','man','mang','mei','men','meng',
'fan','fang','fei','fen','feng',
'dao','dai','dan','dang','dei','deng',
'tao','tai','tan','tang','teng',
'nao','nai','nan','nang','nong','nei','neng',
'lao','lai','lan','lang','lou','long','lei','leng',
'gao','gai','gan','gang','gou','gong','gei','gen','geng',
'kao','kai','kan','kang','kou','kong','kei','ken','keng',
'hao','hai','han','hang','hou','hong','hei','hen','heng',
'zao','zai','zan','zang','zou','zong',      'zen','zeng',
'cao','cai','can','cang','cou','cong','cen','ceng',
'sao','sai','san','sang','sou','song','sen','seng',
'zhao','zhai','zhan','zhang','zhou','zhong','zhei','zhen','zheng',
'chao','chai','chan','chang','chou','chong','chen','cheng',
'shao','shai','shan','shang','shou',        'shei','shen','sheng',
'rao','ran','rang','rou','rong','ren','reng',
'yao','yan','yang','you','yong',
'wai','wan','wang','wei','wen','weng',
'bie','biao','bian','bin','bing',
'pie','piao','pian','pin','ping',
'mie','miao','mian','min','ming',

'die','diu','diao','dian','ding',
'tie','tiao','tian','ting',
'nie','niu','niao','nian','nin','ning',
'lia','lie','liu','liao','lian','liang','lin','ling',
'jia','jie','jiu','jiao','jian','jiang','jiong','jin','jing',
'qia','qie','qiu','qiao','qian','qiang','qiong','qin','qing',
'xia','xie','xiu','xiao','xian','xiang','xiong','xin','xing',
'ya','yao','yan','yang','yong','yin','ying',
'duo','dui','duan','dun',
'tuo','tui','tuan','tun',
'nuo','nuan','nüe',
'luo','luan','lun','lüe',
'jue','jun','juan',
'que','qun','quan',
'xue','xun','xuan',
'gua','guai','guo','gui','guan','guang','gun',
'kua','kuai','kuo','kui','kuan','kuang','kun',
'hua','huai','huo','hui','huan','huang','hun',
'zuo','zui','zuan','zun',
'cuo','cui','cuan','cun',
'suo','sui','suan','sun',
'zhua','zhuai','zhuo','zhui','zhuan','zhuang','zhun',
'chuai','chuo','chui','chuan','chuang','chun',
'shua','shuai','shuo','shui','shuan','shuang','shun',
'ruo','rui','ruan','run',
'yue','yun','yuan',
      'wai','wan','wang'];

registerOnLoadHandler('pinyinTable',null,function() {
  var tab=document.createElement("table"); tab.cellSpacing=0; tab.cellPadding=2;
  setStyles(tab,'borderCollape:collapse;borderWidth:1px;borderColor:green;borderStyle:solid;');
  var tb=document.createElement("tbody"); tab.appendChild(tb);
  var tr=document.createElement("tr"); tb.appendChild(tr);
  var td=document.createElement("td"); td.innerHTML=' ';
  setStyles(td,'borderWidth:1px;borderColor:green;borderStyle:solid;');
  tr.appendChild(td); var syllArr={};
  for (var iii=0; iii<syllables.length; ++iii) {syllArr[syllables[iii]]=true;}
  for (var ii=0; ii<vowels.length; ++ii) {
    var td=document.createElement("td"); td.innerHTML=vowels[ii];
    setStyles(td,'borderWidth:1px;borderColor:green;borderStyle:solid;fontWeight:bold;');
    tr.appendChild(td);
  }
  for (var i=0; i<consonants.length; ++i) {
    var tr=document.createElement("tr"); tb.appendChild(tr);
    var td=document.createElement("td"); setStyles(td,'borderWidth:1px;borderStyle:solid;borderColor:green;fontWeight:bold;');
    var cons=consonants[i]; td.innerHTML=(cons.length?cons:"&nbsp;"); tr.appendChild(td);
    for (var ii=0; ii < vowels.length; ++ii) {
      var td=document.createElement("td"); setStyles(td,'borderWidth:1px;borderStyle:solid;borderColor:green;');
      var c=consonants[i],v=vowels[ii],s=c+v,sOrig=s;
      if (c=='j'||c=='q'||c=='x'||c=='y') {if (v.substr(0,1)=='ü') {s=c+'u'+v.substr(1);} else if (v=='ue'||v=='un'||v=='uan') {s='';}}
      if (c=='y' && v=='ê') {s='ye';} else if (c=='y' && v=='e') {s='';}
      var snd=s; if (s.substr(1,1)=='ü') {snd=s.substr(0,1)+'v'+s.substr(2);}
      var haveS=false; if ((syllArr[s] && s.length>0) || (syllArr[sOrig] && s.length > 0)) {haveS=true;}
      // for (var iii=0; iii<syllables.length; ++iii) {if (syllables[iii]==s) {haveS=true;}}
      var sndFile="pinyinTableMp3/all_tones_"+snd+".mp3";
      td.innerHTML = haveS ? '<a href="" onclick="playSound(\''+sndFile+'\');return false;">'+s+'</a>' : '&nbsp;'; tr.appendChild(td);
    }
  }
  document.getElementById("containerDiv").appendChild(tab);
});