<!doctype html>
<html>
<head>
<title>Themed Supervisor - RJM Programming - February, 2016</title>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.1, maximum-scale=8, user-scalable=yes" />
<script data-type='script' id='myscr1' src="middle_interest.js?total=9&delay=1100&theme=ESL&oc1=ITblog/htmljavascript-hearing-and-listening-primer-tutorial/&te1=HTMLCSS/listen_to.html&bw1=Hearing,%20Listening&oc2=ITblog/english-learning-listening-class-love-at-first-bite/&te2=TESOL/ListeningTask2/&bw2=Love%20at%20First%20Bite&oc3=ITblog/english-learning-listening-class-tapioca-five-ways/&te3=TESOL/ListeningTask/&bw3=Tapioca%20Five%20Ways" type="text/javascript"></script>
<script data-type='script' id='myscr2' src="middle_interest.js?total=9&delay=1200&theme=ESL&oc1=ITblog/esl-vocabulary-getting-warmer-image-tutorial/&te1=pre_under_the_stairs.html&bw1=Getting%20Warmer&oc2=ITblog/htmljavascript-english-collective-noun-game-tutorial/&te2=HTMLCSS/collective_nouns.html&bw2=Collective%20Nouns&oc3=ITblog/english-learning-vocabulary-living-room/&te3=wordpress/livingroom.html&bw3=Living%20Room" type="text/javascript"></script>
<script data-type='script' id='myscr3' src="middle_interest.js?total=9&delay=1300&theme=ESL&oc1=ITblog/php-target-word-game-mobile-friendly-tutorial/&te1=PHP/target_share_challenge.php&bw1=Target%20Words%20Game&oc2=ITblog/htmljavascript-scrabbling-snakes-game-email-tutorial/&te2=HTMLCSS/word_jumble.html&bw2=Scrabbling%20Snakes&oc3=ITblog/word-guessing-game-for-two-primer-tutorial/&te3=HTMLCSS/wordguessgame.html&bw3=Word%20Game%20for%20Two" type="text/javascript"></script>
<script data-type='script' id='myscr4' src="middle_interest.js?total=9&delay=1400&theme=ESL&oc1=ITblog/html-adjectives-vs-adverbs-lesson-plan-checkboxes-tutorial/&te1=HTMLCSS/adjective_or_adverb.html&bw1=Adjectives%20or%20Adverbs&oc2=ITblog/htmljavascript-sentence-conjunction-game-tutorial/&te2=HTMLCSS/Canvas/Game/Chalkboard/conjunction_chalkboard.html&bw2=Conjunctions&oc3=ITblog/htmljavascript-present-perfect-progressive-primer-tutorial/&te3=HTMLCSS/present_perfect_progressive_or_simple_or_non_progressive.html&bw3=Present%20Perfect%20Progressive" type="text/javascript"></script>
<script data-type='script' id='myscr5' src="middle_interest.js?total=9&delay=1500&theme=ESL&oc1=&te1=&bw1=" type="text/javascript"></script>
<script data-type='script' id='myscr6' src="middle_interest.js?total=9&delay=1600&theme=ESL&oc1=ITblog/language-word-association-game-tutorial/&te1=PHP/YQL/Thesaurus/word_association.php&bw1=Word%20Associations&oc2=ITblog/htmljavascript-homonyms-game-tutorial/&te2=HTMLCSS/homonym_game.html&bw2=Homonyms&oc3=ITblog/yahoo-yql-json-thesaurus-and-translation-tutorial/&te3=PHP/YQL/Thesaurus/Ajax_yql_thesaurus.html&bw3=Thesaurus" type="text/javascript"></script>
<script data-type='script' id='myscr7' src="middle_interest.js?total=9&delay=1700&theme=ESL&oc1=ITblog/htmljavascript-choice-of-several-tutorial/&te1=HTMLCSS/button_choice_of_two.html%3fmode%3dradio&bw1=Modal%20Auxiliary%20Verb&oc2=ITblog/english-past-tense-irregular-verb-spelling-game/&te2=ITblog/english-past-tense-irregular-verb-spelling-game/%23content&bw2=Past%20Tense%20Irregular&oc3=ITblog/htmljavascript-sentence-preposition-ing-game-tutorial/&te3=HTMLCSS/SentencePrepositioning/&bw3=Preposition%27ing" type="text/javascript"></script>
<script data-type='script' id='myscr8' src="middle_interest.js?total=9&delay=1800&theme=ESL&oc1=ITblog/php-pictogram-word-decoding-game-primer-tutorial/&te1=PHP/decodepictowords.php&bw1=Pictogram%20Decode&oc2=ITblog/past-present-tense/&te2=ITblog/past-present-tense/%23content&bw2=Past%20and%20Present%20Tense&oc3=ITblog/mixed-up-song-lyrics-game-primer-tutorial/&te3=HTMLCSS/hart_via_ella.html&bw3=Song%20Lyrics" type="text/javascript"></script>
<script data-type='script' id='myscr9' src="middle_interest.js?total=9&delay=1900&theme=ESL&oc1=ITblog/htmljavascript-esl-reveal-game-tutorial/&te1=HTMLCSS/let_us.html&bw1=Sentence%20Reveals&oc2=ITblog/php-rhopalic-letter-sentence-game-primer-tutorial/&te2=PHP/rhopalic_letter_sentence.php&bw2=Rhopalic%20Letter%20Sentence&oc3=ITblog/acronyms-lookup-follow-up-tutorial/&te3=PHP/JSON/Acronym/&bw3=Acronyms" type="text/javascript"></script>

