// country_quiz.js
// Help out backgrounds of country_flag/currency/capital_quiz.php suite
// RJM Programming
// November, 2016

var oneoftwo=0, xinxy=[], yinxy=[], opis='1.0', ovnum=1, defzoom=2, canvcont='', zzaconto=null;
var zpos3=-999, zpos4=-999;
var trjm=null;
var zaconto=null;
var xsprefix='';
var xuprefix="//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php?title=Countries&onclick=y&width=298&height=194&country=Country&popularity=Intensity&guess=&data=";  

function xselchangeit(osel) {
  uprefix+=sprefix + '%20[~' + encodeURIComponent(osel.options[osel.selectedIndex].text) + '~,66]%20'; 
  sprefix=','; 
  iframeit(); 
}

function xsetup(ins) {  
  uprefix+=sprefix + '%20[~' + encodeURIComponent(ins.replace(/_/g,' ')) + '~,66]%20'; 
  sprefix=','; 
  iframeit();    
}  

function xiframeit() { 
  document.getElementById('dgeochart').innerHTML='<iframe name="myipost" id="myipost" style="height:260px;width:350px;" src="' + checkforpost(uprefix,document.getElementById('myipost'),null) + '" title=Context></iframe>';   
}  

function xcheckforpost(insg, oiframe, owhere) {
  var outs=insg, fbits='';
  if (oiframe == null) {
    fbits='<form style="display:none;" target="myipost" method="POST" action="//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php"><input type=submit id=myspost value=Submit></input><input name=wouldlikeyoutoseekpermission value=y type=hidden></input></form>';
  } else {
    if (oiframe.name != '') {
     fbits='<form style="display:none;" target="' + oiframe.name + '" method="POST" action="//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php"><input type=submit id=myspost value=Submit></input><input name=wouldlikeyoutoseekpermission value=y type=hidden></input></form>';
    } else {
     fbits='<form style="display:none;" target="myipost" method="POST" action="//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php"><input type=submit id=myspost value=Submit></input><input name=wouldlikeyoutoseekpermission value=y type=hidden></input></form>';
    }
  }
  if (insg.length > 950) {
    var outarr=insg.split('#')[0].split('?');
    if (outarr.length > 1) {
       var outarrtwo=outarr[1].split('&'), oath;
       for (var im=0; im<outarrtwo.length; im++) {
         oath=outarrtwo[im].split('=');
         fbits=fbits.replace('</form>','<input type=hidden name=' + oath[0] + ' value="' + (oath[1]) + '"></input></form>');
       }
    }
    if (owhere == null) {
      owhere=document.getElementById('mydpost');
      if (owhere == null) {
        if (document.getElementById('mydpost')) {
          document.getElementById('mydpost').innerHTML=fbits;
          setTimeout(andlater,1500); 
          outs="#";
        } else {
          document.body.innerHTML+='<div id=mydpost>' + fbits + '</div>';
          setTimeout(andlater,1500); 
          outs="#";
        }
      }  else {
        owhere.innerHTML=fbits;
        setTimeout(andlater,1500); 
        outs="#";
      }
    } else {
      owhere.innerHTML=fbits;
      setTimeout(andlater,1500); 
      outs="#";
    }
  }
  return outs;
} 

function xandlater() { 
  document.getElementById('myspost').click();  
}  
   
