<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<style> td { vertical-align: top; } </style>
<title>Carpentry Game - RJM Programming - February, 2018</title>


<script type='text/javascript'>

var score=0, goes=0;
var ifkar='';
var fromst='++++++++++++Djibouti%2C%20Djibouti';
var tost='++++++++++++Djibouti%2C%20Djibouti';
var lwo=null;

function check(oa) {
var dorandd=false, dolyricsmatch=false;
//alert(document.getElementById('ui').width + ' ... ' + document.getElementById('ui').style.top + ' ... ' + document.getElementById('ui').style.left);
var rectarr=[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1];
var words=oa.getAttribute("data-title").replace(",","").replace("(","").replace(")","").toLowerCase().split('_');
var minx=-1, miny=-1, maxx=-1, maxy=-1, jj=0;
var carray=oa.coords.split(',');
if (carray.length > 4) {
carray.push(carray[0]);
carray.push(carray[1]);
}
var considered=' ... (' + carray.length + ') ';
for (var ii=0; ii<carray.length; ii++) {
jj = eval(eval(ii - eval(ii % 2)) / 2);
considered+=' =' + jj + '= ';
if (carray.length == 4) {
if (ii == 0) {
minx=eval(carray[ii]);
maxx=eval(carray[ii]);
} else if (ii == 1) {
miny=eval(carray[ii]);
maxy=eval(carray[ii]);
} else if (ii == 2) {
if (eval(carray[ii]) < minx) minx=eval(carray[ii]);
if (eval(carray[ii]) > maxx) maxx=eval(carray[ii]);
} else {
if (eval(carray[ii]) < miny) miny=eval(carray[ii]);
if (eval(carray[ii]) > maxy) maxy=eval(carray[ii]);
}
} else if (eval(ii % 2) == 0 && (jj == 0 || jj == 1 || jj == eval(-1 + eval(carray.length / 2)) || jj == eval(-2 + eval(carray.length / 2)) || jj == eval(-3 + eval(carray.length / 2)))) {
if (ii == 0) {
considered+='' + carray[ii] + ',' + carray[eval(1 + ii)];
minx=eval(carray[ii]);
maxx=eval(carray[ii]);
miny=eval(carray[eval(1 + ii)]);
maxy=eval(carray[eval(1 + ii)]);
} else {
considered+=',' + carray[ii] + ',' + carray[eval(1 + ii)];
if (eval(carray[ii]) < minx) minx=eval(carray[ii]);
if (eval(carray[ii]) > maxx) maxx=eval(carray[ii]);
if (eval(carray[eval(1 + ii)]) < miny) miny=eval(carray[eval(1 + ii)]);
if (eval(carray[eval(1 + ii)]) > maxy) maxy=eval(carray[eval(1 + ii)]);
}
}
}
if (minx < 75) {
maxx=75;
} else if (minx < 460) {
minx=460;
}
if (maxx > eval(0 + document.getElementById('ui').width)) maxx = eval(0 + document.getElementById('ui').width);
if (maxy > eval(0 + document.getElementById('ui').height)) maxy = eval(0 + document.getElementById('ui').height);
//if (carray.length > 4) {
// alert(carray + ' ... ' + minx + ',' + miny + ',' + ',' + maxx + ',' + maxy + considered);
//}
//if (oa.title.indexOf('rimmer') != -1) alert(oa.title + ' ... ' + "<div style=\"border:1px solid red;position:absolute;z-index:9;background-repeat:no-repeat;background:URL('floor_wall_roof_framing_members.jpg');background-position:-" + minx + "px -" + miny + "px;left:" + minx + "px;top:" + miny + "px;width:" + eval(maxx - minx) + "px;height:" + eval(maxy - miny) + "px;display:block;\"></div>");
var ans=prompt("What did you point at? One blank character is the answer to give up and reveal answer, while two will offer YouTube based research material regarding the answer as well, three also does a Song Lyrics search. Suffix your answer with a space to do this research, two spaces for song lyrics, anyway, as well.", "");
goes++;
var prevscore=score;
if (ans != null) {
if (ans.indexOf(' ') == 0 && ans.trim() == '') {
dolyricsmatch=true;
dorandd=true;
ans=' ';
} else if (ans.indexOf(' ') == 0 && ans.trim() == '') {
dorandd=true;
ans=' ';
} else if (('!' + ans + '~').replace(/\ \ \~$/g,'') != ('!' + ans + '~') && ans.trim() != '') {
dolyricsmatch=true;
dorandd=true;
ans=ans.trim();
} else if (('!' + ans + '~').replace(/\ \~$/g,'') != ('!' + ans + '~') && ans.trim() != '') {
dorandd=true;
ans=ans.trim();
}
var bwords=ans.replace(",","").replace("(","").replace(")","").toLowerCase().split(' ');
for (var kk=0; kk<bwords.length; kk++) {
if (bwords[kk] != "") {
for (var mm=0; mm<words.length; mm++) {
if (words[mm] == bwords[kk]) score++;
}
}
}
}
if (prevscore != score || ans == " ") {
document.getElementById('overlays').innerHTML+="<div style=\"position:absolute;z-index:9;background-repeat:no-repeat;background:URL('floor_wall_roof_framing_members.jpg');background-position:-" + minx + "px -" + miny + "px;left:" + eval(0 + minx) + "px;top:" + eval(6 + miny) + "px;width:" + eval(maxx - minx) + "px;height:" + eval(maxy - miny) + "px;display:block;\"></div>";
if (window.self != window.parent) {
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes + " ... <br>" + oa.getAttribute("data-title").replace(/_/g,' ');
} else {
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes + " ... " + oa.getAttribute("data-title").replace(/_/g,' ');
}
} else {
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
}

if (dorandd) {
tost=fromst.replace('Djibouti%2C%20Djibouti', encodeURIComponent('carpentry ' + oa.getAttribute("data-title").replace(/_/g,' ')));
document.getElementById('ifkar').src=ifkar.replace(fromst, tost);
document.getElementById('ifkar').style.display='block';
}
if (dolyricsmatch) {
if (lwo) {
if (!lwo.closed) {
lwo.close();
lwo=null;
}
}
lwo=window.open('//www.lyrics.com/lyrics/' + encodeURIComponent(oa.getAttribute("data-title").replace(/_/g,' ').toLowerCase()), '_blank', 'top=0,left=' + eval(-490 + screen.width) + ',width=490,height=520');
}
}

