<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Amino Acids Quiz - RJM Programming - September, 2017 ... thanks to https://www.mobilefish.com/services/image_map/image_map.php </title>


<style>
img, .topones {
filter: brightness(258%);
-webkit-filter: brightness(258%);
-moz-filter: brightness(258%);
-o-filter: brightness(258%);
-ms-filter: brightness(258%);
filter: saturate(338%);
-webkit-filter: saturate(338%);
-moz-filter: saturate(338%);
-o-filter: saturate(338%);
-ms-filter: saturate(338%);
filter: contrast(178%);
-webkit-filter: contrast(178%);
-moz-filter: contrast(178%);
-o-filter: contrast(178%);
-ms-filter: contrast(178%);
}
</style>

<script type='text/javascript'>
var labelids=[], labelminx=[], labelminy=[], labelmaxx=[], labelmaxy=[], choice=-1, ioff=0, spareioff=0;
var lasttop=-1, lastleft=-1, lastwidth=-1, lastheight=-1;
var sparelasttop=-1, sparelastleft=-1, sparelastwidth=-1, sparelastheight=-1;
var goes=0, score=0, lasto=null, sparelasto=null;
var whichway=0, chosenlist=" ", total=0;
var ways=["lasto.style.backgroundColor='transparent'", "lasto.style.display='none'", "lasto.style.backgroundColor='transparent'", "lasto.style.opacity=0.35", "ioff=1"];
var aways=["lasto.style.backgroundColor='yellow'", "lasto.style.display='block'", "lasto.style.backgroundColor='yellow'", "lasto.style.opacity=0.65", "ioff=1"];

var answers=["Glycine (Gly)","Alanine (Ala)","Valine (Val)","Leucine (Leu)","Isoleucine (Ile)","Methionine (Met)","Phenylalanine (Phe)","Tryptophan (Trp)","Proline (Pro)","Serine (Ser)","Threonine (Thr)","Cysteine (Cys)","Tyrosine (Tyr)","Asparagine (Asn)","Glutamine (Gln)","Aspartic Acid (Asp)","Glutamin Acid (Glu)","Lysine (Lys)","Arginine (Arg)","Histidine (His)"];

function check(omap) {
if (1 == 2) alert(omap.getAttribute("data-title"));
}