function flagcheck(inv) { 
  var suffix=''; 
  goes++; 
  if (document.getElementById('tdflag').innerHTML.indexOf(inv.value) != -1) { 
    score++; 
  } else if (document.getElementById(countryids[choice]).outerHTML.indexOf('<p') == 0 || document.getElementById(countryids[choice]).outerHTML.indexOf('<span') == 0) { 
    suffix=' The country <BR>represented by <span>' + document.getElementById(countryids[choice]).innerHTML + '</span> <BR>you needed for your answer was ' + document.getElementById(countryids[choice]).title; 
  } else { 
    suffix=' The country <BR>represented by <img src=' + document.getElementById(countryids[choice]).src + '></img> <BR>you needed for your answer was ' + document.getElementById(countryids[choice]).title; 
  } 
  if (document.getElementById('ssuffix')) { 
    document.gteElementById('ssuffix').innerHTML=suffix; suffix=''; 
  }  
  document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes + suffix;  
  document.getElementById('country').value=''; 
  choose(); 
  if (suffix != '' && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
    //document.body.style.zoom='1';
    //window.scrollTo(0,0);
    if (document.getElementById('container')) {
       document.getElementById('country').scrollIntoView();
       if (document.getElementById('ssuffix')) { 
       document.getElementById('container').innerHTML=(document.getElementById('score').innerHTML + '&nbsp;&nbsp;').replace('The country ', '<br>The country ').replace('has the capital city ', 'has the capital city <br>');
       } else {
       document.getElementById('container').innerHTML=(document.getElementById('score').innerHTML + '&nbsp;&nbsp;').replace('The country ', '<br>The country ').replace('has the capital city ', 'has the capital city <br>');
       }
       if (document.getElementById('thleft')) {
       document.getElementById('thleft').scrollIntoView();
       } else {
       document.getElementById('container').scrollIntoView();
       }
       setTimeout(nocontainer, 20000);
    } else {
       document.getElementById('myh1').scrollIntoView();
    }
  }
} 

function capitalcheck(inv) { 
  if (inv.value != '') { 
    var suffix=''; 
    goes++; 
    if (ourcomp(inv.value,document.getElementById('country').value)) { 
      score++; 
    } else if (document.getElementById(countryids[choice]).outerHTML.indexOf('<p') == 0 || document.getElementById(countryids[choice]).outerHTML.indexOf('<span') == 0) { 
      suffix=' The country ' + document.getElementById(countryids[choice]).id.replace(/_/g,' ') + ' <BR>represented by <span>' + document.getElementById(countryids[choice]).innerHTML + '</span> <BR>has the capital city ' + document.getElementById(countryids[choice]).title; 
    } else {  
      suffix=' The country ' + document.getElementById(countryids[choice]).id.replace(/_/g,' ') + ' <BR>represented by <img src=' + document.getElementById(countryids[choice]).src + '></img> <BR>has the capital city ' + document.getElementById(countryids[choice]).title; 
    } 
    var wass=suffix;
    if (document.getElementById('ssuffix')) { 
      document.gteElementById('ssuffix').innerHTML=suffix; 
      suffix=''; 
    }  
    document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes + suffix;   
    choose(); 
  if (wass != '' && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
    //document.body.style.zoom='1';
    //window.scrollTo(0,0);
    if (document.getElementById('container')) {
       document.getElementById('country').scrollIntoView();
       if (document.getElementById('ssuffix')) { 
       document.getElementById('container').innerHTML=(document.getElementById('score').innerHTML + '&nbsp;&nbsp;').replace('The country ', '<br>The country ').replace('has the capital city ', 'has the capital city <br>');
       } else {
       document.getElementById('container').innerHTML=(document.getElementById('score').innerHTML + '&nbsp;&nbsp;').replace('The country ', '<br>The country ').replace('has the capital city ', 'has the capital city <br>');
       }
       if (document.getElementById('thleft')) {
       document.getElementById('thleft').scrollIntoView();
       } else {
       document.getElementById('container').scrollIntoView();
       }
       setTimeout(nocontainer, 20000);
    } else {
       document.getElementById('myh1').scrollIntoView();
    }
  }
  } 
} 

function nocontainer() {
   document.getElementById('container').innerHTML='';
}

