// emoji_widget_idea.js
 // RJM Programming
 // September, 2019
 // Help out WordPress Text Widget
 
 var emojilist=['🔊', '📏', '🏃🏾‍♀️', '🍌', '📧', '🍱', '🇦🇩', '🔝'];
 var emojiurls=['//www.rjmprogramming.com.au/HTMLCSS/web_audio.htm', '//www.rjmprogramming.com.au/HTMLCSS/square_hr_tracing.htm', '//www.rjmprogramming.com.au/HTMLCSS/emoji_walk_animation.htm', '//www.rjmprogramming.com.au/HTMLCSS/fruits.html', '//www.rjmprogramming.com.au/HTMLCSS/name_your.html', '//www.rjmprogramming.com.au/HTMLCSS/circuit.htm', '//www.rjmprogramming.com.au/HTMLCSS/flagquiz.htm', '//www.rjmprogramming.com.au/HTMLCSS/emoji_overlay.htm'];
 var emojihtag=['web_audio', 'square_hr_tracing', 'emoji_walk_animation', 'fruits', 'name_your_mascot', 'sushi_train', 'flag_quiz', 'emoji_overlay'];
 var lastuplace='';
 var lasthtag='';
 var deviceWidth = window.orientation == 0 ? window.screen.height: window.screen.width;  
 var deviceHeight = window.orientation == 0 ?  window.screen.width : window.screen.height; 
 
 function oicheck(iois){
  var ok=false;
  if (iois != null) {
    var aconto = (iois.contentWindow || iois.contentDocument);
    if (aconto != null) {
     if (aconto.document) { aconto = aconto.document; }
     if (aconto.body != null) {
      if (aconto.body.innerHTML.toLowerCase().indexOf('>not found<') == -1) { ok=true; }
      //var rect=aconto.body.getBoundingClientRect();
      //alert('' + rect.width);
     }
    }
  }
  if (!ok && lastuplace.replace('/PHP/', '/HTMLCSS/').indexOf('/HTMLCSS/') != -1) {
    lastuplace=lastuplace.replace('/PHP/', '/').replace('/HTMLCSS/', '/');
    iois.src=lastuplace;
  }
 }
 
 function gotothis(label, uplace) {
 document.getElementById('top-container').style.display='none';
 lastuplace=uplace;
 lasthtag=label;
 var iih=document.getElementById('myrow').innerHTML, xiih='';
 if (document.getElementById('i' + label)) {
   xiih=document.getElementById('i' + label).outerHTML;
   document.getElementById('myrow').innerHTML='<td id=' + label + ' style="width:' + Math.floor(eval(0.8 * deviceWidth)) + 'px;height:74vh;"><iframe style="width:' + Math.floor(eval(0.8 * deviceWidth)) + 'px;height:74vh;" onload=oicheck(this); id=i' + label + ' name=i' + label + ' src="' + uplace + '"></iframe></td>' + iih.replace(xiih, ''); 
   location.href='#' + label;
 } else {
   var rect=document.getElementById('mytable').getBoundingClientRect();
   document.getElementById('mytable').style.width='' + Math.floor(eval(rect.width + deviceWidth)) + 'px';
   document.getElementById('myrow').style.width='' + Math.floor(eval(rect.width + deviceWidth)) + 'px';
   document.getElementById('myrow').innerHTML='<td id=' + label + ' style="width:' + Math.floor(eval(0.8 * deviceWidth)) + 'px;height:74vh;"><iframe style="width:' + Math.floor(eval(0.8 * deviceWidth)) + 'px;height:74vh;" onload=oicheck(this); id=i' + label + ' name=i' + label + ' src="' + uplace + '"></iframe></td>' + iih; 
   location.href='#' + label;
 }
 setTimeout(fivelater, 3000);
 }
 
 function fivelater() {
   location.href='#hplace'; 
 }
 
 function onl() {
  var wds=[], ii=0, jj=0;
  var ihis=document.getElementById('emojih').innerHTML;
  if (emojilist.length > 0) {
    ihis='';
    document.getElementById('diframe').innerHTML='<table id=mytable style="width:100%;"><tr id=myrow></tr></table>';
    for (ii=0; ii<emojilist.length; ii++) {
      wds=emojihtag[ii].split('_');
      tle=wds[0].substring(0,1).toUpperCase() + wds[0].substring(1).toLowerCase();
      for (jj=1; jj<wds.length; jj++) {
       tle+=' ' + wds[jj].substring(0,1).toUpperCase() + wds[jj].substring(1).toLowerCase();
      }
      ihis+='<a title="' + tle + '" style="cursor:pointer;text-decoration:none;font-size:36px;" target=i' + emojihtag[ii] + ' id=a' + emojihtag[ii] + ' href="' + emojiurls[ii] + '" onclick="gotothis(' + "'" + emojihtag[ii] + "','" + emojiurls[ii] + "'" + ');">' + emojilist[ii] + '</a>&nbsp;&nbsp;';
    }
  }
  document.getElementById('emojih').innerHTML=ihis;
 }