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

var trjm=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 { 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(); } 

function capitalcheck(inv) { if (inv.value != '') { var suffix=''; goes++; if (ourcomp(inv.value,document.getElementById('country').value)) { score++; } 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; } if (document.getElementById('ssuffix')) { document.gteElementById('ssuffix').innerHTML=suffix; suffix=''; }  document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes + suffix;   choose(); } } 

function currencycheck(inv) { if (inv.value != '') { var suffix=''; goes++; if (ourcomp(inv.value,document.getElementById('country').value)) { score++; } 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(); } }

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

function check(inv) {
  var ourcis="";
  if (inv.value != "") {
  if (document.URL.indexOf('_flag_') != -1) {
    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) {
    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) {
    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 andquizthen() {
  // xpreandquizthen();
  if (trjm == null) {
    trjm=document.getElementsByTagName('h3')[0];
    if (trjm != null) {
      trjm.innerHTML+=' <input onchange=" if (trjm == null) { trjm=this; } else { trjm=null; } ifon(); " type="checkbox" name="youtube" id="youtube" value="Optional YouTube Video lookups" checked>Optional YouTube Video lookups ';
      document.body.innerHTML+="<iframe id='iback' style='height:700px;width:100%;display:none;background-color:orange;border:7px solid lightblue;' src='//www.rjmprogramming.com.au'></iframe>";
      choose();
    }
  }
}

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