function pretimethings() {
var opval='';
if (lasto != null && whichway == 3) {
opval=lasto.style.opacity;
if (('' + opval).length > 0) {
if (eval(opval) > 0.64) {
sparelasto=lasto;
//document.title='?' + '' + opval;
lasto.style.opacity=eval(eval('' + opval) + 0.05);
//document.title=lasto.style.opacity;
} else if (eval(opval) < 0.36) {
if (eval(opval) <= 0.05 || ('' + opval).indexOf('-') != -1) {
//alert(1111);
lasto.innerHTML='';
lasto.style.opacity=0;
lasto.zIndex=9;
} else {
//sparelasto=lasto;
lasto.style.opacity=eval(eval('' + opval) - 0.05);
//document.title=' ... ' + opval;
}
}
}
}
if (sparelasto != null && whichway == 3) {
opval=sparelasto.style.opacity;
if (eval(opval) > 0.64 || ('' + opval).indexOf('-') != -1) {
if (eval(opval) >= 0.95) {
// alert(11111);
sparelasto.innerHTML='';
sparelasto.style.opacity=1;
sparelasto.zIndex=9;
sparelasto=null;
} else {
//document.title=opval;
sparelasto.style.opacity=eval(eval('' + opval) + 0.05);
}
}
}
if (lasto != null && whichway == 4 && sparelasto == null) {
if (lasto.getAttribute("data-title") != document.getElementById('schoices').value && lasto.getAttribute("data-title") != choice) {
document.title="lasto.getAttribute('data-title')=" + lasto.getAttribute("data-title") + " != document.getElementById('schoices').value=" + document.getElementById('schoices').value;
if (eval(eval(-2 * ioff) + lastwidth) >= 0 && eval(eval(-2 * ioff) + lastheight) >= 0) {
lasto.style.top='' + eval(ioff + lasttop) + 'px';
lasto.style.left='' + eval(ioff + lastleft) + 'px';
lasto.style.width='' + eval(eval(-2 * ioff) + lastwidth) + 'px';
lasto.style.height='' + eval(eval(-2 * ioff) + lastheight) + 'px';
//document.title=('' + eval(ioff + lasttop) + 'px,' + '' + eval(ioff + lastleft) + 'px,' + '' + eval(eval(-2 * ioff) + lastwidth) + 'px,' + '' + eval(eval(-2 * ioff) + lastheight) + 'px');
if (ioff > 0) ioff++;
if (ioff < 0) ioff--;
if (sparelasto == null && 1 == 6) {
sparelasto=lasto;
spareioff=ioff;
sparelasttop=lasttop;
sparelastleft=lastleft;
sparelastwidth=lastwidth;
sparelastheight=lastheight;
lasto=null;
whichway=-4;
}
//alert(98);
} else {
lasto.style.backgroundColor='transparent';
lasto.style.border='1px solid red';
lasto.style.top='' + eval(lasttop) + 'px';
lasto.style.left='' + eval(lastleft) + 'px';
lasto.style.width='' + eval(lastwidth) + 'px';
lasto.style.height='' + eval(lastheight) + 'px';
//lasto.style.display='none';
//location.href=document.URL.split('#')[0].split('?')[0] + '?score=' + score + '&goes=' + goes + '&way=' + whichway + '&choice=' + choice;
}
}
}
if (sparelasto != null && whichway == 4) {
if (sparelasto.getAttribute("data-title") != document.getElementById('schoices').value && sparelasto.getAttribute("data-title") != choice) {
document.title="sparelasto.getAttribute('data-title')=" + sparelasto.getAttribute("data-title") + " != document.getElementById('schoices').value=" + document.getElementById('schoices').value;
if (spareioff > 0) spareioff++;
if (spareioff < 0) spareioff--;
if (eval(eval(-2 * spareioff) + sparelastwidth) >= 0 && eval(eval(-2 * spareioff) + sparelastheight) >= 0) {
sparelasto.style.top='' + eval(spareioff + sparelasttop) + 'px';
sparelasto.style.left='' + eval(spareioff + sparelastleft) + 'px';
sparelasto.style.width='' + eval(eval(-2 * spareioff) + sparelastwidth) + 'px';
sparelasto.style.height='' + eval(eval(-2 * spareioff) + sparelastheight) + 'px';
//document.title=' ... ' + ('' + eval(spareioff + sparelasttop) + 'px,' + '' + eval(spareioff + sparelastleft) + 'px,' + '' + eval(eval(-2 * spareioff) + sparelastwidth) + 'px,' + '' + eval(eval(-2 * spareioff) + sparelastheight) + 'px');
//alert(298);
} else {
sparelasto.style.backgroundColor='transparent';
sparelasto.style.border='1px solid red';
sparelasto.style.top='' + eval(sparelasttop) + 'px';
sparelasto.style.left='' + eval(sparelastleft) + 'px';
sparelasto.style.width='' + eval(sparelastwidth) + 'px';
sparelasto.style.height='' + eval(sparelastheight) + 'px';
//sparelasto.style.display='none';
sparelasto=null;
//location.href=document.URL.split('#')[0].split('?')[0] + '?score=' + score + '&goes=' + goes + '&way=' + whichway + '&choice=' + choice;
}
}
}
whichway=Math.abs(whichway);
}

function timethings() {
pretimethings();
setTimeout(timethings, 2000);
}

function waway() {
eval(aways[whichway]);
pretimethings();
}

function wway() {
eval(ways[whichway]);
}

function giveup() {
goes++;
if (lasto != null) {
waway(); //lasto.innerHTML='';
lasto=null;
}
lasto=document.getElementById('d' + labelids[eval(choice % 20)]);
wway(); //lasto.innerHTML=labelids[choice];
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
if (choice >= 20) {
document.getElementById('d' + labelids[choice].replace('_','')).innerHTML=' ' + answers[eval(choice % 20)];
}
setTimeout(choose,2000);
}