<script type='text/javascript'>

var styling="bottom";
var shp="700px";
var ima="<option value=''>Interactive Mode Asking</option>";
if (1 == 8 && ('' + navigator.userAgent).indexOf('Mobile/') != -1 && ('' + navigator.userAgent).indexOf('Safari/') == -1) {
ima="";
}


var theme = "ESL";
var mtmodeadd="";

var cols=['lime','blue','purple','navy','teal','fuchsia','olive','maroon','green'];
var iscandidate=false;
var isjre=false;
var acceptable='';
var swih='';

var bsel='y';

var defdef=' ';
var done=false;

var urlt='url';

var last=null;
var wis='100%';
var his='100%';

var toneis='Tutorial Web Applications';
var tonealtis='Tutorials';
var seltoneis=' selected';
var seltonealtis='';

var notwithin=true;

var did='mydiv';
var dis='';

var leeway=90;
var hleeway=330;

var threebuttons="<button>1</button><button>2</button><button>3</button>";
var threebuttons_ii_ii="<button>1</button><button>2</button><button>3</button>";

// Listening and hearing
var threebuttons_i_i="<button title='//www.rjmprogramming.com.au/HTMLCSS/listen_to.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-hearing-and-listening-primer-tutorial/')>Hearing and Listening</button><button title='//www.rjmprogramming.com.au/TESOL/ListeningTask2/' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/english-learning-listening-class-love-at-first-bite/')>Love at First Bite</button><button title='//www.rjmprogramming.com.au/TESOL/ListeningTask/' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/english-learning-listening-class-tapioca-five-ways/')>Tapioca Five Ways</button>";

// Vocabulary
var threebuttons_ii_i="<button title='//www.rjmprogramming.com.au/pre_under_the_stairs.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/esl-vocabulary-getting-warmer-image-tutorial/')>Getting Warmer</button><button title='//www.rjmprogramming.com.au/HTMLCSS/collective_nouns.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-english-collective-noun-game-tutorial/')>Collective Nouns</button><button title='//www.rjmprogramming.com.au/wordpress/livingroom.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/english-learning-vocabulary-living-room/')>Living Room</button>";


// Collaboration
var threebuttons_iii_i="<button title='//www.rjmprogramming.com.au/PHP/target_share_challenge.php' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/php-target-word-game-mobile-friendly-tutorial/')>Target Word Game</button><button title='//www.rjmprogramming.com.au/HTMLCSS/word_jumble.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-scrabbling-snakes-game-email-tutorial/')>Scrabbling Snakes</button><button title='//www.rjmprogramming.com.au/HTMLCSS/wordguessgame.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/word-guessing-game-for-two-primer-tutorial/')>Word Game for Two</button>";

// Thesaurus and dictionary
var threebuttons_iii_ii="<button title='//www.rjmprogramming.com.au/PHP/YQL/Thesaurus/word_association.php' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/language-word-association-game-tutorial/')>Word Association</button><button title='//www.rjmprogramming.com.au/HTMLCSS/homonym_game.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-homonyms-game-tutorial/')>Homonyms</button><button title='//www.rjmprogramming.com.au/PHP/YQL/Thesaurus/Ajax_yql_thesaurus.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/yahoo-yql-json-thesaurus-and-translation-tutorial/')>Thesaurus</button>";

// Grammar
var threebuttons_i_ii="<button title='//www.rjmprogramming.com.au/HTMLCSS/adjective_or_adverb.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/html-adjectives-vs-adverbs-lesson-plan-checkboxes-tutorial/')>Adjectives vs Adverbs</button><button title='//www.rjmprogramming.com.au/HTMLCSS/Canvas/Game/Chalkboard/conjunction_chalkboard.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-sentence-conjunction-game-tutorial/')>Conjunctions</button><button title='//www.rjmprogramming.com.au/HTMLCSS/present_perfect_progressive_or_simple_or_non_progressive.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-present-perfect-progressive-primer-tutorial/')>Present Perfect Progressive</button>";

// More Grammar
var threebuttons_i_iii="<button title='//www.rjmprogramming.com.au/HTMLCSS/button_choice_of_two.html?mode=radio' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-choice-of-several-tutorial/')>Modal Auxiliary Verbs</button><button title='//www.rjmprogramming.com.au/ITblog/english-past-tense-irregular-verb-spelling-game/#content' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/english-past-tense-irregular-verb-spelling-game/')>Past Tense Irregular</button><button title='//www.rjmprogramming.com.au/HTMLCSS/SentencePrepositioning/' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-sentence-preposition-ing-game-tutorial/')>Preposition'ing</button>";

// Ordering
var threebuttons_ii_iii="<button title='//www.rjmprogramming.com.au/PHP/decodepictowords.php' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/php-pictogram-word-decoding-game-primer-tutorial/')>Pictogram Decoding</button><button title='//www.rjmprogramming.com.au/ITblog/past-present-tense/#content' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/past-present-tense/')>Past and Present Tense</button><button title='//www.rjmprogramming.com.au/HTMLCSS/hart_via_ella.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/mixed-up-song-lyrics-game-primer-tutorial/')>Song Lyrics</button>";

// Sentences
var threebuttons_iii_iii="<button title='//www.rjmprogramming.com.au/HTMLCSS/let_us.html' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/htmljavascript-esl-reveal-game-tutorial/')>Sentence Reveal</button><button title='//www.rjmprogramming.com.au/PHP/rhopalic_letter_sentence.php' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/php-rhopalic-letter-sentence-game-primer-tutorial/')>Rhopalic Letter Sentence</button><button title='//www.rjmprogramming.com.au/PHP/JSON/Acronym/' onclick=ifis(this,'//www.rjmprogramming.com.au/ITblog/acronyms-lookup-follow-up-tutorial/')>Acronyms</button>";


