// wikiautocompletion.js
// External Javascript to extend some HTML like wikiautocompletion.htm allowing for a dynamically created HTML div element "wikiautocompletion" (ie. dropdown + div contenteditable=true)
// November, 2020
// Called via ...
//      <script type='text/javascript' src='wikiautocompletion.js' defer></script>
//   ... or dropdown populated example as per ...
//      <script type='text/javascript' src='wikiautocompletion.js?ddlist=Asia,Africa,Europe,North%20America,South%20America,Australia,Antarctica' defer></script>

// Check for proper PHP recall setting of correct select element value

  var divautoc=''; 
  var divarr=[], divarrl=[], divarru=[];
  var ths=[], thsihorig=[], thsih=[];
  
  var lastdivo=null; 
  var lastdivid=''; 

if (!String.fromCodePoint) {   // thanks to http://xahlee.info/js/js_unicode_code_point.html
// ES6 Unicode Shims 0.1 , © 2012 Steven Levithan , MIT License
    String.fromCodePoint = function fromCodePoint () {
        var chars = [], point, offset, units, i;
        for (i = 0; i < arguments.length; ++i) {
            point = arguments[i];
            offset = point - 0x10000;
            units = point > 0xFFFF ? [0xD800 + (offset >> 10), 0xDC00 + (offset & 0x3FF)] : [point];
            chars.push(String.fromCharCode.apply(null, units));
        }
        return chars.join("");
    }
}

 
class Droptext {
  constructor(wikiautocompletion) {
    this.ele = document.createElement('div');
    this.ele.id = ('' + wikiautocompletion).split(';')[0];
    if (('' + wikiautocompletion).indexOf(';') != -1) {
      this.ele.setAttribute('data-dropinnards',  encodeURIComponent(('' + wikiautocompletion).split(';')[1].replace('<select ','<select onchange=woit(this); ')));
      this.ele.setAttribute('data-optionval',  "<option id=lastopt value=''></option>");
      this.ele.setAttribute('data-focusaway',  "<input style=position:absolute;top:-200px;left:-200px; type=text value=></input>");
      this.ele.setAttribute('contenteditable', true);
      this.ele.className = "wikiautocompletion";
      this.ele.title = "Can use keyboard to add options to dropdowns of this ComboBox";
      if (('' + wikiautocompletion).indexOf('</select>') != -1) {
      this.ele.innerHTML = ('' + wikiautocompletion).split(';')[1].split('</select>')[0].replace('<selXXect ','<select onchange=woit(this); ') + '</select>'; // + "<input style=position:absolute;top:-200px;left:-200px; type=text value=></input>"; 
      } else {
      this.ele.innerHTML = ('' + wikiautocompletion).split(';')[1].replace('<selXXect ','<select onchange=woit(this); ') + '</select>'; // + "<input style=position:absolute;top:-200px;left:-200px; type=text value=></input>"; 
      }
    }
  }
  present() {
    var teo=this.ele.outerHTML.replace('><select', ' onblur=" var odiv=event.target;  var optval=event.target.getAttribute(' + "'" + 'data-optionval' + "'" + ');  var fway=event.target.getAttribute(' + "'" + 'data-focusaway' + "'" + ');  var umytype=event.target.innerHTML;  var alltogether=decodeURIComponent(event.target.getAttribute(' + "'" + 'data-dropinnards' + "'" + ')).split(String.fromCharCode(60) + ' + "'" + '/select' + "'" + ')[0]; if (umytype.trim().length == 0) {   odiv.innerHTML = decodeURIComponent(event.target.getAttribute(' + "'" + 'data-dropinnards' + "'" + ')); } else if (alltogether.indexOf(String.fromCharCode(62) + umytype + String.fromCharCode(60)) != -1) {   odiv.innerHTML = alltogether.replace(String.fromCharCode(62) + umytype + String.fromCharCode(60), ' + "' selected'" + ' + String.fromCharCode(62) + umytype + String.fromCharCode(60)) + event.target.getAttribute(' + "'" + 'data-focusaway' + "'" + ');   } else {  alltogether+=optval.replace(String.fromCharCode(39),  String.fromCharCode(39) + umytype).replace(String.fromCharCode(62), String.fromCharCode(62) + umytype);  alltogether+=String.fromCharCode(60) + ' + "'" + '/select' + "'" + ' + String.fromCharCode(62); odiv.innerHTML = fway; odiv.innerHTML = alltogether.replace(String.fromCharCode(62) + umytype + String.fromCharCode(60), ' + "' selected'" + ' + String.fromCharCode(62) + umytype + String.fromCharCode(60)) + event.target.getAttribute(' + "'" + 'data-focusaway' + "'" + '); odiv.setAttribute(' + "'" + 'data-dropinnards' + "'" + ',encodeURIComponent(alltogether.replace(' + "'" + 'ion id' + "'" + ',' + "'" + 'ion data-id=' + "'" + '))); }  " onkeypress=" event.target.setAttribute(' + "'" + 'data-sofar' + "'" + ', autoc(event)); " onkeydown="  if (xautoc(event).indexOf(String.fromCharCode(60)) != -1) { event.target.innerHTML=' + "''" + ';  } "><select onchange=woit(this); ');
    //var seles=teo.split('</select>');
    //if (seles.length == 1) { seles.push(''); }
    //if (seles[1].indexOf('<option') != -1) {
    //return teo.replace(seles[1].split('</div>')[0], '');
    //} else {
    return teo;
    //}
  }
}