function dcheck(dmap) {
if (1 == 2) alert(dmap.getAttribute("data-title"));
if (lasto != null) {
waway(); //lasto.innerHTML='';
lasto=null;
}
goes++;
if (choice < 20) {
//alert(dmap.getAttribute("data-title").toLowerCase() + ' ... ' + answers[-1 + eval(labelids[choice].toLowerCase().replace('_','').replace('amino',''))] + ' vs ' + labelids[choice].toLowerCase());
if (dmap.getAttribute("data-title").toLowerCase() == answers[-1 + eval(labelids[choice].toLowerCase().replace('_','').replace('amino',''))].toLowerCase()) {
score++;
lasto=dmap;
wway(); //dmap.innerHTML=labelids[choice];
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
choose();
} else {
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
alert('Bad luck. Try again.');
}
} else {
//alert(dmap.value + ' vs ' + choice);
if (choice == eval(19 + eval(dmap.value.replace('_','').replace('amino','')))) {
score++;
lasto=dmap;
wway(); //dmap.innerHTML=labelids[choice];
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
choose();
} else {
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
if (dmap.value != "") alert('Bad luck. Try again.');
}
}
}

function make_divs() {
var iareas, icsv, csvbit, oareas=document.getElementsByTagName('area'), lastone='';
score=location.search.split('score=')[1] ? eval(location.search.split('score=')[1].split('&')[0]) : score;
goes=location.search.split('goes=')[1] ? eval(location.search.split('goes=')[1].split('&')[0]) : goes;
choice=location.search.split('choice=')[1] ? eval(location.search.split('choice=')[1].split('&')[0]) : choice;
whichway=location.search.split('way=')[1] ? eval(location.search.split('way=')[1].split('&')[0]) : whichway;
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
var initialopt=document.getElementById('schoices').innerHTML;
if (whichway == 4) {
chosenlist=',';
} else {
chosenlist='';
}
for (iareas=0; iareas<oareas.length; iareas++) {
if (oareas[iareas].getAttribute("data-title") != '') {
total++;
labelids.push(oareas[iareas].getAttribute("data-title"));
labelminx.push(0);
labelminy.push(0);
labelmaxx.push(0);
labelmaxy.push(0);
csvbit=oareas[iareas].coords.split(',');
for (icsv=0; icsv<csvbit.length; icsv+=2) {
if (icsv == 0) {
labelminx[eval(-1 + labelids.length)]=(eval(csvbit[icsv]));
labelminy[eval(-1 + labelids.length)]=(eval(csvbit[eval(1 + icsv)]));
labelmaxx[eval(-1 + labelids.length)]=(eval(csvbit[icsv]));
labelmaxy[eval(-1 + labelids.length)]=(eval(csvbit[eval(1 + icsv)]));
} else {
if (eval(csvbit[icsv]) < labelminx[eval(-1 + labelids.length)]) labelminx[eval(-1 + labelids.length)]=(eval(csvbit[icsv]));
if (eval(csvbit[eval(1 + icsv)]) < labelminy[eval(-1 + labelids.length)]) labelminy[eval(-1 + labelids.length)]=(eval(csvbit[eval(1 + icsv)]));
if (eval(csvbit[icsv]) > labelmaxx[eval(-1 + labelids.length)]) labelmaxx[eval(-1 + labelids.length)]=(eval(csvbit[icsv]));
if (eval(csvbit[eval(1 + icsv)]) > labelmaxy[eval(-1 + labelids.length)]) labelmaxy[eval(-1 + labelids.length)]=(eval(csvbit[eval(1 + icsv)]));
}
}
//alert(oareas[iareas].coords + ': ' + eval(labelmaxy[eval(-1 + labelids.length)] - labelminy[eval(-1 + labelids.length)]) + 'px' + ' === ' + labelids[eval(-1 + labelids.length)] + ' ' + labelminx[eval(-1 + labelids.length)] + ',' + labelminy[eval(-1 + labelids.length)] + ',' + labelmaxx[eval(-1 + labelids.length)] + ',' + labelmaxy[eval(-1 + labelids.length)] + ' ... ' + '<div id="d' + labelids[eval(-1 + labelids.length)] + '" style="position:absolute;z-index:9;top:' + labelmaxy[eval(-1 + labelids.length)] + 'px;left:' + labelminx[eval(-1 + labelids.length)] + 'px;width:' + eval(labelmaxx[eval(-1 + labelids.length)] - labelminx[eval(-1 + labelids.length)]) + 'px;height:' + eval(labelmaxy[eval(-1 + labelids.length)] - labelminy[eval(-1 + labelids.length)]) + 'px;background-colour:yellow;"></div>');
if (iareas < 20) {
document.getElementById('mydivs').innerHTML+='<div class="topones" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="d' + labelids[eval(-1 + labelids.length)] + '" onclick="dcheck(this);" style="opacity:1.0; border-top-right-radius:30px;font-color:blue;font-size:10px;cursor:pointer;border:1px solid red;position:absolute;z-index:9;top:' + labelminy[eval(-1 + labelids.length)] + 'px;left:' + labelminx[eval(-1 + labelids.length)] + 'px;height:' + eval(labelmaxy[eval(-1 + labelids.length)] - labelminy[eval(-1 + labelids.length)]) + 'px;width:' + eval(labelmaxx[eval(-1 + labelids.length)] - labelminx[eval(-1 + labelids.length)]) + 'px;background-color:yellow;"></div>';
if (eval(Math.floor(Math.random() * 674) % 2) == 1) {
//document.getElementById('schoices').innerHTML+='<option value="' + labelids[eval(-1 + labelids.length)] + '" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="o' + labelids[eval(-1 + labelids.length)] + '" ">' + labelids[eval(-1 + labelids.length)].replace(/_/g,' ') + '</option>';
document.getElementById('schoices').innerHTML+='<option value="' + labelids[eval(-1 + labelids.length)] + '" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="o' + labelids[eval(-1 + labelids.length)] + '" ">' + answers[iareas] + '</option>';
} else {
document.getElementById('schoices').innerHTML=document.getElementById('schoices').innerHTML.replace(initialopt,initialopt + '<option value="' + labelids[eval(-1 + labelids.length)] + '" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="o' + labelids[eval(-1 + labelids.length)] + '" ">' + answers[iareas] + '</option>');
}
} else {
document.getElementById('mydivs').innerHTML+='<div data-title="' + labelids[eval(-1 + labelids.length)] + '" id="d' + labelids[eval(-1 + labelids.length)] + '" onclick="dcheck(this);" style="opacity:1.0; border-radius:30px;font-color:blue;font-size:10px;cursor:pointer;border:1px solid red;position:absolute;z-index:9;top:' + labelminy[eval(-1 + labelids.length)] + 'px;left:' + labelminx[eval(-1 + labelids.length)] + 'px;height:' + eval(labelmaxy[eval(-1 + labelids.length)] - labelminy[eval(-1 + labelids.length)]) + 'px;width:' + eval(labelmaxx[eval(-1 + labelids.length)] - labelminx[eval(-1 + labelids.length)]) + 'px;background-color:lightblue;"></div>';
if (lastone == "") lastone=document.getElementById('schoices').innerHTML;
if (eval(Math.floor(Math.random() * 674) % 2) == 1) {
//document.getElementById('schoices').innerHTML+='<option value="' + labelids[eval(-1 + labelids.length)] + '" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="o' + labelids[eval(-1 + labelids.length)] + '" ">' + labelids[eval(-1 + labelids.length)].replace(/_/g,' ') + '</option>';
document.getElementById('schoices').innerHTML+='<option value="' + labelids[eval(-1 + labelids.length)] + '" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="o' + labelids[eval(-1 + labelids.length)] + '" ">' + 'Please select relevant Amino Acid name above for highlighted side chain (R group)' + '</option>';
} else {
document.getElementById('schoices').innerHTML=document.getElementById('schoices').innerHTML.replace(lastone,lastone + '<option value="' + labelids[eval(-1 + labelids.length)] + '" data-title="' + labelids[eval(-1 + labelids.length)] + '" id="o' + labelids[eval(-1 + labelids.length)] + '" ">' + 'Please select relevant Amino Acid name above for highlighted side chain (R group)' + '</option>');
}
}
}
}
if (eval(choice) < 0) {
choose();
} else {
//alert(labelids[choice]);
if (chosenlist.trim() != '') chosenlist+=choice + ',';
document.getElementById('schoices').value=labelids[choice];
lasttop=labelmaxy[choice];
lastleft=labelminx[choice];
lastwidth=eval(labelmaxx[choice] - labelminx[choice]);
lastheight=eval(labelmaxy[choice] - labelminy[choice]);
}
if (whichway != 0) document.getElementById('way').value='' + whichway;
timethings();
}

