<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Listening and Hearing - RJM Programming - October, 2015</title>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<script type='text/javascript'>
var gtw=null;
var gtwd=null;
var x=0.0, y=0.0;
var wordposlist=";";
var langis='en';
var words=new Array();
var fromtext="Please select a broadcast below ...";
var totext="Please select a broadcast below ...";
var inboxurl="";
var outboxurl="";
var identity="";
var datetimebit="";
var subject="";
var cf = "14px Courier New";
var stcmd=new Array();
var numcmd=0;
var thiscmd=0;
var ourcword="";
var listenurl="";
var score=2000;
var goes=0;
var delim='';
var elem, which=0, ie, elemLeft=0, elemTop=0, context=null;
function whatistheword(thex, they) {
var thewlist, theclist, xword="", swords;
thewordis="";
ourcword="";
if (wordposlist != ";") {
thewlist=wordposlist.split(";");
for (var ij=0; ij<thewlist.length; ij++) {
if (thewlist[ij] != "") {
theclist=thewlist[ij].split(",");
if (theclist.length >= 5) {
xword=thewlist[ij].replace(theclist[0] + "," + theclist[1] + "," + theclist[2] + "," + theclist[3] + ",", "");
if (ourcword == "" && eval(thex) >= eval(theclist[0]) && eval(thex) <= eval(theclist[2]) && eval(they) >= eval(theclist[1]) && eval(they) <= eval(theclist[3])) {
//alert(xword);
swords=xword.split(",");
ourcword=swords[0];
if (gtwd != null) gtwd.close();
if (langis == 'en') gtwd=window.open('http://www.thefreedictionary.com/' + ourcword, 'Dictionary ' + ourcword, "top=100,left=550,width=400,height=400");
if (gtw != null) gtw.close();
gtw=window.open('http://translate.google.com/translate_tts?tl=' + langis + '&q=' + ourcword, ourcword, "top=100,left=5,width=400,height=400");
}
}
}
}
}
return thewordis;
}
function doslowly() {
if (eval(thiscmd) < eval(numcmd)) {
eval(stcmd[thiscmd]);
thiscmd++;
setTimeout(doslowly, 103);
}
}
function drawsomewords(somewords) {
var thisline="",thewords=somewords.replace(/<br>\\n/g, "\\n").replace(" "," ").replace(" "," ").replace(" "," ").replace(" "," ").replace(" "," ").replace(" "," ").replace(" "," ");
var factor=1,jextra,iextra=-1,iextras=new Array(),kextra=0, thelines, jj, tx, ty, stuffs, stuff="", nextx=10, nexty=-20, kk, onex=0, linewords, thel=0, accumline="", stx=0, sty=0;
context.clearRect(0, 0, elem.width, elem.height);
context.fillStyle="#FFFFFF";
wordposlist=";";
document.getElementById('themaindiv').innerHTML='';
if (1 == 2) {
context.strokeStyle = "blue";
context.font = cf;
thelines=thewords.split("\\n");
if (thelines.length == 1) thelines=thewords.split("\n");
for (jj=0; jj<thelines.length; jj++) {
iextra=-1;
stuffs=thelines[jj].split(",");
if (stuffs.length >= 3) {
stuff=thelines[jj].replace("" + stuffs[0] + "," + stuffs[1] + ",", "");
context.strokeText(stuff,stuffs[0],stuffs[1]);
nextx=eval(stuffs[0]);
nexty=eval(20 + eval(stuffs[1]));
} else {
stuff=thelines[jj];
context.strokeText(stuff,nextx,Math.abs(eval(nexty)));
nexty=eval(20 + Math.abs(eval(nexty)));
}
}
} else {
onex=nextx;
thiscmd=0;
numcmd=0;
context.strokeStyle = "blue";
context.font = cf;
thelines=thewords.split("\\n");
if (thelines.length == 1) thelines=thewords.split("\n");
//document.title='';
for (jj=0; jj<thelines.length; jj++) {
thisline="";
kextra=0;
iextra=-1;
thel=0;
accumline="";
linewords=thelines[jj].split(" ");
if (eval(thelines[jj].length) > 56) {
iextra=thelines[jj].length;
jextra=eval(-1 + linewords.length);
while (eval(iextra) > 56) {
iextra-=eval(1 + linewords[jextra].length);
jextra--;
}
}
stuffs=thelines[jj].split(",");
if (stuffs.length >= 3) {
stuff=thelines[jj].replace("" + stuffs[0] + "," + stuffs[1] + ",", "");
if (eval(nexty) < 0) {
nextx=eval(stuffs[0]);
onex=nextx;
nexty=eval(stuffs[1]);
}
} else {
stuff=thelines[jj];
if (eval(nexty) < 0) {
onex=nextx;
nexty=eval(Math.abs(eval(nexty)));
}
}
for (kk=0; kk<stuff.length; kk++) {
if (kk == iextra) {
if (thisline == "") {
document.getElementById('themaindiv').innerHTML=document.getElementById('themaindiv').innerHTML + "<br>";
} else {
document.getElementById('themaindiv').innerHTML=document.getElementById('themaindiv').innerHTML + "<a style='text-decoration:none;' href='#' onclick=\" openit('" + thisline.replace(/'/g, """) + "'); \" title='" + thisline + "'>👂</a><br>";
}
nextx=eval(onex);
nexty=eval(20 + nexty);
sty=eval(nexty - 20);
stx=eval(0);
thisline="";
if (stuff.substring(iextra).length > 56) {
factor++;
iextra=stuff.length;
jextra=eval(-1 + linewords.length);
while (eval(iextra) > eval(factor * 56)) {
iextra-=eval(1 + linewords[jextra].length);
jextra--;
}
}
} else if (thisline.length > 56 && (stuff.substring(kk, eval(1 + kk)) == "/" || stuff.substring(kk, eval(1 + kk)) == ".")) {
if (thisline == "") {
document.getElementById('themaindiv').innerHTML=document.getElementById('themaindiv').innerHTML + "<br>";
} else {
document.getElementById('themaindiv').innerHTML=document.getElementById('themaindiv').innerHTML + "<a style='text-decoration:none;' href='#' onclick=\" openit('" + thisline.replace(/'/g, """) + "'); \" title='" + thisline + "'>👂</a><br>";
}
nextx=eval(onex);
nexty=eval(20 + nexty);
sty=eval(nexty - 20);
stx=eval(0);
thisline="";
if (stuff.substring(iextra).length > 56) {
factor++;
iextra=stuff.length;
jextra=eval(-1 + linewords.length);
while (eval(iextra) > eval(factor * 56)) {
iextra-=eval(1 + linewords[jextra].length);
jextra--;
}
}
}
if (stuff.substring(kk, eval(1 + kk)) == " ") {
if (accumline != "") {
wordposlist+=stx + "," + sty + "," + eval(8 + nextx) + "," + eval(2 + nexty) + "," + accumline + ";";
//document.title="wordposlist=" + wordposlist;
context.fillRect(eval(4 + stx),eval(4 + sty),eval(-4 + Math.abs(eval(eval(8 + nextx)) - eval(stx))),eval(-4 + Math.abs(eval(eval(2 + nexty)) - eval(sty))));
accumline="";
thel++;
sty=eval(nexty - 22);
stx=eval(nextx + 8);
}
} else if (thel < linewords.length) {
accumline+=stuff.substring(kk, eval(1 + kk));
if (accumline == linewords[thel]) {
wordposlist+=stx + "," + sty + "," + eval(8 + nextx) + "," + eval(2 + nexty) + "," + accumline + ";";
//document.title="Wordposlist=" + wordposlist;
context.fillRect(eval(4 + stx),eval(4 + sty),eval(-4 + Math.abs(eval(eval(8 + nextx)) - eval(stx))),eval(-4 + Math.abs(eval(eval(2 + nexty)) - eval(sty))));
accumline="";
thel++;
sty=eval(nexty - 22);
stx=eval(nextx + 8);
}
} else {
accumline+=stuff.substring(kk, eval(1 + kk));
}
thisline+=stuff.substring(kk, eval(1 + kk));
if (eval(1 + numcmd) > eval(stcmd.length)) {
stcmd.push('context.strokeText("' + stuff.substring(kk, eval(1 + kk)) + '",' + nextx + ',' + nexty + ')');
} else {
stcmd[numcmd]='context.strokeText("' + stuff.substring(kk, eval(1 + kk)) + '",' + nextx + ',' + nexty + ')';
}
numcmd++;
if (numcmd == 1) {
setTimeout(doslowly, 103);
}
//context.strokeText(stuff.substring(kk, eval(1 + kk)),nextx,nexty);
//alert(nextx + "," + nexty + "," + stuff.substring(kk, eval(1 + kk)));
nextx+=8;
}
if (thisline == "") {
document.getElementById('themaindiv').innerHTML=document.getElementById('themaindiv').innerHTML + "<br>";
} else {
document.getElementById('themaindiv').innerHTML=document.getElementById('themaindiv').innerHTML + "<a style='text-decoration:none;' href='#' onclick=\" openit('" + thisline.replace(/'/g, """) + "'); \" title='" + thisline + "'>👂</a><br>";
}
nextx=eval(onex);
nexty=eval(20 + nexty);
sty=eval(nexty - 20);
stx=eval(0);
thisline="";
}
}
}
function openit(thew) {
if (gtw != null) gtw.close();
gtw=window.open('http://translate.google.com/translate_tts?tl=' + langis + '&q=' + encodeURIComponent(thew), "One Line", "top=100,left=5,width=400,height=400");
}
function fixdatetimebit() {
var d = new Date();
document.getElementById('datetimebit').value = ' @ ' + d.toLocaleString();
}
function validatetheform() {
if (document.getElementById('words').value == "") {
document.getElementById('words').style.border='2px solid red';
return false;
} else {
if (gtwd != null) gtwd.close();
//if (langis == 'en') gtwd=window.open('http://www.thefreedictionary.com/' + ourcword, 'Dictionary ' + ourcword, "top=100,left=550,width=400,height=400");
if (gtw != null) gtw.close();
//alert('http://translate.google.com/translate_tts?tl=' + langis + '&q=' + encodeURIComponent(document.getElementById('words').value));
var purl='http://translate.google.com/translate_tts?tl=' + langis + '&q=' + encodeURIComponent(document.getElementById('words').value);
var purls=purl.split("%0A%0A");
if (purls.length > 1) {
var purlst=purl.split("q=");
var ioff=0;
for (var iu=eval(-1 + purls.length); iu>=0; iu--) {
purlst[1] = purlst[0] + "q=";
if (purls[iu].length > 0) {
gtw=window.open(purlst[0] + "q=" + purls[iu].replace(purlst[1],""), "The Whole Thing " + eval(1 + iu) + " of " + purls.length, "top=" + eval(ioff + 100) + ",left=" + eval(ioff + 5) + ",width=400,height=400");
ioff+=5;
}
}
} else {
gtw=window.open('http://translate.google.com/translate_tts?tl=' + langis + '&q=' + encodeURIComponent(document.getElementById('words').value), "The Whole Thing", "top=100,left=5,width=400,height=400");
}
}
return true;
}
</script>
</head>
<body style='background-color: #a5b5c5;'>
<div id='mybkgrd' style="background: url('listening-ear-clipart-hearing-image.png') repeat; opacity: 0.1; z-index: -1; position: absolute; top:0;left:0;width:98%;height:1200px;border:15px solid purple;"></div>
<h1 align='center'>Listening 📞 <a target=_blank style='text-decoration:none;' href='./listen_to.html' title='Listening and Hearing'>and</a> 👂 Hearing</h1>
<h2 align='center'>RJM Programming - October, 2015</h2>
<h4 align='center'>Listen 📞 to some selected words (perhaps via copy and paste) spoken in that language</h4>
<div align='center' id='mydiv'>
<table cellspacing=5 cellpadding=5>
<tbody>
<tr><th style='background-color:#f5e5d5;'>Listening 📞 Words</th><th id='titlebit'>Words will display (at yellow canvas below)</th></tr>
<tr><td style='background-color:#f5e5d5;'>Language 🌐: <select onchange="langis=this.value;" style="background-color:white;color:blue;" id="language" name="language" title="Translations courtesy of Google Translate at http://translate.google.com/"><option value="en">English</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select><div id='noneednow' style='display:none;'>I am a: <select id='iam' name='iam' onchange='whatami(this.value);'><option value=''>Please choose role below ...</option><option value='broadcast'>Broadcaster</option><option value='listen'>Listener</option></select></div><div style='display:none;' id='broadcastdiv'><form target='writer' action='#' method='GET' onsubmit="return validatetheform()"><div id='noneednow2' style='display:none;'>Subject: <input style='width:55%;' type='text' value='' name='subject' id='subject'></input></div><br>Words (not too many please): <br><textarea onkeyup="document.getElementById('titlebit').innerHTML='You can now click words (at yellow canvas below) <br>or hearing buttons (left of yellow canvas)'; drawsomewords(this.value);" id='words' name='words' rows=15 cols=28></textarea><br><div id='noneednow3' style='display:none;'>My Name/Email: <input style='width:55%;' type='text' value='' name='emailname' id='emailname'></input></div><input type='hidden' name='datetimebit' id='datetimebit' value=''></input><br><div id='noneednow9' style='display:block;' align='center'><input style='background-color:pink;' onclick='fixdatetimebit();' type='submit' value='Hear 👂 All the Words'></input></div></form><br><br><p id='bstatus'></p></div><div id='dmail' align='center' style='word-wrap: break-word;background-color:#fffff0;width:100%;'></div><table style="width:100%;"><tr><th style='width:50%;'><div id='noneednow5' style='display:none;'>Mail In</div></th><th style='width:50%;'><div id='noneednow6' style='display:none;'>Mail Out</a></th></tr><tr><td id='mailin' style='width:50%;word-wrap: break-word;'></td><td id='mailout' style='width:50%;word-wrap: break-word;'></td></tr></table></div></td><td valign='top' id='themaintd'><div id='themaindiv'></div><canvas id='mycanvas' valign='top' width=500 height=400 style='background-color:yellow;position:absolute;top:220px;left:48%;width:500px;height:400px;'></canvas></td></tr>
</tbody>
</table>
</div>
<script type='text/javascript'>
function whatami(urole) {
if (urole == 'broadcast') {
document.getElementById('broadcastdiv').style.display='block';
} else {
var d = new Date();
var rnum=Math.floor(Math.random() * 19000) + 1;
document.getElementById('broadcastdiv').innerHTML='<iframe src="broadcast_list.html?rnum=' + rnum + d.toLocaleString() + '" onload="listenerplace(this);" id="listeneriframe"></iframe>';
}
}
function read_mail(instuff) {
var outstuff=instuff;
if (instuff != "") {
var d, redofd="", ofd="", prefixb="";
var spare=document.getElementById('mailin').innerHTML;
var inlines=instuff.split("\n");
d = new Date();
redofd="<font size=1 color=red>" + d.toLocaleString() + "</font><br>";
for (var i=eval(-1 + inlines.length); i>=0; i--) {
if (inlines[i].replace("<br>","") != "") {
spare=prefixb + ofd + inlines[i] + "<br>" + spare;
prefixb="";
ofd="";
} else if (1 == 2) {
d = new Date();
ofd="<font size=1 color=green>" + d.toLocaleString() + "</font><br>";
}
}
document.getElementById('mailin').innerHTML="<br>" + redofd + spare;
}
return outstuff;
}
function send_mail(outstuff) {
var instuff=outstuff;
if (outstuff != "") {
var d, redofd="", ofd="", prefixb="";
var spare=document.getElementById('mailout').innerHTML;
var inlines=instuff.split("\n");
d = new Date();
redofd="<font size=1 color=red>" + d.toLocaleString() + "</font><br>";
for (var i=eval(-1 + inlines.length); i>=0; i--) {
if (inlines[i].replace("<br>","") != "") {
spare=prefixb + ofd + inlines[i] + "<br>" + spare;
ofd="";
prefixb="";
} else if (1 == 2) {
d = new Date();
ofd="<font size=1 color=green>" + d.toLocaleString() + "</font><br>";
}
}
document.getElementById('mailout').innerHTML="<br>" + redofd + spare;
}
return instuff;
}
function inboxcheck() {
if (inboxurl != "") {
if (1 == 2 && document.getElementById('inbox').src.indexOf("listen_to.php") != -1) {
document.getElementById('mailinout').innerHTML='<iframe onload=check_mail_in(this) style=display:none id=inbox src=' + inboxurl + ' title=inbox></iframe><iframe onload=check_mail_out(this) style=display:none id=outbox src=' + inboxurl.replace('mb_in', 'mb_out') + ' title=outbox></iframe>';
} else {
document.getElementById('inbox').src=inboxurl;
}
inboxurl="";
}
}
function outboxcheck() {
if (outboxurl != "") {
if (1 == 2 && document.getElementById('outbox').src.indexOf("listen_to.php") != -1) {
document.getElementById('mailinout').innerHTML='<iframe onload=check_mail_in(this) style=display:none id=inbox src=' + outboxurl.replace('mb_out', 'mb_in') + ' title=inbox></iframe><iframe onload=check_mail_out(this) style=display:none id=outbox src=' + outboxurl + ' title=outbox></iframe>';
} else {
document.getElementById('outbox').src=outboxurl;
}
outboxurl="";
}
}
function check_mail_in(iois) {
if (iois != null) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null && inboxurl == "") {
var d = new Date();
var rnum=Math.floor(Math.random() * 19000) + 1;
var preqs=iois.src.split('?');
inboxurl=preqs[0] + '?rnum=' + rnum + d.toLocaleString();
setTimeout(inboxcheck, 1964);
if (aconto.body.innerHTML != "") {
document.title="mail in is " + read_mail(aconto.body.innerHTML);
iois.src='./listen_to.php?rnum=-1' + rnum + d.toLocaleString();
}
}
}
}
}
function check_mail_out(iois) {
if (iois != null) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null && outboxurl == "") {
var d = new Date();
var rnum=Math.floor(Math.random() * 19000) + 1;
var preqs=iois.src.split('?');
outboxurl=preqs[0] + '?rnum=' + rnum + d.toLocaleString();
setTimeout(outboxcheck, 1969);
if (aconto.body.innerHTML != "") {
document.title="mail out is " + send_mail(aconto.body.innerHTML);
iois.src='./listen_to.php?rnum=-2' + rnum + d.toLocaleString();
}
}
}
}
}
function listenerplace(iois) {
if (iois != null) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
//alert(aconto.body.innerHTML);
document.getElementById('broadcastdiv').innerHTML=aconto.body.innerHTML.replace(fromtext,totext.substring(0,fromtext.length)).replace(/\n/g, "<br>");
if (totext != fromtext) drawsomewords(totext);
totext="Please select a broadcast below ...";
document.getElementById('broadcastdiv').style.display='block';
}
}
}
}
window.onload = (function(){
var frombit="", whenbit="", subjectbit="", emailbit="";
listenurl=location.search.split('listenurl=')[1] ? location.search.split('listenurl=')[1].split('&')[0] : "";
identity=location.search.split('identity=')[1] ? location.search.split('identity=')[1].split('&')[0] : "";
datetimebit=location.search.split('dtb=')[1] ? location.search.split('dtb=')[1].split('&')[0] : "";
subject=location.search.split('subject=')[1] ? location.search.split('subject=')[1].split('&')[0] : "";
if (listenurl != "") {
document.getElementById('iam').value='listen';
totext=decodeURIComponent(listenurl).replace(/<br>\\n/g, "\\n");
if (subject == "") {
subjectbit="";
} else {
subjectbit="<br>" + decodeURIComponent(subject);
emailbit+=encodeURIComponent(decodeURIComponent(subject));
}
if (datetimebit == "") {
whenbit="";
} else {
whenbit="<br> ... at " + decodeURIComponent(datetimebit);
emailbit+=encodeURIComponent(" ... at " + decodeURIComponent(datetimebit));
}
if (identity == "") {
frombit="";
} else {
if (decodeURIComponent(identity).indexOf("@") != -1) {
frombit="<br> ... via <a href='mailto:" + decodeURIComponent(identity) + "?subject=" + encodeURIComponent("Re: ") + emailbit + "&body=" + encodeURIComponent("Regarding \n\n" + '"' + "\n") + encodeURIComponent(totext.replace(/\\n/g, "\n").replace(/\n/g, "\n")) + encodeURIComponent("\n" + '"' + "\n\n ... can I just say ...\n\n\n") + "' title='Optional email (reply)'>" + decodeURIComponent(identity) + "</a>";
} else {
frombit="<br> ... via " + decodeURIComponent(identity);
}
}
document.getElementById('titlebit').innerHTML='Feedback (at yellow canvas below)' + subjectbit + frombit + whenbit;
whatami('listen');
//setTimeout(andthen, 2000);
} else {
document.getElementById('iam').value='broadcast';
whatami('broadcast');
}
document.getElementById('words').focus();
score=location.search.split('score=')[1] ? location.search.split('score=')[1].split('&')[0] : score;
goes=location.search.split('goes=')[1] ? location.search.split('goes=')[1].split('&')[0] : goes;
ie = (function(){ // thanks to http://stackoverflow.com/questions/5574842/best-way-to-check-for-ie-less-than-9-in-javascript-without-library
var undef,
v = 3,
div = document.createElement('div'),
all = div.getElementsByTagName('i');
while (
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
all[0]
);
return v > 4 ? v : undef;
}());
if (ie < 9) {
elem=document.getElementById('mydiv');
elem.attachEvent('onclick', function(event) {
if (event.clientX || event.clientY) {
x = event.clientX - elemLeft;
y = event.clientY - elemTop;
} else {
x = event.pageX - elemLeft;
y = event.pageY - elemTop;
}
});
} else {
elem=document.getElementById('mycanvas');
context = elem.getContext("2d");
elemLeft = elem.offsetLeft;
elemTop = elem.offsetTop;
elem.addEventListener('mousedown', function(event) {
if (event.clientX || event.clientY) {
x = event.clientX - elemLeft;
y = event.clientY - elemTop;
} else {
x = event.pageX - elemLeft;
y = event.pageY - elemTop;
}
//alert("x=" + x + " and y=" + y + " and elemLeft=" + elemLeft + " and elemTop=" + elemTop);
whatistheword(x,y);
}, false);
}
}());
</script>
<iframe style='display:none;' title='Broadcast Writer' id='writer' name='writer' src='./listen_to.php'></iframe>
<div id='mailinout'>
</div>
</body>
</html>