// Thanks to http://stackoverflow.com/questions/3066586/get-string-in-yyyymmdd-format-from-js-date-object below
function yyyymmdd() {
var yyyy = this.getFullYear().toString();
var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
var dd = this.getDate().toString();
return yyyy + (mm[1]?mm:"0"+mm[0]) + (dd[1]?dd:"0"+dd[0]); // padding
}

function toggle(inval) {
if (inval.indexOf('.php') != -1) {
var d = new Date();
var yyyy = d.getFullYear().toString();
var mm = (d.getMonth()+1).toString(); // getMonth() is zero-based
var dd = d.getDate().toString();
bsel = yyyy + (mm[1]?mm:"0"+mm[0]) + (dd[1]?dd:"0"+dd[0]); // padding
//bsel = d.yyyymmdd();
if (inval.indexOf('save') != -1) {
top.document.getElementById('save').value=bsel;
top.document.getElementById('ball').click();
} else {
//top.document.getElementById('ipostings').src=inval;
location.href=inval;
}
} else {
if (notwithin) {
if (defdef == ' ') {
defdef='';
seltonealtis=' selected';
seltoneis='';
} else {
defdef=' ';
seltoneis=' selected';
seltonealtis='';
}
}
}
}

function ifis(ib,toif) {
var gw=location.search.split('getask=')[1] ? location.search.split('getask=')[1].split('&')[0] : ' ';
if (last) {
last.style.border='';
}

last=ib;
var ohuh=top.document.getElementById('mymode');

if (gw != ' ') {
if (top.document.getElementById('mydiv')) top.document.getElementById('mydiv').style.display='block';
top.document.getElementById('myif').style.display='block';
} else if ((location.search.split('getask=')[1] ? location.search.split('getask=')[1].split('&')[0] : ' ') != ' ') {
top.document.getElementById('myif').style.display='block';
}

if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
if (gw != ' ') {
window.open(ib.title, '_blank');
} else if (top.document.getElementById('mymode').value.indexOf('eb') != -1) {
window.open(ib.title, '_blank');
} else {
window.open(toif, '_blank');
}
} else if ((gw != ' ' && defdef == ' ') || top.document.getElementById('mymode').value == toneis) {
if (ib.title.indexOf('rjmprogramming.com.au') != -1) {
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
top.document.getElementById(did).innerHTML="<iframe id='myif' src='" + ib.title + "' style='width:" + wis + ";height:" + his + ";'></iframe>";
} else {
top.document.getElementById('myif').src=ib.title;
top.document.getElementById('myif').style.width=wis;
}
} else if (ib.title.indexOf('/') == -1) {
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
top.document.getElementById(did).innerHTML="<iframe id='myif' src='" + ib.title + "' style='width:" + wis + ";height:" + his + ";'></iframe>";
} else {
top.document.getElementById('myif').src=ib.title;
top.document.getElementById('myif').style.width=wis;
}
} else {
top.document.getElementById(did).innerHTML="<embed id='myif' src='" + ib.title + "' style='width:" + wis + ";height:" + his + ";'></embed>";
}
} else {
if (toif.indexOf('rjmprogramming.com.au') != -1) {
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
top.document.getElementById(did).innerHTML="<iframe id='myif' src='" + toif + "' style='width:" + wis + ";height:" + his + ";'></iframe>";
} else {
top.document.getElementById('myif').src=toif;
top.document.getElementById('myif').style.width=wis;
}
} else if (toif.indexOf('/') == -1) {
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
top.document.getElementById(did).innerHTML="<iframe id='myif' src='" + toif + "' style='width:" + wis + ";height:" + his + ";'></iframe>";
} else {
top.document.getElementById('myif').src=toif;
top.document.getElementById('myif').style.width=wis;
}
} else {
top.document.getElementById(did).innerHTML="<embed id='myif' src='" + toif + "' style='width:" + wis + ";height:" + his + ";'></embed>";
}
}
ib.style.border='2px red solid';
}