function choose() {
if (choice < 40 && choice >= 0) { // given Amino Acid name click correct side chain (R group)
for (var ii=1; ii<=20; ii++) {
document.getElementById('damino_' + ii).innerHTML='';
document.getElementById('damino' + ii).innerHTML='';
document.getElementById('damino_' + ii).setAttribute("data-title", answers[-1 + ii]);
document.getElementById('damino_' + ii).style.backgroundColor='yellow';
document.getElementById('damino_' + ii).style.opacity='1.0';
}
}
sparelasto=lasto;
spareioff=ioff;
sparelasttop=lasttop;
sparelastleft=lastleft;
sparelastwidth=lastwidth;
sparelastheight=lastheight;
//alert(chosenlist);
if (chosenlist.trim() == '') {
choice=Math.floor(Math.random() * eval(2 * answers.length)); //labelids.length);
} else if (eval(-1 + chosenlist.substring(1).split(',').length) == total && total != 0) {
choice=Math.floor(Math.random() * eval(2 * answers.length)); //labelids.length);
location.href=document.URL.split('#')[0].split('?')[0] + '?score=' + score + '&goes=' + goes + '&way=' + whichway + '&choice=' + choice;
} else {
if (chosenlist.trim() != '') {
choice=-1;
while ((chosenlist + ',-1,').indexOf(',' + choice + ',') != -1) {
choice=Math.floor(Math.random() * eval(2 * answers.length)); //labelids.length);
}
chosenlist+=choice + ',';
}
}
document.getElementById('schoices').value=labelids[choice];
lasttop=labelmaxy[choice];
lastleft=labelminx[choice];
lastwidth=eval(labelmaxx[choice] - labelminx[choice]);
lastheight=eval(labelmaxy[choice] - labelminy[choice]);
if (choice < 20) { // given Amino Acid name click correct side chain (R group)
for (var ii=1; ii<=20; ii++) {
document.getElementById('damino_' + ii).setAttribute("data-title", answers[-1 + ii]);
document.getElementById('damino_' + ii).style.opacity='0.1';
}
} else { // shown side chain (R group) click correct Amino Acid name
for (var iii=1; iii<=20; iii++) {
document.getElementById('damino_' + iii).setAttribute("data-title", answers[-1 + iii]);
document.getElementById('damino_' + iii).style.opacity='1.0';
}
document.getElementById('damino_' + eval(-19 + choice)).style.opacity='0.0';
}
}