function currencycheck(inv) { 
  if (inv.value != '') { 
    var suffix=''; 
    goes++; 
    if (ourcomp(inv.value,document.getElementById('country').value)) { 
      score++; 
    } else if (document.getElementById(countryids[choice]).outerHTML.indexOf('<p') == 0 || document.getElementById(countryids[choice]).outerHTML.indexOf('<span') == 0) { 
      suffix=' The country ' + document.getElementById(countryids[choice]).id.replace(/_/g,' ') + ' (' + countrycodes[choice] + ') <BR>represented by <span>' + document.getElementById(countryids[choice]).innerHTML + '</span> <BR>has the currency ' + document.getElementById(countryids[choice]).title; 
    } else {  
      suffix=' The country ' + document.getElementById(countryids[choice]).id.replace(/_/g,' ') + ' (' + countrycodes[choice] + ') <BR>represented by <img src=' + document.getElementById(countryids[choice]).src + '></img> <BR>has the currency ' + document.getElementById(countryids[choice]).title; 
    } 
    if (document.getElementById('ssuffix')) { 
      document.gteElementById('ssuffix').innerHTML=suffix; suffix=''; 
    }  
    document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes + suffix;   choose(); 
  if (suffix != '' && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
    //document.body.style.zoom='1';
    //window.scrollTo(0,0);
    if (document.getElementById('container')) {
       document.getElementById('country').scrollIntoView();
       if (document.getElementById('ssuffix')) { 
       document.getElementById('container').innerHTML=(document.getElementById('score').innerHTML + '&nbsp;&nbsp;').replace('The country ', '<br>The country ').replace('has the currency ', 'has the currency <br>');
       } else {
       document.getElementById('container').innerHTML=(document.getElementById('score').innerHTML + '&nbsp;&nbsp;').replace('The country ', '<br>The country ').replace('has the currency ', 'has the currency <br>');
       }
       if (document.getElementById('thleft')) {
       document.getElementById('thleft').scrollIntoView();
       } else {
       document.getElementById('container').scrollIntoView();
       }
       setTimeout(nocontainer, 20000);
    } else {
       document.getElementById('myh1').scrollIntoView();
    }
  }
  } 
}

function ifon() {
  if (trjm != null) {
  document.getElementById('iback').style.display='block';
  } else {
  document.getElementById('iback').style.display='none';
  }
}