function andthen() {
if (!done || 'g' =='g') {
done=true;
var formask=location.search.split('getask=')[1] ? location.search.split('getask=')[1].split('&')[0] : ' ';
var ihtml="<div id='mydiv' style=' overflow: auto; -webkit-overflow-scrolling:touch; background-color: yellow; position: absolute; z-index:8; left: lis; top: tis; width: wis; height: his;'><iframe id='myif' src='//www.rjmprogramming.com.au/HTMLCSS/listen_to.html' style='width:100%;height:100%;'></iframe></div>";
if ((location.search.split('getask=')[1] ? location.search.split('getask=')[1].split('&')[0] : ' ') != ' ') ihtml=ihtml.replace('position:','display:none;position:').replace('mydiv','mywasdiv').replace('myif','mywasif').replace('width:100%;height:100%;','width:100%;height:100%;display:none;');
var elem1 = top.document.getElementById("myh1");
var tis = 45;
if (formask != ' ') {
leeway=290;
hleeway=530;
}
if (elem1 != null) tis=eval(eval(window.getComputedStyle(elem1, null).getPropertyValue("height").replace('px','')) + 45);
elem1 = top.document.getElementById("mytable");
var lis = 10; // eval(window.getComputedStyle(elem1, null).getPropertyValue("left").replace('px',''));
//his = eval(window.getComputedStyle(elem1, null).getPropertyValue("height").replace('px',''));
//wis = eval(window.getComputedStyle(elem1, null).getPropertyValue("width").replace('px',''));
ihtml=ihtml.replace('his','' + eval(eval(window.getComputedStyle(elem1, null).getPropertyValue("height").replace('px','')) - leeway) + 'px').replace('wis','' + eval(eval(window.getComputedStyle(elem1, null).getPropertyValue("width").replace('px','')) - hleeway) + 'px').replace('lis','' + eval(lis + hleeway / 2) + 'px').replace('tis','' + eval(tis + leeway / 2) + 'px');
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
wis='' + eval(eval(window.getComputedStyle(elem1, null).getPropertyValue("width").replace('px','')) - hleeway) + 'px';
his = '' + eval(eval(window.getComputedStyle(elem1, null).getPropertyValue("height").replace('px','')) - leeway) + 'px';
ihtml=ihtml.replace('width:100%;', 'width:' + wis + ';').replace('height:100%;', 'width:' + his + ';');
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
ihtml=''
wis='100%';
his='100%';
}
//alert(ihtml);
var ocheck=top.document.getElementById('myif');
if (ocheck == null) top.document.body.innerHTML+=ihtml;
atstart();
}
}

function atstart() {
if (!done) andthen();
var tds=top.document.getElementsByTagName('td');
var choice=-1;
if (tds.length > 0) {
if (cols[0] != '') {
for (var kc=0; kc<cols.length; kc++) {
choice = Math.floor(Math.random() * cols.length);
while (cols[choice] == '') {
choice = Math.floor(Math.random() * cols.length);
}
if (tds.length > kc) {
tds[kc].style.backgroundColor=cols[choice];
cols[choice]='';
} else {
cols[choice]='';
}
}
}
var bts=top.document.getElementsByTagName('button');
if (bts.length > 0) {
//if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
// tds[0]=tds[0];
//} else {
bts[0].onclick();
//}
}
}
}

function updatecell() {
var sx='', ju=1, octh='', teth='', bwth='', cellih='', celldelim='';
var map=[0,1,4,7,2,5,8,3,6,9];
for (var iu=1; iu<=9; iu++) {
if (document.URL.indexOf('_' + map[iu] + '_=') != -1) {
sx='_' + map[iu] + '_';
octh=location.search.split('oc' + ju + sx + '=')[1] ? (location.search.split('oc' + ju + sx + '=')[1]).split('&')[0] : '';
teth=location.search.split('te' + ju + sx + '=')[1] ? (location.search.split('te' + ju + sx + '=')[1]).split('&')[0] : '';
bwth=location.search.split('bw' + ju + sx + '=')[1] ? (location.search.split('bw' + ju + sx + '=')[1]).split('&')[0] : '';
while (octh != '') {
if (decodeURIComponent(octh).toLowerCase().indexOf("http") != 0 && decodeURIComponent(octh).toLowerCase().indexOf("www.rjmprogramming.com.au") != 0 && octh != '') {
octh="//www.rjmprogramming.com.au/" + decodeURIComponent(octh);
} else {
octh=decodeURIComponent(octh);
}
if (decodeURIComponent(teth).toLowerCase().indexOf("http") != 0 && decodeURIComponent(octh).toLowerCase().indexOf("www.rjmprogramming.com.au") != 0 && teth != '') {
teth="//www.rjmprogramming.com.au/" + decodeURIComponent(teth);
} else {
teth=decodeURIComponent(teth);
}
cellih+=celldelim + "<input type=button title='" + teth + "' onclick=ifis(this,'" + octh + "') value='" + decodeURIComponent(bwth) + "'></input><input type=hidden name=oc" + ju + sx + " value='" + octh + "'></input><input type=hidden name=te" + ju + sx + " value='" + teth + "'></input><input type=hidden name=bw" + ju + sx + " value='" + decodeURIComponent(bwth) + "'></input>";
//cellih+=celldelim + "<button title='" + teth + "' onclick=ifis(this,'" + octh + "')>" + bwth + "</button>";
celldelim='<br>';
if (iu == 2 || iu == 5 || iu == 8) celldelim=' ';
ju++;
octh=location.search.split('oc' + ju + sx + '=')[1] ? (location.search.split('oc' + ju + sx + '=')[1]).split('&')[0] : '';
teth=location.search.split('te' + ju + sx + '=')[1] ? (location.search.split('te' + ju + sx + '=')[1]).split('&')[0] : '';
bwth=location.search.split('bw' + ju + sx + '=')[1] ? (location.search.split('bw' + ju + sx + '=')[1]).split('&')[0] : '';
}
var xtds=top.document.getElementsByTagName('td');
var choice=-1;
if (cols[0] != '') {
for (var kc=0; kc<cols.length; kc++) {
choice = Math.floor(Math.random() * cols.length);
while (cols[choice] == '') {
choice = Math.floor(Math.random() * cols.length);
}
if (xtds.length > kc) {
xtds[kc].style.backgroundColor=cols[choice];
cols[choice]='';
} else {
cols[choice]='';
}
}
}

xtds[eval(-1 + iu)].innerHTML=cellih;
var tis=location.search.split('th' + 'eme=')[1] ? decodeURIComponent(location.search.split('th' + 'eme=')[1]).split('&')[0] : '';
var wastis=top.document.getElementById('myh1');
if (wastis != null) {
var wast=wastis.innerHTML.split('<');
if (trim(wast[0]) != trim(tis) && tis != '') top.document.getElementById('myh1').innerHTML=top.document.getElementById('myh1').innerHTML.replace(wast[0], tis);
}
tis=location.search.split('opt1=')[1] ? decodeURIComponent(location.search.split('opt1=')[1]).split('&')[0] : '';
if (tis != '' && top.document.getElementById('oopt1') != null) {
toneis=tis;
top.document.getElementById('oopt1').innerHTML=tis;
}
tis=location.search.split('opt2=')[1] ? decodeURIComponent(location.search.split('opt2=')[1]).split('&')[0] : '';
if (tis != '' && top.document.getElementById('oopt2') != null) {
tonealtis=tis;
top.document.getElementById('oopt2').innerHTML=tis;
}
}
}
}