function initif() {
ifkar=document.getElementById('ifkar').src;
var rectis=document.getElementsByTagName('table')[0].getBoundingClientRect();
document.getElementById('ifkar').style.position='absolute';
document.getElementById('ifkar').style.left='0px';
document.getElementById('ifkar').style.top='' + eval(20 + eval('' + rectis.bottom)) + 'px';
}
</script>

</head>
<body onload=initif();>
<table style="position:absolute;top:0px;left:0px;"><tr><td>

<img style="top:0px;left:0px;margin-top:0px; margin-left:0px;" id=ui src="fwrfm.jpg" usemap="#na82034" width="545" height="403" alt="click map" border="0" />
<map id="na82034" name="na82034">

<area shape="rect" alt="Hanging_Bar" data-title="Hanging_Bar" coords="334,11,531,42" data-href="#hanging_bar" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Cleat_hanger" data-title="Cleat_hanger" coords="408,42,696,55" data-href="#cleat_hanger" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Ceiling_Joist" data-title="Ceiling_Joist" coords="401,73,694,85" data-href="#ceiling_joist" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Jack_Ceiling_Joist_trimmer" data-title="Jack_Ceiling_Joist_trimmer" coords="247,94,539,128" data-href="#jack_ceiling_joist_trimmer" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Top_Wall_Plate" data-title="Top_Wall_Plate" coords="401,134,680,156" data-href="#top_wall_plate" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Brace" data-title="Brace" coords="401,169,492,184" data-href="#brace" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Nogging" data-title="Nogging" coords="367,196,605,220" data-href="#nogging" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Common_Stud" data-title="Common_Stud" coords="356,232,575,246" data-href="#common_stud" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Bottom_Wall_Plate" data-title="Bottom_Wall_Plate" coords="370,258,611,283" data-href="#bottom_wall_plate" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Floor_Joist" data-title="Floor_Joist" coords="392,307,678,320" data-href="#floor_joist" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Bearer" data-title="Bearer" coords="424,328,772,348" data-href="#bearer" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Stump_post_pier" data-title="Stump_post_pier" coords="332,366,544,389" data-href="#stump_post_pier" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Termite_Shield_ant_cap" data-title="Termite_Shield_ant_cap" coords="3,343,324,401" data-href="#termite_shield_ant_cap" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Jack_Stud" data-title="Jack_Stud" coords="9,287,249,300" data-href="#jack_stud" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Jamb_Stud" data-title="Jamb_Stud" coords="15,263,267,277" data-href="#jamb_stud" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Sill_Trimmer" data-title="Sill_Trimmer" coords="11,221,249,247" data-href="#sill_trimmer" target="_blank" onclick="check(this);" />

<area shape="poly" alt="Ledger" data-title="Ledger" coords="31,182,216,178,217,130,228,131,226,194,33,195" data-href="#ledger" target="_blank" onclick="check(this);" />

<area shape="poly" alt="Lintel" data-title="Lintel" coords="39,168,202,163,205,115,213,118,212,179,40,179" data-href="#lintel" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Soffit_Bearer" data-title="Soffit_Bearer" coords="11,127,155,160" data-href="#soffit_bearer" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Fascia" data-title="Fascia" coords="33,98,107,117" data-href="#fascia" target="_blank" onclick="check(this);" />

<area shape="rect" alt="Rafter" data-title="Rafter" coords="32,69,162,88" data-href="#rafter" target="_blank" onclick="check(this);" />
<area shape="default" nohref alt="" />
</map>

</td><td style='z-index:20;background-color:yellow;padding:10px 10px 10px 10px;'><h1>Carpentry Game</h1><br><h3>RJM Programming</h3><br><h3>February, 2018</h3><br><br><p>Click label and match <br>diagram words to score</p><br><br><p id=score>Score: 0/0</p>
</td></tr></table>
<iframe style=display:none;width:100%;height:1200px; id=ifkar src='//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?youtubeid=++++++++++++Djibouti%2C%20Djibouti&emoji=on&c0=on&i0=0&j0=99999&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29='></iframe>
<div id=overlays style='z-index:9;'></div>
</body>
</html>