class Contents extends Droptext {
  constructor(wikiautocompletion, mod) {
    if (('' + wikiautocompletion) == '') {
      var iinn=0;
      while (document.getElementById('wikiautocompletion' + iinn)) {
        iinn++;
      }
      wikiautocompletion = 'wikiautocompletion' + iinn;
    }
    super((wikiautocompletion + ';' + mod));
    this.dropinnards = mod;
  }
  show() {
    return this.present() + "<input style=position:absolute;top:-200px;left:-200px; type=text value=></input>"; // + ', it is a ' + this.dropinnards;
  }
}

function setsval(sid, slv) {
  var sels=document.getElementsByTagName('select');
  for (var isls=0; isls<sels.length; isls++) {
    if (('' + sels[isls].id) == sid) {
      sels[isls].value=slv;
      return;
    } else if (sels[isls].outerHTML.indexOf(' name="' + sid + '"') != -1) {
      sels[isls].value=slv;
      return;
    }
  }
}

function xautoc(ato) {
  var lastn='';
  var butcnt=0;
  var wasc=String.fromCharCode(eval(eval('' + ato.keyCode)));
  lastdivo=ato.target;
  lastdivid='' + ato.target.id;
  var atoih=ato.target.innerHTML;
  
  if (atoih.indexOf('</select>') != -1 && divarr.length > 0) {
    if (atoih.split('</select>')[1].trim() == '' && lastdivo.innerHTML.indexOf('ion id=') != -1) {
      lastdivo.innerHTML=lastdivo.innerHTML.replace(/\ion id\=/g, 'ion data-id=');
      lastdivo.setAttribute('data-dropinnards', encodeURIComponent(lastdivo.innerHTML));
      atoih=ato.target.innerHTML;
    }
  } else if (atoih.trim() == '' && divarr.length > 0 && lastdivo.innerHTML.indexOf('ion id=') != -1) {
    lastdivo.innerHTML=lastdivo.innerHTML.replace(/\ion id\=/g, 'ion data-id=');
    lastdivo.setAttribute('data-dropinnards', encodeURIComponent(lastdivo.innerHTML));
    atoih=ato.target.innerHTML;
  }
   
  if ((atoih + wasc) != '' && divarr.length > 0) { //document.getElementById('viapcontent').innerHTML != '') {
    var found=false, foundlist='';
    for (var ij=0; ij<divarr.length; ij++) {
    if (atoih.indexOf('</select>') != -1) {
      if (!found && divarr[ij].toUpperCase().indexOf((atoih.split('</select>')[1] + wasc).toUpperCase()) == 0) {
        found=true;
        foundlist=divarr[ij];
        lastn=divarr[ij];
      } else if (found && divarr[ij].toUpperCase().indexOf((atoih.split('</select>')[1] + wasc).toUpperCase()) != 0) {
        foundlist=foundlist;
      } else if (found) {
        if (divarr[ij] != lastn) { lastn=divarr[ij]; foundlist+='`' + divarr[ij]; }
      }
    } else {
      if (!found && divarr[ij].toUpperCase().indexOf((atoih + wasc).toUpperCase()) == 0) {
        found=true;
        foundlist='<button id=but' + butcnt + ' onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>';
        lastn=nosq(divarr[ij]);
        butcnt++;
      } else if (found && divarr[ij].toUpperCase().indexOf((atoih + wasc).toUpperCase()) != 0) {
        foundlist=foundlist;
      } else if (found && foundlist.indexOf('<button onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>') == -1) {
        if (nosq(divarr[ij]) != lastn) { lastn=nosq(divarr[ij]); foundlist+='`' + '<button id=but' + butcnt + '  onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>'; }
        butcnt++;
      }
    }
    }
    if (atoih.indexOf('</select>') != -1) {
    //document.title=(' ' + wasc + ' Foundlist (via ' + atoih.split('</select>')[1] + wasc + ')=' + foundlist);
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
      document.getElementById('viapcontent').style.opacity='1.0';
      document.getElementById('viapcontent').style.zIndex='7';
    }
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<!--br-->'));
    } else {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<br>'));
    }
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
    } else {
    //document.title=(' ' + wasc + ' Foundlist (via ' + atoih + wasc + ')=' + foundlist);
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
      document.getElementById('viapcontent').style.opacity='0.7';
      document.getElementById('viapcontent').style.zIndex='-7';
    }
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
      document.getElementById('viapcontent').style.opacity='1.0';
      document.getElementById('viapcontent').style.zIndex='7';
    }
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<!--br-->'));
    } else {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<br>'));
    }
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
    }
  }
  
  return atoih;
}