function analyze(thid) {
//if (eval(thid.replace('b','')) >= 5) thid='b' + eval(1 + eval(thid.replace('b','')));
var turl='./middle_in' + 'terest.html?xask=y';
turl+='&th' + 'eme=' + encodeURIComponent(document.getElementById('theme').value);
turl+='&opt1=' + encodeURIComponent(document.getElementById('opt1').value);
turl+='&opt2=' + encodeURIComponent(document.getElementById('opt2').value);
for (var iiu=1; iiu<=3; iiu++) {
turl+='&oc' + iiu + '_' + thid.replace('b','') + '_=' + encodeURIComponent(document.getElementById('oc' + iiu + '_' + thid.replace('b','') + '_').value);
turl+='&te' + iiu + '_' + thid.replace('b','') + '_=' + encodeURIComponent(document.getElementById('te' + iiu + '_' + thid.replace('b','') + '_').value);
turl+='&bw' + iiu + '_' + thid.replace('b','') + '_=' + encodeURIComponent(document.getElementById('bw' + iiu + '_' + thid.replace('b','') + '_').value);
}
document.getElementById('myf').src=turl;
}

function fixall(ttid) {
var huhss, ottid=ttid.replace('1','two').replace('2','1').replace('two','2'), was='';
notwithin=false;
//alert('a' + ottid);
if (top.document.getElementById('oo' + ttid)) {
//alert(ttid);
if (ttid.indexOf('2') != -1) {
//alert('aa' + ottid);
was=tonealtis;
tonealtis=top.document.getElementById(ttid).value;
huhss=top.document.getElementById('mytmode').innerHTML.split('>Save All</option>');
alert(huhss.length);
if (huhss.length == 2) {
} else {
top.document.getElementById('mytmode').innerHTML='<option id=ooopt1 value="' + top.document.getElementById(ottid).value + '"' + seltoneis + '>' + top.document.getElementById(ottid).value + '</option><option id=ooopt2 value="' + top.document.getElementById(ttid).value + '"' + seltonealtis + '>' + top.document.getElementById(ttid).value + '</option><option value=./middle_interest.php?save=save>Save All</option>' + huhss[1];
}
top.document.getElementById('twomodes').innerHTML=top.document.getElementById('twomodes').innerHTML.replace(was,tonealtis).replace(was,tonealtis).replace(was,tonealtis).replace(was,tonealtis);
} else {
//alert('aaa' + ottid);
was=toneis;
toneis=top.document.getElementById(ttid).value;
huhss=top.document.getElementById('mytmode').innerHTML.split('>Save All</option>');
alert(huhss.length);
if (huhss.length == 2) {
top.document.getElementById('mytmode').innerHTML='<option id=ooopt1 value="' + top.document.getElementById(ttid).value + '"' + seltoneis + '>' + top.document.getElementById(ttid).value + '</option><option id=ooopt2 value="' + top.document.getElementById(ottid).value + '"' + seltonealtis + '>' + top.document.getElementById(ottid).value + '</option><option value=./middle_interest.php?save=save>Save All</option>' + huhss[1];
} else {
top.document.getElementById('mytmode').innerHTML='<option id=ooopt1 value="' + top.document.getElementById(ttid).value + '"' + seltoneis + '>' + top.document.getElementById(ttid).value + '</option><option id=ooopt2 value="' + top.document.getElementById(ottid).value + '"' + seltonealtis + '>' + top.document.getElementById(ottid).value + '</option><option value=./middle_interest.php?save=save>Save All</option>';
}
top.document.getElementById('twomodes').innerHTML=top.document.getElementById('twomodes').innerHTML.replace(was,toneis).replace(was,toneis).replace(was,toneis).replace(was,toneis);
}
}
notwithin=true;
}

function copy(ebo) {
if (ebo.title) {
if (ebo.title != '') {
top.document.getElementById(ebo.id.replace('eb','oc')).value=ebo.title.replace('//www.rjmprogramming.com.au/','');
top.document.getElementById(ebo.id.replace('eb','te')).value=ebo.title.replace('//www.rjmprogramming.com.au/','') + '#content';
var lbs=ebo.title.split('title=');
top.document.getElementById(ebo.id.replace('eb','bw')).value=lbs[eval(-1 + lbs.length)].replace(/_/g,' ');
}
}
}