</script>

</head>
<body onload=" make_divs(); ">

<table id='mytable' border=0>
<tbody>
<tr><td style='vertical-align:top;position:absolute;top:0px;left:0px;'>

<img src="biology_69.jpg" usemap="#io58772" width="720" height="1080" data-alt="click map" border="0" />
<map id="io58772" name="io58772">

<area shape="poly" data-alt="amino_1" data-title="amino_1" coords="81,173,101,175,100,196,82,196" id="amino_1" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_2" data-title="amino_2" coords="200,174,232,175,232,195,200,196" id="amino_2" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_3" data-title="amino_3" coords="303,178,344,179,364,201,363,215,304,213" id="amino_3" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_4" data-title="amino_4" coords="418,181,458,181,477,200,480,234,418,238" id="amino_4" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_5" data-title="amino_5" coords="520,179,580,178,582,238,520,238" id="amino_5" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_6" data-title="amino_6" coords="84,307,114,307,117,395,87,395" id="amino_6" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_7" data-title="amino_7" coords="233,306,271,306,277,375,235,373" id="amino_7" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_8" data-title="amino_8" coords="390,309,427,314,447,336,448,395,394,395" id="amino_8" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_9" data-title="amino_9" coords="510,310,582,307,582,344,513,344" id="amino_9" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_10" data-title="amino_10" coords="80,497,114,496,115,539,82,541" id="amino_10" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_11" data-title="amino_11" coords="168,494,216,492,237,519,237,533,169,533" id="amino_11" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_12" data-title="amino_12" coords="280,489,310,490,312,536,284,536" id="amino_12" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_13" data-title="amino_13" coords="359,488,401,489,401,568,359,569" id="amino_13" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_14" data-title="amino_14" coords="454,488,497,488,506,500,506,546,454,546" id="amino_14" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_15" data-title="amino_15" coords="543,486,587,483,597,497,595,562,542,562" id="amino_15" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_16" data-title="amino_16" coords="75,712,123,709,135,730,137,771,76,775" id="amino_16" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_17" data-title="amino_17" coords="193,706,235,699,248,715,252,775,194,777" id="amino_17" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_18" data-title="amino_18" coords="359,689,394,690,394,787,360,787" id="amino_18" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_19" data-title="amino_19" coords="455,687,486,686,512,715,510,798,457,800" id="amino_19" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino_20" data-title="amino_20" coords="552,684,582,684,610,716,610,745,554,746" id="amino_20" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino1" data-title="amino1" coords="51,234,140,232,136,260,54,260" id="amino1" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino2" data-title="amino2" coords="169,231,261,232,260,259,173,260" id="amino2" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino3" data-title="amino3" coords="294,238,376,235,368,266,300,260" id="amino3" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino4" data-title="amino4" coords="404,241,486,242,486,260,407,261" id="amino4" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino5" data-title="amino5" coords="520,244,604,237,604,260,525,263" id="amino5" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino6" data-title="amino6" coords="47,397,154,396,155,418,50,420" id="amino6" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino7" data-title="amino7" coords="198,392,316,391,316,420,199,421" id="amino7" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino8" data-title="amino8" coords="363,399,461,397,461,415,368,417" id="amino8" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino9" data-title="amino9" coords="522,395,602,390,602,414,525,415" id="amino9" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino10" data-title="amino10" coords="60,581,132,580,132,608,62,607" id="amino10" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino11" data-title="amino11" coords="153,576,247,573,247,599,154,604" id="amino11" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino12" data-title="amino12" coords="257,573,339,571,339,597,257,598" id="amino12" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino13" data-title="amino13" coords="345,573,422,572,421,591,348,592" id="amino13" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino14" data-title="amino14" coords="437,567,529,567,528,588,441,591" id="amino14" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino15" data-title="amino15" coords="532,569,618,567,614,587,530,587" id="amino15" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino16" data-title="amino16" coords="56,844,169,828,165,852,57,868" id="amino16" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino17" data-title="amino17" coords="172,823,280,810,281,835,172,849" id="amino17" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino18" data-title="amino18" coords="337,810,412,808,409,830,339,830" id="amino18" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino19" data-title="amino19" coords="430,804,513,804,509,821,432,823" id="amino19" target="_blank" onclick="check(this);" />