function youralert(ev) { //},yblurb1,yblurb2,yblurb3,yblurb4,yblurb5) {
       if (ev.touches) {
       if (ev.touches[0].pageX) {
       zpos3 = ev.touches[0].pageX;
       zpos4 = ev.touches[0].pageY;
       } else {
       zpos3 = ev.touches[0].clientX;
       zpos4 = ev.touches[0].clientY;
       }
       } else if (ev.clientX || ev.clientY) {
        zpos3 = ev.clientX;
        zpos4 = ev.clientY;
       } else {
        zpos3 = ev.pageX;
        zpos4 = ev.pageY;
       }
       //alert('x=' + zpos3 + ' and y=' + zpos4);
       //if (zpos3 >= 0) {
       //zaconto.ouralert(yblurb1,yblurb2,yblurb3,yblurb4,yblurb5);
       //}
       //zaconto.ouralert(yblurb1,yblurb2,yblurb3,yblurb4,yblurb5);
       if (oneoftwo == 0) {  return true; } else if (Math.abs(oneoftwo) == 1) { xinxy.push(zpos3); yinxy.push(zpos4); if (oneoftwo < 0) { oneoftwo--; } else { oneoftwo++; } if (1 == 5) { alert('first of two ' + 'x=' + zpos3 + ' and y=' + zpos4); } return false;  } else if (Math.abs(oneoftwo) == 2) {   xinxy.push(zpos3); yinxy.push(zpos4); if (1 == 5) {  alert('second of two ' + 'x=' + zpos3 + ' and y=' + zpos4); }  overlayit(0);  return false;  }
       return true;
} 
  
  function setdefzoom(towhat) {
     defzoom=eval('' + towhat);
  }
  
  function dotwor() {
     if (oneoftwo == 1) {
       defzoom++;
     } else {
       defzoom=2;
     }
     oneoftwo=1;
  }
  
  function dotwoc() {
     if (oneoftwo == -1) {
       defzoom++;
     } else {
       defzoom=2;
     }
     oneoftwo=-1;
  }
  
  function alternatevisibility() {
     var igh=1;
     while (zaconto.getElementById('iciov' + igh)) {
       if (igh == 1 && zaconto.getElementById('iciov' + igh).outerHTML.indexOf('visibility:') == -1) {
         nextv='hidden';
       } else if (igh == 1 && zaconto.getElementById('iciov' + igh).outerHTML.split('visibility:')[1].split(';')[0].split('>')[0].toLowerCase().indexOf('visible') != -1) {
         nextv='hidden';
       } else if (igh == 1) {
         nextv='visible';
       }
       zaconto.getElementById('iciov' + igh).style.visibility='' + nextv;
       igh++;
     }
  }
  
  function overlayit(ootis) {
     var prerest='', zb='', wascc='';
     if (ootis == 0) {
       if (eval('' + xinxy.length) == 2) {
         if (ovnum == 1) { // thanks to https://stackoverflow.com/questions/69491728/how-to-zoom-an-image-on-mouse-hover-using-css
            prerest=' .zoom-img { width: ' + zaconto.getElementById('myimg').width + 'px;  height: ' + zaconto.getElementById('myimg').height + 'px; overflow: hidden; }  .zoom-img:hover { transform: scale(2.0); } ';
         }  
         if (defzoom != 2) {
            zb=' #iciov' + ovnum + ':hover { transform: scale(' + defzoom + '.0); } ';
         }
         if (oneoftwo < 0) { // circle
            wascc=canvcont;
            //zzaconto.onl();
            if (canvcont == '') { canvcont=zaconto.getElementById('mycanvas').toDataURL('image/jpeg',0.1); }
            canvcont='/HTMLCSS/HYP_50M_SR_W.jpg';
            zaconto.getElementById('myimg').style.opacity='1.0';
            //alert(zaconto.getElementById('myimg').outerHTML.replace('myimg','iciov' + ovnum).replace('myimg','iciov' + ovnum).replace('56;','1899;background-color:transparent;').replace(/\\\"\\ on/g, '\" data-on').replace('<img ','<img class=zoom-img ').replace(' src=', ' src=' + canvcont + ' data-src='));
            zaconto.getElementById('imgmore').innerHTML+=zaconto.getElementById('myimg').outerHTML.replace('myimg','iciov' + ovnum).replace('myimg','iciov' + ovnum).replace('56;','1899;').replace(/\\\"\\ on/g, '\" data-on').replace('<img ','<img class=zoom-img ').replace(' src=', ' src="' + canvcont + '" data-src=');
            opis='' + eval(-0.1 + eval('' + opis));
            zaconto.getElementById('myimg').style.opacity='' + opis;
            //alert('<style> ' + prerest + zb + ' #iciov' + ovnum + ' { -webkit-filter: brightness(150%); filter: brightness(150%); transform-origin: ' + xinxy[0] + 'px ' + yinxy[0] + 'px; clip-path: circle(' + Math.sqrt(eval(xinxy[0] - xinxy[1]) * eval(xinxy[0] - xinxy[1]) + eval(yinxy[0] - yinxy[1]) * eval(yinxy[0] - yinxy[1])) + 'px at ' + xinxy[0] + 'px ' + yinxy[0] + 'px);  } </style>');
            zaconto.getElementById('dvstyle').innerHTML+='<style> ' + prerest + zb + ' #iciov' + ovnum + ' { -webkit-filter: brightness(150%); filter: brightness(150%); transform-origin: ' + xinxy[0] + 'px ' + yinxy[0] + 'px; clip-path: circle(' + Math.sqrt(eval(xinxy[0] - xinxy[1]) * eval(xinxy[0] - xinxy[1]) + eval(yinxy[0] - yinxy[1]) * eval(yinxy[0] - yinxy[1])) + 'px at ' + xinxy[0] + 'px ' + yinxy[0] + 'px);  } </style>';         
         } else {  // rectangle
            wascc=canvcont;
            //zzaconto.onl();
            if (canvcont == '') { canvcont=zaconto.getElementById('mycanvas').toDataURL('image/jpeg',0.1); }
            canvcont='/HTMLCSS/HYP_50M_SR_W.jpg';
            zaconto.getElementById('myimg').style.opacity='1.0';
            zaconto.getElementById('imgmore').innerHTML+=zaconto.getElementById('myimg').outerHTML.replace('myimg','iciov' + ovnum).replace('myimg','iciov' + ovnum).replace('56;','1899;').replace(/\\\"\\ on/g, '\" data-on').replace('<img ','<img class=zoom-img ').replace(' src=', ' src="' + canvcont + '" data-src=');
            opis='' + eval(-0.1 + eval('' + opis));
            zaconto.getElementById('myimg').style.opacity='' + opis;
            zaconto.getElementById('dvstyle').innerHTML+='<style> ' + prerest + zb + ' #iciov' + ovnum + '  { -webkit-filter: brightness(150%); filter: brightness(150%); transform-origin: ' + eval(eval(xinxy[0] + xinxy[1]) / 2) + 'px ' + eval(eval(yinxy[0] + yinxy[1]) / 2) + 'px;  clip-path: polygon(' + Math.min(eval(xinxy[0]),eval(xinxy[1])) + 'px ' + Math.min(eval(yinxy[0]),eval(yinxy[1])) + 'px,' + Math.min(eval(xinxy[0]),eval(xinxy[1])) + 'px ' + Math.max(eval(yinxy[0]),eval(yinxy[1])) + 'px,' + Math.max(eval(xinxy[0]),eval(xinxy[1])) + 'px ' + Math.max(eval(yinxy[0]),eval(yinxy[1])) + 'px,' + Math.max(eval(xinxy[0]),eval(xinxy[1])) + 'px ' + Math.min(eval(yinxy[0]),eval(yinxy[1])) + 'px,' + Math.min(eval(xinxy[0]),eval(xinxy[1])) + 'px ' + Math.min(eval(yinxy[0]),eval(yinxy[1])) + 'px' + ');  } </style>';       
         }   
         if (ovnum == 1) {  setInterval(alternatevisibility, 15000);  }
         ovnum++;
       }
       oneoftwo=ootis;
       defzoom=2;
       xinxy=[];
       yinxy=[];          
     }
  }
  
  function putcc(inccis) {
    canvcont=inccis;
  }
   
function ctyifcheck(ziois) {
       var kkfound=false, iars=0, iiars=0;
       zaconto = (ziois.contentWindow || ziois.contentDocument);
       zzaconto=zaconto;
       if (zaconto != null) {
       try {
       if (zaconto.document) { zaconto = zaconto.document; }
       if (zaconto.body.innerHTML.indexOf('>') != -1 && ziois.src.indexOf('highlight=') != -1) {
            //canvcont=zaconto.getElementById('mycanvas').toDataURL('image/jpeg',0.1);
            document.getElementById('iback').style.width='110%';
            document.getElementById('iback').style.height='900px';
            document.getElementById('iback').style.marginLeft='-20px';
            document.getElementById('iback').frameborder='0';
            var arstart=zaconto.getElementsByTagName('area');
            var ars=zaconto.getElementsByTagName('div');
            for (iiars=0; iiars<arstart.length; iiars++) {
            kkfound=false;
            if (('' + arstart[iiars].getAttribute('data-iso2')).replace(/^null/g,'').replace(/^undefined/g,'').toUpperCase() == ziois.src.split('highlight=')[1].substring(0,2).toUpperCase()) {
            for (iars=0; iars<ars.length; iars++) {
               if (!kkfound) {
               if (('' + ars[iars].title).indexOf(arstart[iiars].coords.substring(0,100)) == 0) {
                  if (ars[iars].innerHTML.indexOf('<polygon ') != -1) {
                  ars[iars].innerHTML=ars[iars].innerHTML.replace(/lime/g,'red').replace(/\<polygon\ /g, '<defs><filter id="filterw"><feDropShadow dx="2" dy="2" stdDeviation="1" flood-opacity="0.7"/></defs><polygon filter="url(#filterw)" ');
                  } else {
                  ars[iars].innerHTML=ars[iars].innerHTML.replace('lime','orange');
                  }
                  //kkfound=true;
               }
               }
            }
            }
            }
            zaconto.getElementsByTagName('map')[0].innerHTML=zaconto.getElementsByTagName('map')[0].innerHTML.replace(/ouralert\(/g, 'if (parent.youralert(event)) ouralert(');
            zaconto.getElementById('svgd').innerHTML+="<br><br>&nbsp;<button title='One click uses hover 2x zoom afterwards ... more for larger zoom ... right click for no zoom' oncontextmenu=' event.stopPropagation(); parent.setdefzoom(1); ' style='position:absolute;top:770px;left:30px;background-color:yellow;' id=twoc onclick='event.stopPropagation(); parent.dotwoc();'>Circle of Interest via Next 2 Clicks</button><br><br>&nbsp;<button title='One click uses hover 2x zoom afterwards ... more for larger zoom ... right click for no zoom' oncontextmenu=' event.stopPropagation();  parent.setdefzoom(1); ' style='position:absolute;top:800px;left:30px;background-color:magenta;' id=twoc onclick='event.stopPropagation(); parent.dotwor();'>Rectangle via 2 Clicks</button><div id=dvstyle></div><div id=imgmore></div>";
            if (ziois.src.indexOf('zoom=4&') != -1 && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
                zaconto.body.style.zoom='4';
//alert(1);
//                var mvp = zaconto.getElementById('myviewport');
//alert(11);
//                mvp.setAttribute('content','initial-scale=' + eval(1 * 4));
//alert(111);
            }
       }
       } catch(hgjgs) {  }
       }
       return true;
}

function check(inv) {
  var ourcis="";
  if (inv.value != "") {
  if (document.URL.indexOf('_flag_') != -1) {
    if (document.getElementById('fav_opt').value == 'wi') {
    ourcis="//www.rjmprogramming.com.au/PHP/fgc/?tzexact=" + encodeURIComponent(document.getElementById(countryids[choice]).title.replace(/\ /g,'_')) + "&tznickname=" + encodeURIComponent(document.getElementById(countryids[choice]).title.replace(/\ /g,'_'));
    } else if (document.getElementById('fav_opt').value == 'gj') {
    ourcis="//www.rjmprogramming.com.au/HTMLCSS/countries.html?zoom=4&highlight=" + encodeURIComponent(countryccs[choice]);
    } else if (document.getElementById('fav_opt').value == 'tz') {
    ourcis="//www.rjmprogramming.com.au/PHP/tz_places.php?iso=" + encodeURIComponent(countryccs[choice]);
    } else if (document.getElementById('fav_opt').value == 'ic') {
    ourcis="//www.rjmprogramming.com.au/PHP/GeoChart/image_chart.php?ccode=" + encodeURIComponent(countryccs[choice]);
    } else {
    ourcis="//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?emoji=on&nokaraoke=y&youtubeid=" + encodeURIComponent("  flag of " + document.getElementById(countryids[choice]).title);
    }
    flagcheck(inv);
  } else if (document.URL.indexOf('_capital_') != -1) {
    if (document.getElementById('fav_opt').value == 'wi') {
    ourcis="//www.rjmprogramming.com.au/PHP/fgc/?tzexact=" + encodeURIComponent(document.getElementById(countryids[choice]).id.replace(/\ /g,'_')) + "&tznickname=" + encodeURIComponent(document.getElementById(countryids[choice]).id.replace(/\ /g,'_'));
    } else if (document.getElementById('fav_opt').value == 'gj') {
    ourcis="//www.rjmprogramming.com.au/HTMLCSS/countries.html?zoom=4&highlight=" + encodeURIComponent(countryccs[choice]);
    } else if (document.getElementById('fav_opt').value == 'tz') {
    ourcis="//www.rjmprogramming.com.au/PHP/tz_places.php?iso=" + encodeURIComponent(countryccs[choice]);
    } else if (document.getElementById('fav_opt').value == 'ic') {
    ourcis="//www.rjmprogramming.com.au/PHP/GeoChart/image_chart.php?ccode=" + encodeURIComponent(countryccs[choice]);
    } else {
    ourcis="//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?emoji=on&nokaraoke=y&youtubeid=" + encodeURIComponent("  capital of " + document.getElementById(countryids[choice]).id.replace(/_/g,' '));
    }
    capitalcheck(inv);
  } else if (document.URL.indexOf('_currency_') != -1) {
    if (document.getElementById('fav_opt').value == 'wi') {
    ourcis="//www.rjmprogramming.com.au/PHP/fgc/?tzexact=" + encodeURIComponent(document.getElementById(countryids[choice]).id.replace(/\ /g,'_')) + "&tznickname=" + encodeURIComponent(document.getElementById(countryids[choice]).id.replace(/\ /g,'_'));
    } else if (document.getElementById('fav_opt').value == 'gj') {
    ourcis="//www.rjmprogramming.com.au/HTMLCSS/countries.html?zoom=4&highlight=" + encodeURIComponent(countryccs[choice]);
    } else if (document.getElementById('fav_opt').value == 'tz') {
    ourcis="//www.rjmprogramming.com.au/PHP/tz_places.php?iso=" + encodeURIComponent(countryccs[choice]);
    } else if (document.getElementById('fav_opt').value == 'ic') {
    ourcis="//www.rjmprogramming.com.au/PHP/GeoChart/image_chart.php?ccode=" + encodeURIComponent(countryccs[choice]);
    } else {
    ourcis="//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?emoji=on&nokaraoke=y&youtubeid=" + encodeURIComponent("  currency of " + document.getElementById(countryids[choice]).id.replace(/_/g,' '));
    }
    currencycheck(inv);
  }
  if (trjm != null) {
  document.getElementById('iback').src=ourcis;
  document.getElementById('iback').style.display='block';
  }
  }
}

function xpreandquizthen() {
  if (document.getElementById('mydpost') == null && document.getElementById('dgeochart') == null) {
    document.body.innerHTML+="<div id=mydpost style='display:none;'></div><div style='position:absolute;z-index:4;top:0px;left:600px;height:280px;width:400px;overflow:hidden;' id='dgeochart'></div>";
    if (document.getElementById('country').value != '') {
     selchangeit(document.getElementById('country'));
    }
  }
  if (document.getElementById('mydpost') == null) {
    document.body.innerHTML+='<div id=mydpost style="display:none;"></div>';
    if (document.getElementById('country').value != '') {
     selchangeit(document.getElementById('country'));
    }
  } 
  if (document.getElementById('dgeochart') == null) {
    document.body.innerHTML+="<div style='position:absolute;z-index:4;top:0px;left:600px;height:280px;width:400px;overflow:hidden;' id='dgeochart'></div>";
    if (document.getElementById('country').value != '') {
     selchangeit(document.getElementById('country'));
    }
  }
}

function ronclk(cv) {
 var wasv=document.getElementById('fav_opt').value;
 if (1 == 2) {
 if (wasv == 'yv' && cv != 'yv') {
   document.getElementById('fav_opt').value='wi';
 } else if (wasv == 'gj' && cv != 'gj') {
   document.getElementById('fav_opt').value='gj';
 } else if (wasv == 'ic' && cv != 'ic') {
   document.getElementById('fav_opt').value='ic';
 } else if (wasv == 'tz' && cv != 'tz') {
   document.getElementById('fav_opt').value='tz';
 } else if (wasv == 'wi' && cv != 'wi') {
   document.getElementById('fav_opt').value='yv';
 }
 }
 if (cv.trim() != '' && cv.trim() != wasv) {
 document.getElementById('fav_opt').value=cv;
 }
}

function andquizthen() {
  // xpreandquizthen();
  if (trjm == null) {
    trjm=document.getElementsByTagName('h3')[0];
    if (trjm != null) {
      //trjm.innerHTML+='<br> <input onchange=" if (trjm == null) { trjm=this; } else { trjm=null; } ifon(); " type="checkbox" name="youtube" id="youtube" value="Optional YouTube Video lookups" checked>Optional <input type=hidden id=fav_opt value=yv></input><input onclick=ronclk("yv"); type="radio" id="yv" name="fav_opt" value="YouTube Video" checked><label for="yv">YouTube <font size=1>Video</font></label><!--br--><input onclick=ronclk("wi"); type="radio" id="wi" name="fav_opt" value="Wikipedia Images"><label for="wi">Wikipedia <font size=1>Images</font></label><!--br--><input onclick=ronclk("gj"); type="radio" id="gj" name="fav_opt" value="GeoJson World Map"><label for="wi">GeoJson <font size=1>World Map</font></label><!--br--><input onclick=ronclk("tz"); type="radio" id="tz" name="fav_opt" value="TimeZone Places"><label for="tz">TimeZone <font size=1>Places</font></label><!--br--><input onclick=ronclk("ic"); type="radio" id="ic" name="fav_opt" value="Google Image Chart Map Chart"><label for="ic">Google Image Chart <font size=1>Map Chart</font></label>';
      trjm.innerHTML+='<br> <input onchange=" if (trjm == null) { trjm=this; } else { trjm=null; } ifon(); " type="checkbox" name="youtube" id="youtube" value="Optional YouTube Video lookups" checked>Optional <input type=hidden id=fav_opt value=yv></input><input onclick=ronclk("yv"); type="radio" id="yv" name="fav_opt" value="YouTube Video" checked><label for="yv">YouTube <font size=1>Video</font></label><input onclick=ronclk("wi"); type="radio" id="wi" name="fav_opt" value="Wikipedia Images"><label for="wi">Wikipedia <font size=1>Images</font></label><br>&nbsp;&nbsp;&nbsp;<input onclick=ronclk("gj"); type="radio" id="gj" name="fav_opt" value="GeoJson World Map"><label for="wi">GeoJson <font size=1>World Map</font></label><input onclick=ronclk("tz"); type="radio" id="tz" name="fav_opt" value="TimeZone Places"><label for="tz">TimeZone <font size=1>Places</font></label><br><input onclick=ronclk("ic"); type="radio" id="ic" name="fav_opt" value="Google Image Chart Map Chart"><label for="ic">Google Image Chart <font size=1>Map Chart</font></label>';
      trjm.style.fontSize='10px';
      document.body.innerHTML+="<div id=ourcanvas><iframe onload=ctyifcheck(this); id='iback' style='height:700px;width:100%;display:none;background-color:transparent;border:7px solid lightblue;' src='//www.rjmprogramming.com.au'></iframe></div><div id=dstyle style=display:none;></div><div id=stz style=display:none;></div><input id=addthis type=hidden value=''></input>";
      choose();
    }
  }
}

//setTimeout(xpreandquizthen, 2200);
setTimeout(andquizthen, 3000);