function checklast(iois) {
var copts='', huhs;
if ((iscandidate || isjre) && iois.value.length > 0) {
var sw=null, presw=top.document.getElementById('ipostings');
if (presw != null) {
var aconto = (presw.contentWindow || presw.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
sw=aconto.body; //.getElementById('tuts');
}
}

if (swih == '') swih=sw.innerHTML;
var isa=swih.indexOf('<select');
isa+=swih.substring(0,isa).indexOf('<option');
copts=swih.substring(0,isa);
var opts=swih.substring(isa).split('</option>');
for (var ics=0; ics<opts.length; ics++) {
if (opts[ics].indexOf('<option') != -1) {
if (!isjre && opts[ics].toLowerCase().indexOf(iois.value.toLowerCase()) != -1) {
copts+=opts[ics] + '</option>';
} else if (isjre) {
huhs=eval("opts[" + ics + "].split(/" + iois.value + "/)");
if (huhs.length > 1) {
copts+=opts[ics] + '</option>';
}
}
} else {
//alert(opts[ics]);
copts+=opts[ics];
}
}
if (copts != sw.innerHTML) sw.innerHTML=copts;
}
}
iscandidate=false;
isjre=false;
iois.style.backgroundColor='white';
}

function checkfirst(iois) {
var was=iois.value;
acceptable='';
if ((was.substring(0,1) != '*' && was.substring(0,1) != '/') || iscandidate || isjre) {
acceptable=was;
} else if (was.length > 1) {
acceptable=was.substring(1);
} else if (was.substring(0,1) == '*') {
iscandidate=true;
iois.style.backgroundColor='pink';
} else if (was.substring(0,1) == '/') {
isjre=true;
iois.style.backgroundColor='pink';
}
if (acceptable == was) return true;
iois.value=acceptable;
return false;
}