<area shape="poly" data-alt="amino20" data-title="amino20" coords="525,798,606,800,606,823,527,823" id="amino20" target="_blank" onclick="check(this);" />

</map>

</td><td style="margin:8 8 8 8;padding:18 18 18 18;position:absolute;top:0px;left:720px;background-color:lightgray;">
<h1>Amino Acids Quiz <select style='display:none;' id='way' onchange=" whichway=eval(this.value); if (1 == 1) { location.href=document.URL.split('#')[0].split('?')[0] + '?score=' + score + '&goes=' + goes + '&way=' + whichway + '&choice=' + choice; } "><option value='0'>via Text</option><option value='1'>via Visibility</option><option value='2'>via Transparency</option><option value='3'>via Fade</option><option value='4'>via Shrinking</option></select></h1>
<h3>RJM Programming - September, 2017</h3>
<h3>Thanks to <a target=_blank title='mobilefish' href='http://www.mobilefish.com/services/image_map/image_map.php'>Mobilefish</a> and <i>Biology <font size=1>by Neil Campbell, Jane Reece, Lawrence Mitchell</font></i></h3>
<h4 id='score'>Score: 0/0</h4>
<select id='schoices' onchange='if (this.value.length == 0) { giveup(); } if (choice >= 20) { dcheck(this); } '><option value=''>Please select correct Amino Acid information below, or to give up ...</option></select>
</td></tr></tbody></table>
<div id='mydivs'></div>
</body>
</html>