function ifmdo(inbrs) {
  var isn=true;
  var thenu='';
  var thes='';
  if (5 == 5 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
  //alert(98);
  for (var ijh=1; ijh<=lastdivid.length; ijh++) {
    if (isn && lastdivid.slice(-ijh).substring(0,1) >= '0' && lastdivid.slice(-ijh).substring(0,1) <= '9') {
      thenu='' + lastdivid.slice(-ijh).substring(0,1) + thenu;
    } else if (lastdivid.slice(-ijh).substring(0,1) < '0' || lastdivid.slice(-ijh).substring(0,1) > '9') {
      if (ijh == 1) { thenu='0';  }
      isn=false;
    }
  }
  thenu=eval('' + thenu);
  //alert(lastdivid + ' gets us ' + eval(-1 + eval('' + thenu)));
  //alert(inbrs);
  if (document.getElementById('th' + eval(0 + thenu))) {
    if (thsih[eval(0 + thenu)].indexOf('<') > 0) { thes=thsih[eval(0 + thenu)].replace(thsih[eval(0 + thenu)].split('<')[0],'');  }
    document.getElementById('th' + eval(0 + thenu)).innerHTML='<select onchange=onc(this); id=selth' + eval(0 + thenu) + ' style=display:inline-block;width:' + eval(5 + ths[eval(0 + thenu)]) + 'px;><option value=" " selected>' + thsih[eval(0 + thenu)].split('<')[0] + '</option>' + inbrs.replace(/\ id\=/g,' value=').replace(/\ onclick\=/g,' data-onclick=').replace(/atwo\(/g,'athree(this,').replace(/\<br\>/g,'').replace(/\<\!\-\-br\-\-\>/g,'').replace(/\<button/g,'~option').replace(/\<\/button\>/g,'~/option`').replace(/\>/g, ' value="">').replace(/\~/g,'<').replace(/\`/g,'>') + '</select>' + thes;
  }  
  }
  return inbrs;
}

function onc(othis) {
 if (othis.value.trim().length > 0) { 
   if (document.getElementById(othis.value)) {
   document.getElementById(othis.value).click(); 
   } else if (othis.innerHTML.indexOf(' value="' + othis.value + '" ') != -1) {
   if (othis.innerHTML.split(' value="' + othis.value + '" ')[1].split('>')[0].indexOf('click="') != -1) {
   eval(othis.innerHTML.split(' value="' + othis.value + '" ')[1].split('click="')[1].split('"')[0].replace('athree(this,','atwo('));
   } else {
   eval(othis.innerHTML.split(' value="' + othis.value + '" ')[0].split('<')[eval(-1 + othis.innerHTML.split(' value="' + othis.value + '" ')[0].split('<').length)].split('click="')[1].split('"')[0].replace('athree(this,','atwo('));
   }
   }
   var iparent='' + othis.id.replace('selth','');
   othis.value=' ';
   var realih=thsih[eval('' + iparent)].split('<')[0]; 
   //document.getElementById('th' + iparent).innerHTML=thsih[eval('' + iparent)].substring(eval('' + realih.length)).replace('>. <','>' + realih + '<'); 
   document.getElementById('th' + iparent).innerHTML=thsihorig[eval('' + iparent)];
 }
}

function andmore(wv) {
  var amr='';
  var sels=document.getElementsByTagName('select');
  for (var isls=0; isls<sels.length; isls++) {
    if (sels[isls].innerHTML.indexOf(' id="lastopt"') != -1) {
      if (('' + sels[isls].name).replace('null','').replace('undefined','') != '') {
        amr='`' + sels[isls].name;
      } else if (('' + sels[isls].id).replace('null','').replace('undefined','') != '') {
        amr='`' + sels[isls].id;
      }
    }
  }
  return wv + amr;
}

function athree(bone, wk, wkv) {
 if (bone.value.trim() != '') {
  document.getElementById(bone.value).click();
  document.getElementById(bone).value=' ';
 }
}

function nosq(inm) {
  return inm.replace(/\'/g, "' + String.fromCharCode(39) + '");
}

function atwo(wk, wkv) {
 if (document.getElementById('lastopt')) {
 console.log('Wk=' + wk + ' and Wkv=' + wkv);
 document.getElementById('lastopt').innerHTML=wkv;
 document.getElementById('lastopt').value=wkv;
 if (document.getElementById('inavigate')) { document.getElementById('inavigate').name='inavigate'; document.getElementById('inavigate').value=andmore(wkv); } 
 document.getElementById(wk).innerHTML=document.getElementById(wk).innerHTML.replace(/\ id\=/g, ' data-id=');
 document.getElementById('viapcontent').innerHTML='';
 document.getElementById(wk).setAttribute('data-dropinnards', encodeURIComponent(document.getElementById(wk).innerHTML));
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
 document.getElementById(wk.replace('wikiautocompletion','th').replace(/^th$/g,'th0')).innerHTML=thsihorig[eval('' + iparent)];
 } else {
 console.log('wk=' + wk + ' and wkv=' + wkv);
 document.getElementById(wk).innerHTML=wkv;   
 if (document.getElementById('inavigate')) { document.getElementById('inavigate').name='inavigate'; document.getElementById('inavigate').value=wkv; } 
 //document.getElementById(wk).setAttribute('data-sofar',wkv); 
 //alert(("" + document.getElementById(wk).onblur).split('}')[0].split('{')[1].replace(/event\.target/g,"document.getElementById('" + wk + "')"));
 if (("" + document.getElementById(wk).onblur).indexOf('{') != -1) {
 eval(("" + document.getElementById(wk).onblur).split('}')[0].split('{')[1].replace(/event\.target/g,"document.getElementById('" + wk + "')"));
 }
 //eval(("" + document.getElementById(wk).onblur).split('}')[0].split('{')[1].replace(/event\.target/g,"document.getElementById('" + wk + "')"));
 //document.getElementById(wk).click();
 //document.getElementById('iootw').focus();
 //document.getElementById(wk).setAttribute('data-dropinnards', encodeURIComponent(document.getElementById(wk).innerHTML));
 document.getElementById('viapcontent').innerHTML='';
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
 document.getElementById(wk.replace('wikiautocompletion','th').replace(/^th$/g,'th0')).innerHTML=thsihorig[eval('' + iparent)];
 }
}

function autoc(ato) {
  var lastn='';
  var butcnt=0;
  var wasc=String.fromCharCode(eval(eval('' + ato.keyCode)));
  lastdivo=ato.target;
  lastdivid='' + ato.target.id;
  var atoih=ato.target.innerHTML;
    
  if (atoih.indexOf('</select>') != -1 && divarr.length > 0) {
    if (atoih.split('</select>')[1].trim() == '' && lastdivo.innerHTML.indexOf('ion id=') != -1) {
      lastdivo.innerHTML=lastdivo.innerHTML.replace(/\ion id\=/g, 'ion data-id=');
      //lastdivo.setAttribute('data-dropinnards', encodeURIComponent(lastdivo.innerHTML));
      atoih=ato.target.innerHTML;
    }
  } else if (atoih.trim() == '' && divarr.length > 0 && lastdivo.innerHTML.indexOf('ion id=') != -1) {
    lastdivo.innerHTML=lastdivo.innerHTML.replace(/\ion id\=/g, 'ion data-id=');
    //lastdivo.setAttribute('data-dropinnards', encodeURIComponent(lastdivo.innerHTML));
    atoih=ato.target.innerHTML;
  }
   
  if ((atoih + wasc) != '' && divarr.length > 0) { //document.getElementById('viapcontent').innerHTML != '') {
    var found=false, foundlist='';
    for (var ij=0; ij<divarr.length; ij++) {
    if (atoih.indexOf('</select>') != -1) {
      if (!found && divarr[ij].toUpperCase().indexOf((atoih.split('</select>')[1] + wasc).toUpperCase()) == 0) {
        found=true;
        foundlist=divarr[ij];
        lastn=divarr[ij];
      } else if (found && divarr[ij].toUpperCase().indexOf((atoih.split('</select>')[1] + wasc).toUpperCase()) != 0) {
        foundlist=foundlist;
      } else if (found) {
        if (divarr[ij] != lastn) { lastn=divarr[ij]; foundlist+='`' + divarr[ij]; }
      }
    } else {
      if (!found && divarr[ij].toUpperCase().indexOf((atoih + wasc).toUpperCase()) == 0) {
        found=true;
        //foundlist='<button onclick="document.getElementById(' + "'" + lastdivid + "'" + ').innerHTML=' + "'" + divarr[ij] + "'" + ';   document.getElementById(' + "'" + lastdivid + "'" + ').setAttribute(' + "'data-sofar'" + ',' + "'" + divarr[ij] + "'" + '.replace(/\\ /g,"|"));  eval(("" + document.getElementById(' + "'" + lastdivid + "'" + ').onblur).replace(/event\.target/g,\"document.getElementById(' + "'" + lastdivid + "'" + ')\"));">' + divarr[ij] + '</button>';
        foundlist='<button id=but' + butcnt + ' onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>';
        lastn=nosq(divarr[ij]);
        butcnt++;
      } else if (found && divarr[ij].toUpperCase().indexOf((atoih + wasc).toUpperCase()) != 0) {
        foundlist=foundlist;
      } else if (found && foundlist.indexOf('<button onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>') == -1) {
        //foundlist+='`' + '<button id=but' + butcnt + ' onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>';
        if (nosq(divarr[ij]) != lastn) { lastn=nosq(divarr[ij]); foundlist+='`' + '<button id=but' + butcnt + '  onclick="atwo(' + "'" + lastdivid + "'" + ',' + "'" + nosq(divarr[ij]) + "'" + ');">' + divarr[ij] + '</button>'; }
        butcnt++;
       }
    }
    }
    if (atoih.indexOf('</select>') != -1) {
    //document.title+=(' ' + wasc + ' foundlist (via ' + atoih.split('</select>')[1] + ')=' + foundlist);
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
      document.getElementById('viapcontent').style.opacity='1.0';
      document.getElementById('viapcontent').style.zIndex='7';
    }
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<!--br-->'));
    } else {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<br>'));
    }
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
    } else {
    //document.title+=(' ' + wasc + ' foundlist (via ' + atoih + wasc + ')=' + foundlist);
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
      document.getElementById('viapcontent').style.opacity='1.0';
      document.getElementById('viapcontent').style.zIndex='7';
    }
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<!--br-->'));
    } else {
    document.getElementById('viapcontent').innerHTML=ifmdo(foundlist.replace(/\`/g,'<br>'));
    }
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
    }
  }
  
  return atoih;
}

function askaboutsort(iw, iwc) {
 var ioselo=null;
 var sels=[], isels=0;
 var curval='';
 var ansis='';
 var contarr=[], icont=0, incont='';
 var ris='O';
 sels=document.getElementsByTagName('select');
 for (isels=0; isels<sels.length; isels++) {
    if (('' + sels[isels].name) == ('selcombo' + iw).replace('o0','o') || ('' + sels[isels].name) == ('selcombo' + iw).replace('oJUNK0','o')) {
     ioselo=sels[isels];
     curval=ioselo.value;
    }
 }
 if (ioselo) {
   if (ioselo.outerHTML.indexOf(' data-content=') != -1) {
     contarr=decodeURIComponent(ioselo.getAttribute('data-content')).split('</option>');
     contarr.sort();
     ansis=prompt('Do you want to sort Ascending or Descending column or restore Original order ' + iwc + '? ... A or D or O', '');
   } else {
     ris='A';
     ioselo.setAttribute('data-content', encodeURIComponent(ioselo.innerHTML));
     contarr=decodeURIComponent(ioselo.getAttribute('data-content')).split('</option>');
     contarr.sort();
     ansis=prompt('Do you want to sort Ascending or Descending column ' + iwc + '? ... A or D', '');
   }
 if (ansis == null) { ansis = ''; }
 if ((ansis + ' ').toUpperCase().substring(0,1) == 'A') {
   for (icont=0; icont<contarr.length; icont++) {
     incont+=contarr[icont] + '</option>';
   }
   ioselo.innerHTML=incont;
   ioselo.value=curval;
 } else if ((ansis + ' ').toUpperCase().substring(0,1) == 'D') {
   for (icont=eval(-1 + contarr.length); icont>=0; icont--) {
     incont+=contarr[icont] + '</option>';
   }
   ioselo.innerHTML=incont;
   ioselo.value=curval;
 } else if ((ansis + ' ').toUpperCase().substring(0,1) == ris) {
   ioselo.innerHTML=decodeURIComponent(ioselo.getAttribute('data-content'));
   ioselo.value=curval;
 }
 }
}

function thprompts() {
 var wasih='';
 var ths=document.getElementsByTagName('th');
 for (var iths=0; iths<ths.length; iths++) {
   if (ths[iths].innerHTML.indexOf('<') == -1) {
     wasih=ths[iths].innerHTML;
     ths[iths].innerHTML='<a title="Click for some sorting options" style="cursor:pointer;text-decoration:none;" onclick="askaboutsort(' + iths + ",'" + wasih + "');" + '">' + wasih + '</a>';
   }
 }
}

function woit(sthis) {
if (sthis.value.indexOf(String.fromCharCode(104) + String.fromCharCode(116) + String.fromCharCode(116) + String.fromCharCode(112)) == 0) { 
 window.open(sthis.value,'_blank','top=100,left=100,width=600,height=600');  
}
if (sthis.outerHTML.indexOf(' data-content=') != -1) {
 if (decodeURIComponent(sthis.getAttribute('data-content')).replace(/\ value\=\"/g, ' value=').replace(/\ value\=\'/g, ' value=').indexOf(' value=' + sthis.value) == -1) {
  sthis.setAttribute('data-content', sthis.getAttribute('data-content') + encodeURIComponent('<option value="' + sthis.value + '">' + sthis.options[sthis.selectedIndex].text + '</option>'))
 }
}
if (document.getElementById('inavigate')) { if (('' + document.getElementById('inavigate').name).replace('null','').replace('undefined','') != '') { document.getElementById('inavigate').value=sthis.value + '`' + ('' + sthis.name).replace('null','').replace('undefined',''); }  }
if (document.getElementById('itable')) {  if (1 == 6) { document.getElementById('itable').name='itable'; }  document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML); } 
}

var ihs, selconts=[], selcont='', mywikiautocompletion=null, obody=null, ofound=false, jiip=0, iip=0, obs=[], ihsobs=[], iqw=0, ihsuff='', isokay=true, ioff=0, alle=[], ialle=0, sparebody=null;
ihs = "";
if (document.title != document.title.trim()) {
ihsobs = (" ").split('?ddlist=');
} else {
ihsobs = (document.head.innerHTML + document.body.innerHTML).replace(/\&ddlist\=/g,'?ddlist=').split('?ddlist=');
}
if (ihsobs.length > 2) {
  ioff = -1;
  ihs = decodeURIComponent((document.head.innerHTML + document.body.innerHTML).replace('&ddlist=','?ddlist=').split('?ddlist=')[1].split('&')[0].split('"')[0].split("'")[0]); // + ',';
  if (document.URL.indexOf('ddlist=' + encodeURIComponent(ihs)) == -1 && (document.head.innerHTML + document.body.innerHTML).indexOf('?just=one') == -1) {
    if (document.URL.indexOf('?') == -1) {
      if (ihs.indexOf('/wiki/') == -1) { location.href = document.URL.split('#')[0] + '?ddlist=' + encodeURIComponent(ihs); }
      ioff = -11;
    } else {
      if (ihs.indexOf('/wiki/') == -1) { location.href = document.URL.split('#')[0] + '&ddlist=' + encodeURIComponent(ihs); }
      ioff = -11;
    }
  } else {
    document.title+=' ';
  }
} else if (ihsobs.length == 2) {
  ioff = -1;
}
for (iqw=1; iqw<=eval(ioff + eval('' + ihsobs.length)); iqw++) {
ihs="";
isokay=true;
var selxsuff="<select><option value=''></option><option value='Red'>Red</option><option value='Blue'>Blue</option><option value='Yellow'>Yellow</option></select>";
if (document.URL.indexOf('.php') != -1) { selxsuff=''; }
selconts = location.search.split('ddlist=')[1] ? (ihs + decodeURIComponent(location.search.split('ddlist=')[1].split('&')[0])).split(',') : (ihs + selxsuff).split(',');
if ((document.head.innerHTML + document.body.innerHTML).replace(/\&ddlist\=/g,'?ddlist=').indexOf('?ddlist=') != -1) {
  ihs = decodeURIComponent((document.head.innerHTML + document.body.innerHTML).replace(/\&ddlist\=/g,'?ddlist=').split('?ddlist=')[iqw].split('&')[0].split('"')[0].split("'")[0]); // + ',';
  if (ihs.trim() != '') { selconts = ihs.split(','); }
  if (ihsobs.length > 2) {
    isokay = false;
    if (iqw > 1) {
      selconts = ihs.split(',');
    }
    if (1 == 1 || document.URL.indexOf('ddlist=' + encodeURIComponent(ihsobs[1].split('&')[0].split('"')[0].split("'")[0])) != -1) {
      isokay=true;
    }
  }
}
if (isokay) { console.log('yay ' + ioff + ' ' + ihsobs.length + ' ' + document.URL); } else {  console.log('oops ' + ioff + ' ' + ihsobs.length + ' ' + document.URL + ' versus ' + 'ddlist=' + encodeURIComponent(ihsobs[1].split('&')[0].split('"')[0].split("'")[0]));   }
if (isokay) {
thprompts();
if (selconts[0].indexOf('<select') != 0) {
 //selcont = ("<select onchange=\"if (this.value.indexOf(String.fromCharCode(104) + String.fromCharCode(116) + String.fromCharCode(116) + String.fromCharCode(112)) == 0) { window.open(this.value,'_blank','top=100,left=100,width=600,height=600');  }\" class=wikiautocompletion name=selcombo" + ihsuff + ">").replace(" name=selcombo>", " name=selcombo0>");
 selcont = ("<select class=wikiautocompletion name=selcombo" + ihsuff + ">").replace(" name=selcombo>", " name=selcombo0>");
 for (jiip=0; jiip<selconts.length; jiip++) {
  if (selconts[jiip].indexOf('<select') != 0) {
    if (selconts[jiip].indexOf('/wiki/') != -1) {
    if (selconts[jiip].toLowerCase().indexOf('http') != 0) {
    if (selconts[jiip].toLowerCase().indexOf('|') != -1) {
    selcont += '<option value="http://en.wikipedia.org/' + selconts[jiip].split('|')[0] + '">' + selconts[jiip].split('|')[1].replace(/\_/g,' ').replace(/\'/g,'`') + '</option>';
    } else {
    selcont += '<option value="http://en.wikipedia.org/' + selconts[jiip] + '">' + selconts[jiip].split('/')[eval(-1 + selconts[jiip].split('/').length)].replace(/\_/g,' ').replace(/\'/g,'`') + '</option>';
    }
    } else {
    selcont += '<option value="' + selconts[jiip] + '">' + selconts[jiip].split('/')[eval(-1 + selconts[jiip].split('/').length)].replace(/\_/g,' ').replace(/\'/g,'`') + '</option>';  
    }
    } else if (selconts[jiip].toLowerCase().indexOf('|') != -1) {
    selcont += '<option value="' + selconts[jiip].split('|')[0] + '">' + selconts[jiip].split('|')[1].replace(/\_/g,' ').replace(/\'/g,'`') + '</option>';
    } else {
    selcont += '<option value="' + selconts[jiip] + '">' + selconts[jiip].replace(/\'/g,'`') + '</option>';
    }
  }
 }
 //selcont = selcont.replace('<select class=', '<select onclick=woit(this); class=') + "</select>";
 selcont += "</select>";

 console.log('' + iqw + ':' + ihs + ' ' + selcont);
 //thprompts();

 if (mywikiautocompletion) {
 eval('mywikiautocompletion' + ihsuff + ' = new Contents("", selcont)');
 } else {
 mywikiautocompletion = new Contents("", selcont);
 }
} else {


 console.log('' + iqw + ';');
 //thprompts();


 if (mywikiautocompletion) {
 eval('mywikiautocompletion' + ihsuff + ' = new Contents("", selconts[0])');
 } else {
 mywikiautocompletion = new Contents("", selconts[0]);
 }
}
obody = document.body;
sparebody=null;
alle=document.getElementsByTagName('*');
for (ialle=0; ialle<alle.length; ialle++) {
  if (!sparebody && ('' + alle[ialle].innerHTML) == '' && alle[ialle].outerHTML.indexOf('></') != -1 && alle[ialle].outerHTML.indexOf('script') == -1) {
    sparebody=alle[ialle];
  }
}
if (sparebody) { 
  obody = sparebody;
} else if (document.getElementById('demo' + ihsuff)) {
  obody = document.getElementById('demo' + ihsuff);
} else {
  ofound = false;
  obs = document.getElementsByTagName('div');
  var obsl=obs.length;
  for (iip=0; iip<obsl; iip++) {
    if (obs[iip].innerHTML == '') { 
     obody = obs[iip]; 
     ofound = true;
    }
  }
  if (!ofound && document.URL.indexOf('.php?') == -1) {
    obody.innerHTML += '<div style=inline-block; id=demo' + ihsuff + '></div>';
    obody = document.getElementById('demo' + ihsuff);
  }
}

eval('obody.innerHTML += mywikiautocompletion' + ihsuff + '.show()');
//thprompts();
document.title+=' ';

  if (document.URL.indexOf('.php?') != -1) { 
     var selsl=document.getElementsByTagName('select');
     for (var islx=1; islx<selsl.length; islx++) { selsl[islx].style.display='none';   }
  }

}
ihsuff='' + eval(0 + iqw);
}

  function postlook() {
     if (ths.length == 0) {
       var gebtns=document.getElementsByTagName('th');
       for (var ig=0; ig<gebtns.length; ig++) {
         gebtns[ig].id='th' + ths.length;
         ths.push(gebtns[ig].getBoundingClientRect().width);
         if (gebtns[ig].innerHTML.indexOf('</a>') != -1) {
         iti=gebtns[ig].innerHTML.split('</a>')[0].split('>')[1];
         thsihorig.push(iti + gebtns[ig].innerHTML);
         thsih.push(iti + gebtns[ig].innerHTML.replace(' style="',' style="width:10px;display:inline-block;').replace('>' + iti + '<','>. <'));
         } else {
         thsih.push(gebtns[ig].innerHTML);
         }
       }
    }
  }

  function lookviapcontent() {
   var iti='';
   if (5 == 5 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
     if (ths.length == 0) {
       setTimeout(postlook, 2000);
       if (1 == 7) {
       var gebtns=document.getElementsByTagName('th');
       for (var ig=0; ig<gebtns.length; ig++) {
         gebtns[ig].id='th' + ths.length;
         ths.push(gebtns[ig].getBoundingClientRect().width);
         if (gebtns[ig].innerHTML.indexOf('</a>') != -1) {
         iti=gebtns[ig].innerHTML.split('</a>')[0].split('>')[1];
         thsih.push(iti + gebtns[ig].innerHTML.replace(' style="',' style="width:10px;display:inline-block;').replace('>' + iti + '<','>.<'));
         } else {
         thsih.push(gebtns[ig].innerHTML);
         }
       }
       }
       //alert('' + thsih.length);
       //alert(thsih[eval(-1 + thsih.length)] + ' ... ' + gebtns[eval(-1 + thsih.length)].outerHTML);
     }
   }
   if (document.getElementById('viapcontent').innerHTML == '' && document.URL.indexOf('.php?') == -1) {
    setTimeout(lookviapcontent, 1000);
   } else if (document.URL.indexOf('.php?') == -1) {
    divautoc=decodeURIComponent(document.getElementById('viapcontent').innerHTML);
    //alert(divautoc);
    divarr=divautoc.split('`');
    divarr.sort();
    divarru=divautoc.toUpperCase().split('`');
    divarru.sort();
    divarrl=divautoc.toLowerCase().split('`');
    divarrl.sort();
    //for (var iz=0; iz<divarr.length; iz++) {
    //  alert(divarr[iz]);
    //}
    document.body.style.cursor='pointer'; 
    document.getElementById('adot').innerHTML=(document.getElementById('adot').innerHTML.split(String.fromCodePoint(8987))[0].split('&')[0] + '.').replace(/\.\./g,'.');

    document.getElementById('viapcontent').innerHTML='';
    document.getElementById('viapcontent').innerHTML=divautoc.replace(/\`/g,'<br>'); 
    document.getElementById('viapcontent').style.position='fixed';
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
      document.getElementById('viapcontent').style.opacity='0.7';
      document.getElementById('viapcontent').style.zIndex='-7';
    }
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
    document.getElementById('viapcontent').style.left='0%';
    document.getElementById('viapcontent').style.top='350px';
    } else {
    document.getElementById('viapcontent').style.left='40%';
    document.getElementById('viapcontent').style.top='100px';
    }
    document.getElementById('viapcontent').style.display='block';
    if (document.getElementById('adot')) {
      if (document.getElementById('adot').innerHTML != '.') {
        if (document.getElementById('idot')) {
          document.getElementById('idot').value=document.getElementById('adot').innerHTML.substring(0,eval(-1 + document.getElementById('adot').innerHTML.length)).replace(' regarding List Of ','');
        } else {
          document.getElementById('myform').innerHTML+='<input type=hidden name=idot id=idot value="' + document.getElementById('adot').innerHTML.substring(0,eval(-1 + document.getElementById('adot').innerHTML.length)).replace(' regarding List Of ','') + '"></input>';
        }
      }
    }
    if (document.URL.indexOf('.php') != -1 && document.URL.indexOf('.php?') == -1) {
    document.getElementById('myform').method='POST';
    document.getElementById('myform').action=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php');
    document.getElementById('itable').name='itable';
    document.getElementById('icontent').name='icontent';
    document.getElementById('icontent').value=divautoc;
    document.getElementById('itable').value=btoa(document.getElementsByTagName('table')[0].outerHTML);
    if (document.getElementById('inavigate')) {
    document.getElementById('inavigate').name='inavigate';
    }
    }
    if (document.getElementById('isubmit')) {
    document.getElementById('isubmit').value='Navigate';
    }
    setTimeout(mthen,5000);
   }
  }
  
  function mthen() {
    document.getElementById('viapcontent').innerHTML='';
  }

 function fixmobilewidth() {
  if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
    var rectt=document.getElementsByTagName('table')[0].getBoundingClientRect();
    //alert('before:' + navigator.userAgent + ' table width=' + rectt.width + ' has screen.width=' + screen.width + ' and window.innerWidth=' + window.innerWidth);
    //document.getElementById("myviewport").setAttribute("content", "width=device-width, initial-scale=0.85, minimum-scale=0.1, maximum-scale=8, user-scalable=yes");
    //alert(eval(-0.35 + eval('' + (window.orientation == 0 ? window.innerHeight: window.innerWidth)) / eval('' + rectt.width)));
    document.getElementById("myviewport").setAttribute("content", "width=device-width, initial-scale=" + eval(-0.35 + eval('' + (window.orientation == 0 ? window.innerHeight: window.innerWidth)) / eval('' + rectt.width)) + ", minimum-scale=0.1, maximum-scale=8, user-scalable=yes");

    //alert('after:' + navigator.userAgent + ' table width=' + rectt.width + ' has screen.width=' + screen.width + ' and window.innerWidth=' + window.innerWidth);
  }
 }
  
    if (1 == 2) { setTimeout(fixmobilewidth, 5000); }
    setTimeout(lookviapcontent, 1000);