function itformgetdepends(inh) {
//var map=[0,1,2,3,4,5,6,7,8,9];
var map=[0,1,4,7,2,5,8,3,6,9];
var ct='Change this', cellno=1, pregs, gs, hw='', cellmemno=1, outh=inh, cells, kc, ic, thisbutton, precells, jc=0, lastsuff='', postcell, suff='<br>', xlast=' setTimeout(andthen, 800); ', zlast='', lastc='';
var inask=location.search.split('getask=')[1] ? location.search.split('getask=')[1].split('&')[0] : ' ';
if (inask != ' ') {
cells=inh.split('</h1>');
thisbutton=cells[0] + '</h1>';
outh=outh.replace('</table>','</table><input type=hidden name=save id=save value=></input></form>').replace(thisbutton, thisbutton.replace('>',' value="')).replace('<h1','<form method=post action=./middle_int' + 'erest.php>Theme: <input title="Start with * to indicate that what follows is a filter, or start with / to indicate that what follows is a Javascript regular expression filter (eg. >G for tutorials starting with G), on the dropdown contents to right" onblur=checklast(this); onkeyup=checkfirst(this); onkeydown=checkfirst(this); id=theme name=theme type=text ').replace('<select','"></input>  <iframe frameborder=0 src="./middle_interest.php?blogselect=' + bsel + '" title=Postings id=ipostings style=height:27px;></iframe> Two Modes: <span id=twomodes><select style=display:none ').replace('</h1>','').replace('<option','  <input style=display:inline;background-color:silver onblur=fixall(this.id) name=opt1 id=opt1 type=text ').replace('<option','  <input style=display:inline;background-color:gray onblur=fixall(this.id) name=opt2 id=opt2 type=text ').replace('</option>','</input>  ').replace('</option>','</input>  ').replace('Post Mode Asking','').replace('Form Mode Asking','').replace('Interactive Mode Asking','').replace('</select></span>','</select>  ');
//outh=outh.replace('Theme: ','<h1>Theme: </h1>');
lastc='';
cells=inh.split('</td>');
for (ic=0; ic<cells.length; ic++) {
if (cells[ic].indexOf('</button>') != -1) {
precells=cells[ic].split('</button>');
for (kc=0; kc<precells.length; kc++) {
if (precells[kc].replace('</div>','').indexOf('<button') != -1) {
postcell=(' ' + precells[kc]).split('<button');
thisbutton='<button' + postcell[1] + '</button>';
if (outh.indexOf(thisbutton + '<br>') != -1) {
suff='<br>';
} else if (outh.indexOf(thisbutton + '<') == -1) {
gs=outh.split(thisbutton);
pregs=gs[1].split('<');
//alert(pregs[0]);
suff=pregs[0];
} else {
suff='';
}
lastc=thisbutton.replace('>','><input style=background-color:orange id=bw' + cellmemno + '_' + map[cellno] + '_ name=bw' + cellmemno + '_' + map[cellno] + '_ type=text value="').replace(' title=',' value=').replace('onclick=ifis(this,','></input><input style=background-color:gray;width:48% id=oc' + cellmemno + '_' + map[cellno] + '_ name=oc' + cellmemno + '_' + map[cellno] + '_ type=" + urlt + " title="Absolute URL or relative to //www.rjmpro gramming.com.au/" value=').replace(')','').replace('<button','<input style=background-color:silver;width:48% id=te' + cellmemno + '_' + map[cellno] + '_ name=te' + cellmemno + '_' + map[cellno] + '_ type=" + urlt + " title="Absolute URL or relative to //www.rjmpro gramming.com.au/" ').replace('</button>','"></input>').replace(/http:\/\/www.rjmprogramming.com.au\//g,"").replace(/https:\/\/www.rjmprogramming.com.au\//g,"").replace(/\/\/www.rjmprogramming.com.au\//g,"").replace(/www.rjmpro gramming.com.au/g,"www.rjmprogramming.com.au");
//alert(lastc);
outh=outh.replace(thisbutton, lastc);
if (suff != '') {
cellmemno++;
} else {
if (lastc != '') {
//alert(87);
outh=outh.replace(lastc, lastc + "<br><input id=b" + map[cellno] + " onclick=analyze(this.id) type=button value='Cell Refresh'></input>");
lastc='';
}
cellno++;
cellmemno=1;
lastsuff='';
if (cellno == 5) {
hw='hidden ';
} else {
hw='';
}
}
}
}
} else {
cellno++;
cellmemno=1;
lastsuff='';
if (cellno == 5) {
hw='hidden ';
} else {
hw='';
}
}
}
}
if (lastc != '') {
outh=outh.replace(lastc, (lastc + "<br><input id=b" + cellno + " onclick=analyze(this.id) type=button value='Cell Refresh'></input>").replace('</scr', xlast + '</scr'));
} else {
outh=outh.replace('</scr', xlast + ' </scr');
}
//alert(outh);
setTimeout(andthen,400);
return outh.replace('Theme: ','<b>Theme: </b>');
}

function itdepends(inh) {
var ct='Change this', cellno=1, pregs, gs, hw='', cellmemno=1, outh=inh, cells, kc, ic, thisbutton, precells, jc=0, lastsuff='', postcell, suff='<br>', xlast=' setTimeout(andthen, 600); ', zlast='', lastc='';
var inask=location.search.split('ask=')[1] ? location.search.split('ask=')[1].split('&')[0] : ' ';
if (inask != ' ') {
cells=inh.split('</h1>');
thisbutton=cells[0] + '</h1>';
dis=thisbutton.replace(/"/g, "' + String.fromChar(34) '");
lastc="<scr" + "ipt type='text/javascript'> var dis" + jc + "=" + '"' + dis + '"' + "; document.write(prompt(" + '"' + "Change this Theme and/or its dropdown?" + '"' + ",dis" + jc + ")); </scr" + "ipt>";
outh=outh.replace(thisbutton, lastc);
lastc='';
cells=inh.split('</td>');
for (ic=0; ic<cells.length; ic++) {
if (cells[ic].indexOf('</button>') != -1) {
precells=cells[ic].split('</button>');
for (kc=0; kc<precells.length; kc++) {
if (precells[kc].replace('</div>','').indexOf('<button') != -1) {
postcell=(' ' + precells[kc]).split('<button');
thisbutton='<button' + postcell[1] + '</button>';
suff='';
ct='Change this ' + hw + 'web application button ' + cellmemno + ' (of ' + eval(-1 + precells.length) + ') in cell ' + cellno + ' of 9 ... nothing is allowed';
if (outh.indexOf(thisbutton + '<br>') != -1) {
suff='<br>';
thisbutton += suff;
lastsuff=suff;
} else if (outh.indexOf(thisbutton + '<') == -1) {
gs=outh.split(thisbutton);
pregs=gs[1].split('<');
//alert(pregs[0]);
suff=pregs[0];
thisbutton += suff;
lastsuff=suff;
} else {
ct='Change this ' + hw + 'web application button ' + cellmemno + ' (of ' + cellmemno + ') in cell ' + cellno + ' of 9 ... nothing is allowed ... to add more, best delimiter between buttons is ' + lastsuff + ' ';
}
jc++;
dis=thisbutton.replace(/"/g, "' + String.fromChar(34) '");
lastc="<scr" + "ipt type='text/javascript'> var dis" + jc + "=" + '"' + dis + '"' + "; document.write(prompt(" + '"' + ct + "?" + '"' + ",dis" + jc + ")); </scr" + "ipt>";
outh=outh.replace(thisbutton, lastc);
//alert(outh);
if (suff != '') {
cellmemno++;
} else {
cellno++;
cellmemno=1;
lastsuff='';
if (cellno == 5) {
hw='hidden ';
} else {
hw='';
}
}
}
}
}
}
}
if (lastc != '') outh=outh.replace(lastc, lastc.replace('</scr', xlast + '</scr'));
//alert(outh);
return outh;
}


function oc(thisvalue) {
if (thisvalue.length == 0 && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
location.href='middle_int' + 'erest.html?geta' + 'sk=y&viapost=y';
} else if (thisvalue.length == 0) {
location.href='middle_int' + 'erest.html?a' + 'sk=y';
} else if (thisvalue.trim().length == 0) {
location.href='middle_int' + 'erest.html?geta' + 'sk=y';
} else if (thisvalue == '.') {
location.href='middle_int' + 'erest.html?geta' + 'sk=y&viapost=y';
} else if (thisvalue.indexOf('.php') != -1) {
location.href=thisvalue;
}
}

function checkmtm() {
var omtm=top.document.getElementById('mytmode');
if (omtm != null) {
if (omtm.innerHTML.indexOf(mtmodeadd.substring(eval(mtmodeadd.length - 21))) == -1) omtm.innerHTML+=mtmodeadd;
}
omtm=top.document.getElementById('mymode');
if (omtm != null) {
if (omtm.innerHTML.indexOf(mtmodeadd.substring(eval(mtmodeadd.length - 21))) == -1) omtm.innerHTML+=mtmodeadd;
}
var bs=top.document.getElementsByTagName('button');
for (var ibs=0; ibs<bs.length; ibs++) {
if (bs[ibs].innerHTML == 'undefined') bs[ibs].style.display='none';
}
}

function athen() {
var bs=top.document.getElementsByTagName('button');
for (var ibs=0; ibs<bs.length; ibs++) {
if (bs[ibs].innerHTML == 'undefined') bs[ibs].style.display='none';
}
}

</script>
</head>
<body style="background-color: yellow; " onload="checkmtm(); setTimeout(athen,2000);">
<script type='text/javascript'>
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
did='dmiddle';
threebuttons_ii_ii="New Window";
//ima="";
shp="65vh";
//document.getElementById('mviewport').setAttribute('initial-scale','0.5');
if (document.documentElement.clientWidth < 480) {
document.querySelector("meta[name=viewport]").setAttribute(
'content',
'width=device-width, initial-scale=1.3, minimum-scale=0.1, maximum-scale=18.0, user-scalable=yes');
styling="top";
}
}
var xtis=location.search.split('opt1=')[1] ? decodeURIComponent(location.search.split('opt1=')[1]).split('&')[0] : '';
if (xtis != '') toneis=xtis;
var xxtis=location.search.split('opt2=')[1] ? decodeURIComponent(location.search.split('opt2=')[1]).split('&')[0] : '';
if (xxtis != '') tonealtis=xxtis;
var indelim=location.search.split('getask=')[1] ? '<br>' : ' ';
var defpost="";
var defshow="none";
if ('when ready' == 'when ready') {
defpost="<option value='.'>Post Mode Asking</option>";
defshow="inline";
}
urlt=location.search.split('viapost=')[1] ? "text" : urlt;
var viapost=location.search.split('viapost=')[1] ? "<option value='.'>Post Mode Asking</option>" : defpost;
var inlinevsnone=location.search.split('viapost=')[1] ? "inline" : defshow;
var ii_ii=location.search.split('getask=')[1] ? '<span>Please Fill in & Click <select id=mytmode name=mode onchange=toggle(this.value)><option id=ooopt1 value="' + toneis + '">' + toneis + '</option><option id=ooopt2 value="' + tonealtis + '">' + tonealtis + '</option><option value=./middle_interest.php?save=save>Save All</option></select> Buttons <input style=background-color:pink;display:' + inlinevsnone + ' type=submit id=ball value=All></input></span><br><iframe id=myf src=./middle_in' + 'terest.php style=display:none;width:1;height:1></iframe><br><div id=mydiv style=overflow:auto;-webkit-overflow-scrolling:touch;background-color:yellow;width:100%;height:300px;><iframe id=myif src=//www.rjmprogramming.com.au/HTMLCSS/listen_to.html style=width:100%;height:300px;display:none></iframe></div>' : threebuttons_ii_ii;
var outhtml="<h1 id='myh1' align='center'>" + theme + " <select id='mymode' onchange=oc(this.value)><option id=oopt1 value='" + toneis + "'" + seltoneis + ">" + toneis + "</option><option id=oopt2 value='" + tonealtis + "'" + seltonealtis + ">" + tonealtis + "</option>" + ima + "<option value=' '>Form Mode Asking</option>" + viapost + "</select></h1>";
outhtml+="<table border=1 align='center' style='background-color: pink; position: relative; z-index: 1; width:100%;height:" + shp + ";' id='mytable'>";
outhtml+="<tr style='vertical-align: top;'><td>" + threebuttons_i_i.replace('</button><button','</button><br><button').replace('</button><button','</button><br><button') + "</td><td align='center' style='float: top;'>" + threebuttons_ii_i.replace('</button><button','</button>' + indelim + '<button').replace('</button><button','</button>' + indelim + '<button').replace('</button><button','</button>' + indelim + '<button') + "</td><td align='right'>" + threebuttons_iii_i.replace('</button><button','</button><br><button').replace('</button><button','</button><br><button') + "</td></tr>";
outhtml+="<tr style='vertical-align: middle;'><td>" + threebuttons_i_ii.replace('</button><button','</button><br><button').replace('</button><button','</button><br><button') + "</td><td id='middle' align='center'><div id='dmiddle' style=' overflow: auto; -webkit-overflow-scrolling:touch; background-color: yellow; '>" + ii_ii.replace('</button><button','</button>' + indelim + '<button').replace('</button><button','</button>' + indelim + '<button').replace('</button><button','</button>' + indelim + '<button') + "</div></td><td align='right'>" + threebuttons_iii_ii.replace('</button><button','</button><br><button').replace('</button><button','</button><br><button') + "</td></tr>";
outhtml+="<tr style='vertical-align: " + styling + "; '><td style='float: " + styling + ";text-align: left;'>" + threebuttons_i_iii.replace('</button><button','</button><br><button').replace('</button><button','</button><br><button') + "</td><td style='float: " + styling + "; text-align: center;'>" + threebuttons_ii_iii.replace('</button><button','</button>' + indelim + '<button').replace('</button><button','</button>' + indelim + '<button').replace('</button><button','</button>' + indelim + '<button') + "</td><td style='float: " + styling + "; text-align: right;'>" + threebuttons_iii_iii.replace('</button><button','</button><br><button').replace('</button><button','</button><br><button') + "</td></tr>";
outhtml+="</table><iframe style='width:1;height:1;display:none;' src='./middle_interest.php?blogselect=00000000'></iframe>";
//alert(itdepends(itformgetdepends(outhtml))); //.substring(itdepends(itformgetdepends(outhtml)).indexOf('Acronyms')));
if (document.URL.indexOf('xask=') != -1 && document.URL.indexOf('_=') != -1) {
updatecell();
} else {
document.write(itdepends(itformgetdepends(outhtml)));
if ((location.search.split('ask=')[1] ? location.search.split('ask=')[1].split('&')[0] : ' ') == ' ') setTimeout(andthen, 200);
//if ((location.search.split('getask=')[1] ? location.search.split('getask=')[1].split('&')[0] : ' ') != ' ') setTimeout(andthen, 200);
}
</script>
</body>
</html>