<!doctype html>
<html>
<head>
<title>Client Browsing - RJM Programming - June, 2019</title>

<script type='text/javascript'>
var tconto=null;
var wponeokay=true;
var rawdataurl='', gourij=0;
var x=0, y=0, lastx=0, lasty=0;
var elemLeft=0, elemTop=0;
var fs=[], filn='', file, lasttype='';
var elem=null, context;
var lastiw=0, lastih=0;
var sofar=" ";
var files=[], start, stop, reader=[];
var kij=0, imgo=[], kkij=0, blob=[];
var wo=null, wp1='', wp2='_blank';
var wid='', wis=0, his=0, wx=0, wy=0;
var ipre='<img style="display:inline-block;" id=gb src="', isuf='"></img>';
var apre='  <audio style="display:inline-block;" id=ab controls type="', amid='" src="', asuf='"></audio>';
var vpre='  <video style="display:inline-block;" id=vb controls type="', vmid='" src="', vsuf='"></video>';
var opre='  <iframe style="display:inline-block;" id=ib width="90%" height="90%" src="', osuf='"></iframe>';
var deviceWidth = window.orientation == 0 ? window.screen.height: window.screen.width;
var deviceHeight = window.orientation == 0 ? window.screen.width : window.screen.height;
var tnsize=64, mfiletype='image/jpeg', mfilename='';
var xx=[], yy=[], ixy=0, awis=[], ahis=[], awx=[], awy=[], awid=[], ten=10;
var xstocheck=[];
var xstoset=[];
var xstohash=[];

var isIE = (navigator.appName == 'Microsoft Internet Explorer' || (navigator.appName == "Netscape" && navigator.appVersion.indexOf('Edge') > -1));
var dsplus="Image";
var dsprefix="<details open><summary>"; // + dsplus
var dsmid="</summary>";
var dssuffix="<hr></details>";
var hin=0, ihin=0;
var iinum=0, jjnum=0;
var burlstr='';

var gifslides=[];

if (isIE) {
dsprefix="<div style=vertical-align:top; id=divsummarytotalsimage style='display:inline-block;vertical-align:top;' onclick=\"document.getElementById('xx').style.display=document.getElementById(tdownright('xx')).style.display.replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');\"><span style='display:iNlInE-bLoCk;' id=rightimage>▶</span><span style='display:NoNe;' id=downimage>🔻</span> <DIV id=divshtimage style='display:inline-block;vertical-align:top;'><span id=summarytotalsimage>"; // + dsplus
dsmid="</span>";
dssuffix="</DIV><hr></div>";
}

function postagc(invx) {
var sofarform='<form style=display:none; target=posttid method=POST action=';
if (eval('' + invx.length) > 800) {
var actions=invx.split('?');
if (actions.length >= 2) {
sofarform+=actions[0] + '><input type=submit id=igo value=Go style=display:none;></input></form>';
//alert(sofarform);
var argsare=actions[1].split('&');
for (var iargsare=0; iargsare<argsare.length; iargsare++) {
//alert(argsare[iargsare]);
if (decodeURIComponent(argsare[iargsare].split('=')[1]).indexOf('data:') == 0 && 1 == 2) {
sofarform=sofarform.replace('><input ', '> <input style=display:none; name=' + argsare[iargsare].split('=')[0] + ' value="' + decodeURIComponent(argsare[iargsare].split('=')[1]).split('#')[0] + '"></input><input ');
} else {
sofarform=sofarform.replace('><input ', '> <input style=display:none; name=' + argsare[iargsare].split('=')[0] + ' value="' + decodeURIComponent(argsare[iargsare].split('=')[1]) + '"></input><input ');
}
//if (argsare[iargsare].split('=')[0] == 'slideshow') { alert(gifslides[0].slice(-70) + ' vs ' + decodeURIComponent(argsare[iargsare].split('=')[1]).slice(-270)); }
}
document.getElementById('dform').innerHTML=sofarform;
//if (top.document.getElementById('result')) { alert(' ' + document.getElementById('dform').innerHTML); }
document.getElementById('igo').click();
return '#';
}
}
return invx;
}

function vaprefix(insr) {
return insr;
}


function listenforx() {
var alloneblank=true;
if (xstocheck.length == 0) { alloneblank=false; }
for (var ik=0; ik<xstocheck.length; ik++) {
if (xstocheck[ik] != '' && xstocheck[ik] != ' ') {
if (xstohash[ik] != '') {
parent.document.getElementById(xstoset[ik]).value=xstocheck[ik] + ('#' + xstohash[ik]).replace('#undefined','');
} else {
parent.document.getElementById(xstoset[ik]).value=xstocheck[ik];
}
xstocheck[ik]=' ';
} else if (xstocheck[ik] == '') {
if (document.getElementById('x' + xstoset[ik])) {
if (document.getElementById('x' + xstoset[ik]).value != '') {
xstocheck[ik]=document.getElementById('x' + xstoset[ik]).value;
}
}
alloneblank=false;
}
}
if (!alloneblank) { setTimeout(listenforx,1000); } else { xstocheck=[]; xstoset=[]; document.getElementById('lhcs').innerHTML=''; }
}

function postburl() {
if (burlstr != '') {
if (burlstr.substring(0,1) == ',') {
document.getElementById('lhcs').innerHTML+=burlstr.substring(1).split(',')[0];
burlstr=burlstr.replace('+' + burlstr.substring(1).split(',')[0],'');
} else {
document.getElementById('lhcs').innerHTML+=burlstr;
burlstr='';
}
}
}

function burllocalhostmap(ina, inb, ptbid, oj) {
if (document.URL.indexOf('//localhost') != -1) {
if (oj == 0) { gourij=0; if (1 == 1) { parent.document.getElementById('vurl').title=''; parent.document.getElementById('aurl').title=''; } }
if (eval(oj % 2) == 0 || 1 == 1) {
parent.document.getElementById('vurl').title+='|' + ina.trim() + inb;
} else {
parent.document.getElementById('aurl').title+='|' + ina.trim() + inb;
}
//top.document.title=parent.document.getElementById('vurl').title + parent.document.getElementById('aurl').title;
burlstr+=',<iframe src="../macos_say_record.php?vsfs=' + ina.trim() + '&oj=' + oj + '&burl=y&vsfn=' + encodeURIComponent(inb) + '&vsfi=' + encodeURIComponent('x' + ptbid) + '&vsfu=' + encodeURIComponent(document.URL) + '"></input>';
setTimeout(postburl, eval(3000 + oj * 2000));
}
return ina;
}

function localhostmap(ina, inb, ptbid) {
var exifj='';
if (document.URL.indexOf('//localhost') != -1) {
if (xstocheck.length == 0) { setTimeout(listenforx,2000); }
//if (inb.indexOf("eptune") != -1) { alert(inb + ' ' + ptbid + ' ' + ina); }
xstoset.push(ptbid);
xstocheck.push("");
if (eval('' + document.getElementById('lhsh').innerHTML.split('#').length) >= eval('' + hin)) {
xstohash.push(document.getElementById('lhsh').innerHTML.split('#')[eval('' + hin)]);
} else {
xstohash.push("");
}
if (ptbid == '') { exifj='exif=y&'; }
document.getElementById('lhcs').innerHTML+='<input type=hidden id=x' + ptbid + ' value=""></input>';
document.getElementById('lhcs').innerHTML+='<iframe src="../macos_say_record.php?' + exifj + 'vsfs=' + ina.trim() + '&vsfn=' + encodeURIComponent(inb) + '&vsfi=' + encodeURIComponent('x' + ptbid) + '&vsfu=' + encodeURIComponent(document.URL) + '"></input>';
hin++;
}
return ina;
}

function tdownright(inid) {
if (inid.substring(0,1) == 'g') {
document.getElementById('rightimage').style.display=document.getElementById('rightimage').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~',''); //'inline-block';
document.getElementById('downimage').style.display=document.getElementById('downimage').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
} else if (inid.substring(0,1) == 'a') {
document.getElementById('rightaudio').style.display=document.getElementById('rightaudio').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
document.getElementById('downaudio').style.display=document.getElementById('downaudio').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
} else if (inid.substring(0,1) == 'v') {
document.getElementById('rightvideo').style.display=document.getElementById('rightvideo').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
document.getElementById('downvideo').style.display=document.getElementById('downvideo').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
} else if (inid.substring(0,1) == 'i') {
document.getElementById('rightother').style.display=document.getElementById('rightother').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
document.getElementById('downother').style.display=document.getElementById('downother').style.display.toLowerCase().replace('inline-block','no~ne').replace('none','inline-bl~ock').replace('~','');
}
return inid;
}

function downright(inid) {
if (inid.substring(0,1) == 'g') {
document.getElementById('rightimage').style.display='inline-block';
document.getElementById('downimage').style.display='none';
} else if (inid.substring(0,1) == 'a') {
document.getElementById('rightaudio').style.display='inline-block';
document.getElementById('downaudio').style.display='none';
} else if (inid.substring(0,1) == 'v') {
document.getElementById('rightvideo').style.display='inline-block';
document.getElementById('downvideo').style.display='none';
} else if (inid.substring(0,1) == 'i') {
document.getElementById('rightother').style.display='inline-block';
document.getElementById('downother').style.display='none';
}
return inid;
}

function ourencodeURIComponent(inx) {
return inx;
}

function gifslidesit() {
if (1 == 2) {
var xzhr = new XMLHttpRequest();
var xform=new FormData();
var sss='';
xform.append('stitle', 'slideshow');
xform.append('delay', '400');
xform.append('gfn', '');
xform.append('numslides', '' + gifslides.length);
for (var iip=1; iip<=gifslides.length; iip++) {
xform.append('slideshow' + sss, gifslides[eval(-1 + iip)]);
sss='' + eval(1 + iip);
alert(document.getElementById('tid').src + ' next is ' + sss + ' ... ' + gifslides[eval(-1 + iip)]);
}
xzhr.open('post', document.getElementById('tid').src, true);
xzhr.send(xform);
}

var prefix='?stitle=' + encodeURIComponent('My Media Mix') + '&gfn=y&tiurl=&fsize=8px&fleft=5' + encodeURIComponent('%') + '&ftop=5' + encodeURIComponent('%') + '&delay=400&fontname=Arial';
var suffix='', delim='&', nextnum=1, sofar='';
for (var ilines=0; ilines<gifslides.length; ilines++) {
//suffix+=delim + encodeURIComponent(gifslides[ilines]);
//sofar+=encodeURIComponent(gifslides[ilines]); // + ourencodeURIComponent('~')
suffix+=('&slideshow' + nextnum + '=').replace('&slideshow1=','&slideshow=') + encodeURIComponent(gifslides[ilines]); //sofar;
nextnum++;
}
//suffix=suffix.replace(/\=/g, '=' + encodeURIComponent(document.getElementById('burl').value + '#')); //.replace(/\`/g, '=');
//alert('http://localhost:8888/Htdocs/PHP/animegif/tutorial_to_animated_gif.php' + prefix + suffix);
//alert(prefix.replace(fromsub,tosub));
document.getElementById('tid').src=postagc(document.getElementById('tid').src.split('#')[0].split('?')[0] + vaprefix(prefix) + suffix);

}

function readBlob(opt_startByte, opt_stopByte) {
var hsf="", ourij=0;
var blks=' ', variiuy=0, xssuffix='0', xnsuffix='2';
files = document.getElementById('files').files;
xx=[];
yy=[];
ten=500;
ixy=0;
awis=[];
ahis=[];
awx=[];
awy=[];
awid=[];
reader=[];
blob=[];
//imgo=[];
var ij=0;
kij=0;
kkij=0;
lastiw=0;
lastih=0;
if (!files.length) {
alert('Please select a file!');
return;
}
iinum=files.length;
if (window.parent && eval('' + iinum) > 0) {
if (parent.document.getElementById('inum')) {
parent.document.getElementById('inum').value='' + iinum;
}
}
jjnum=0;
for (ij=0; ij<files.length; ij++) {
if (window.parent && (files[ij].type.indexOf('image/') == 0 || ('' + files[ij].type.indexOf('audio/')) == '-0' || ('' + files[ij].type.indexOf('video/')) == '-0')) {
if (parent.document.getElementById('slideshow')) {
while (parent.document.getElementById('slideshow' + xssuffix.replace(/^0/g,'')).value != '') {
xssuffix='' + eval(0 + eval('' + xnsuffix));
xnsuffix='' + eval(1 + eval('' + xnsuffix));
}
hsf="";
if (eval('' + document.getElementById('lhsh').innerHTML.split('#').length) >= eval('' + ihin)) {
if (document.getElementById('lhsh').innerHTML.split('#')[eval('' + ihin)] != '') {
hsf=('#' + document.getElementById('lhsh').innerHTML.split('#')[eval('' + ihin)]).replace('#undefined','');
}
}
ihin++;
parent.document.getElementById('slideshow' + xssuffix.replace(/^0/g,'')).value=localhostmap('' + files[ij].size + ' ', files[ij].name, 'slideshow' + xssuffix.replace(/^0/g,''));
parent.maybemore('' + files[ij].size + ' ', 'slideshow' + xnsuffix, parent.document.getElementById('slideshow' + xssuffix.replace(/^0/g,'')));
if (hsf != '') {
parent.document.getElementById('slideshow' + xssuffix.replace(/^0/g,'')).value+=hsf;
}
//alert('parent.maybemore("' + '' + files[ij].size + ' ' + ", 'slideshow' + xnsuffix + '" + ", 'slideshow" + xnsuffix + ', parent.document.getElementById("' + 'slideshow' + xssuffix.replace(/^0/g,'') + '"))');
} else if (parent.document.getElementById('result')) {
wponeokay=false;
parent.document.getElementById('result').style.cursor='progress';
//parent.document.getElementById('result').innerHTML='' + files[ij].size + ' ';

if (tconto && files[ij].type.indexOf('image/') == 0 && files.length > 1) {
hsf="";
if (eval('' + document.getElementById('lhsh').innerHTML.split('#').length) >= eval('' + ihin)) {
if (document.getElementById('lhsh').innerHTML.split('#')[eval('' + ihin)] != '') {
hsf=('#' + document.getElementById('lhsh').innerHTML.split('#')[eval('' + ihin)]).replace('#undefined','');
}
}
ihin++;
gifslides.push('' + files[ij].size + ' ' + hsf);
jjnum++;
}
} else if (parent.document.getElementById('aurl') && parent.document.getElementById('vurl')) {
wponeokay=false;
//parent.document.getElementById('aurl').style.cursor='progress';
//parent.document.getElementById('vurl').style.cursor='progress';
if (files[ij].type.indexOf('image/') == 0) {
burllocalhostmap('' + files[ij].size + ' ', files[ij].name, 'burl', ourij);
ourij++;
}
}
} else if (window.parent && ('' + files[ij].type).indexOf('video/') == 0) {
if (parent.document.getElementById('result')) {
localhostmap('' + files[ij].size + ' ', files[ij].name, '');
}
}
}
for (ij=0; ij<files.length; ij++) {
file = files[ij];
filen = file.name;
lasttype = file.type;
fs.push(file.name.replace(/\\/g,'/').split('/')[eval(-1 + file.name.replace(/\\/g,'/').split('/').length)]);
start = parseInt(opt_startByte) || 0;
stop = parseInt(opt_stopByte) || file.size - 1;
//if (ij > 1) { alert('OK to continue'); }

reader.push(new FileReader());

// If we use onloadend, we need to check the readyState.
// Thanks to https://stackoverflow.com/questions/12546775/get-filename-after-filereader-asynchronously-loaded-a-file
reader[ij].onloadend = (function(mfile) {
return function(evt) {
var dp='', ds=dssuffix, slideshowparent=false, ssuffix='0', nsuffix='2', blnks=' ', xhsf='', zhsfs=[];
if (evt.target.readyState == FileReader.DONE) { // DONE == 2
slideshowparent=false;
ssuffix='0';
if (window.parent && (mfile.type.indexOf('image/') == 0 || mfile.type.indexOf('audio/') == 0 || mfile.type.indexOf('video/') == 0)) {
if (parent.document.getElementById('slideshow')) {
//parent.document.title+=' ' + mfile.size;
// maybemore(this.value, 'slideshow1', this);
while (parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value.split('#')[0].replace('' + mfile.size + ' ','') != '') {
ssuffix='' + eval(0 + eval('' + nsuffix));
nsuffix='' + eval(1 + eval('' + nsuffix));
}
//parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value=' ';
//parent.document.title+=':' + ssuffix;
if (('' + evt.target.result).length <= 5) {
parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value='';
} else {
if ((parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value + ' ').substring(0,1) >= '0' && (parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value + ' ').substring(0,1) <= '9') {
xhsf='';
zhsfs=parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value.split('#');
if (eval('' + zhsfs.length) >= 2) {
if (zhsfs[1] != '') { xhsf='#' + zhsfs[1]; }
}
parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')).value=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';') + xhsf;
if (mfile.type.indexOf('audio/') == 0 || mfile.type.indexOf('video/') == 0) {
parent.maybemore((evt.target.result + xhsf).replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';'), 'slideshow' + nsuffix, parent.document.getElementById('slideshow' + ssuffix.replace(/^0/g,'')));
}
}
slideshowparent=true;
}
} else if (parent.document.getElementById('result')) {
wponeokay=false;
if (mfile.type.indexOf('audio/') == 0 || mfile.type.indexOf('video/') == 0 || mfile.type.indexOf('image/') == 0) {
if (('' + evt.target.result).length <= 5) {
parent.document.getElementById('result').innerHTML='';
parent.document.getElementById('result').style.cursor='pointer';
} else {
parent.document.getElementById('audioname').value=mfile.name;
parent.document.getElementById('result').innerHTML=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';');
parent.document.getElementById('result').style.cursor='pointer';
parent.notwotwo();
parent.document.getElementById('saysub').value='Process Media Below';
slideshowparent=true;


if (tconto && mfile.type.indexOf('image/') == 0 && iinum > 1) {
for (var iop=0; iop<gifslides.length; iop++) {
if (('' + gifslides[iop]).indexOf('' + mfile.size + ' ') == 0) {
gifslides[iop]=gifslides[iop].replace('' + mfile.size + ' ', evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';'));
}
}
jjnum--;
if (jjnum == 0) {
//alert(gifslides.length);
//if (tconto.getElementById('slideshow')) { alert('yes'); }
gifslidesit(); //tconto.getElementById('myform').submit();
}
}
//}



}
}
} else if (parent.document.getElementById('aurl') && parent.document.getElementById('vurl')) {
if (mfile.type.indexOf('audio/') == 0) {
parent.document.getElementById('aurl').value=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';');
parent.document.getElementById('aurl').style.cursor='pointer';
slideshowparent=true;
} else if (mfile.type.indexOf('video/') == 0) {
parent.document.getElementById('vurl').value=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';');
parent.document.getElementById('vurl').style.cursor='pointer';
slideshowparent=true;
} else if (mfile.type.indexOf('image/') == 0) {
//alert(evt.target.result.length);
if (parent.document.getElementById('vurl').title.indexOf('|' + mfile.size + mfile.name) != -1) {
parent.document.getElementById('vurl').title=parent.document.getElementById('vurl').title.replace('|' + mfile.size + mfile.name, '|' + evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';'));
//top.document.title+=' v' + mfile.size + mfile.name + evt.target.result.length;
} else if (parent.document.getElementById('aurl').title.indexOf('|' + mfile.size + mfile.name) != -1) {
parent.document.getElementById('aurl').title=parent.document.getElementById('aurl').title.replace('|' + mfile.size + mfile.name, '|' + evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';'));
//top.document.title+=' a' + mfile.size + mfile.name + evt.target.result.length;
}
parent.document.getElementById('vurl').placeholder=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';').trim();
//parent.document.getElementById('burl').title=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';').trim();
//parent.document.getElementById('burl').value=evt.target.result.replace('data:;', 'data:' + mfile.type + ';').replace('data:application/octet-stream;', 'data:' + mfile.type + ';').trim();
//alert(evt.target.result.substring(0,56));
slideshowparent=true;
}
}
}
if (!slideshowparent) {
if (mfile.type.indexOf('image/') == 0) {
if (document.getElementById('ibchkbox').checked) {
if (document.getElementById('gb')) {
document.getElementById('gb').src=evt.target.result.replace('data:;', 'data:' + mfile.type + ';');
document.getElementById('gb').style.display='inline-block';
if (document.getElementById('downimage')) {
document.getElementById('downimage').style.display='inline-block';
document.getElementById('rightimage').style.display='none';
} else {
document.getElementById('dtli').open=true;
}
} else if (document.getElementById('icontent').innerHTML == '') {
// var dsprefix="<details open><summary>"; // + dsplus
// var dsmid="</summary>";
// var dssuffix="</details>";
if (dsprefix.indexOf('image') != -1) {
dp='<hr>' + dsprefix.replace(/xx/g,'vb').replace(/image/g,'video') + 'Video' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'ab').replace(/image/g,'audio') + 'Audio' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'ib').replace(/image/g,'other') + 'Other' + dsmid + dssuffix;
dp+=dsprefix.replace('iNlInE-bLoCk','none').replace('NoNe','inline-block').replace(/xx/g,'gb') + 'Image' + dsmid;
} else {
dp=dsprefix.replace('><',' id=dtlv><') + 'Video  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtla><') + 'Audio  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtlo><') + 'Other  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtli><') + 'Image  ' + dsmid;
}
document.getElementById('icontent').innerHTML+=dp + ipre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + isuf + ds;

} else if (document.getElementById('dtli') || document.getElementById('divshtimage')) {
if (dsprefix.indexOf('image') != -1) {
if (document.getElementById('ab')) { document.getElementById(downright('ab')).style.display='none'; }
if (document.getElementById('vb')) { document.getElementById(downright('vb')).style.display='none'; }
if (document.getElementById('ib')) { document.getElementById(downright('ib')).style.display='none'; }
document.getElementById('divshtimage').innerHTML+=ipre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + isuf;
tdownright('gb');
} else {
document.getElementById('dtla').open=false;
document.getElementById('dtlv').open=false;
document.getElementById('dtlo').open=false;
document.getElementById('dtli').open=true;
document.getElementById('dtli').innerHTML+=ipre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + isuf;
}
} else {
document.getElementById('icontent').innerHTML+=ipre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + isuf;
}
} else if (slideshowparent && mfile.type.indexOf('audio/') == 0) {
slideshowparent=slideshowparent;
} else if (slideshowparent && mfile.type.indexOf('video/') == 0) {
slideshowparent=slideshowparent;
} else if (wponeokay) {
wo=window.open(wp1,wp2);
wo.document.write(ipre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + isuf);
wo.document.title = mfile.name.replace(/\\/g,'/').split('/')[eval(-1 + mfile.name.replace(/\\/g,'/').split('/').length)];
}
} else if (mfile.type.indexOf('audio/') == 0) {
if (document.getElementById('ibchkbox').checked) {
if (document.getElementById('ab')) {
document.getElementById('ab').src=evt.target.result.replace('data:;', 'data:' + mfile.type + ';');
document.getElementById('ab').style.display='inline-block';
if (document.getElementById('downaudio')) {
document.getElementById('downaudio').style.display='inline-block';
document.getElementById('rightaudio').style.display='none';
} else {
document.getElementById('dtla').open=true;
}
} else if (document.getElementById('icontent').innerHTML == '') {
// var dsprefix="<details open><summary>"; // + dsplus
// var dsmid="</summary>";
// var dssuffix="</details>";
if (dsprefix.indexOf('image') != -1) {
dp='<hr>' + dsprefix.replace(/xx/g,'vb').replace(/image/g,'video') + 'Video' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'gb') + 'Image' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'ib').replace(/image/g,'other') + 'Other' + dsmid + dssuffix;
dp+=dsprefix.replace('iNlInE-bLoCk','none').replace('NoNe','inline-block').replace(/xx/g,'ab').replace(/image/g,'audio') + 'Audio' + dsmid;
} else {
dp=dsprefix.replace('><',' id=dtlv><') + 'Video  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtli><') + 'Image  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtlo><') + 'Other  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtla><') + 'Audio  ' + dsmid;
}
document.getElementById('icontent').innerHTML+=dp + apre + mfile.type + amid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + asuf.replace('><', ' id=v' + mfile.name + '><') + ds;

} else if (document.getElementById('dtla') || document.getElementById('divshtaudio')) {
if (dsprefix.indexOf('image') != -1) {
if (document.getElementById('gb')) { document.getElementById(downright('gb')).style.display='none'; }
if (document.getElementById('vb')) { document.getElementById(downright('vb')).style.display='none'; }
if (document.getElementById('ib')) { document.getElementById(downright('ib')).style.display='none'; }
document.getElementById('divshtaudio').innerHTML+=apre + mfile.type + amid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + asuf.replace('><', ' id=v' + mfile.name + '><');
tdownright('ab');
} else {
document.getElementById('dtli').open=false;
document.getElementById('dtlv').open=false;
document.getElementById('dtlo').open=false;
document.getElementById('dtla').open=true;
document.getElementById('dtla').innerHTML+=apre + mfile.type + amid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + asuf.replace('><', ' id=v' + mfile.name + '><');
}
} else {
document.getElementById('icontent').innerHTML+=apre + mfile.type + amid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + asuf.replace('><', ' id=v' + mfile.name + '><');
}
} else if (slideshowparent && mfile.type.indexOf('audio/') == 0) {
slideshowparent=slideshowparent;
} else if (slideshowparent && mfile.type.indexOf('video/') == 0) {
slideshowparent=slideshowparent;
} else if (wponeokay) {
wo=window.open(wp1,wp2);
wo.document.write(apre + mfile.type + amid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + asuf.replace('><', ' id=a' + mfile.name + '><'));
wo.document.title = mfile.name.replace(/\\/g,'/').split('/')[eval(-1 + mfile.name.replace(/\\/g,'/').split('/').length)];
}
} else if (mfile.type.indexOf('video/') == 0) {
if (document.getElementById('ibchkbox').checked) {
if (document.getElementById('vb')) {
document.getElementById('vb').src=evt.target.result.replace('data:;', 'data:' + mfile.type + ';');
document.getElementById('vb').style.display='inline-block';
if (document.getElementById('downvideo')) {
document.getElementById('downvideo').style.display='inline-block';
document.getElementById('rightvideo').style.display='none';
} else {
document.getElementById('dtlv').open=true;
}
} else if (document.getElementById('icontent').innerHTML == '') {
// var dsprefix="<details open><summary>"; // + dsplus
// var dsmid="</summary>";
// var dssuffix="</details>";
if (dsprefix.indexOf('image') != -1) {
dp='<hr>' + dsprefix.replace(/xx/g,'ab').replace(/image/g,'audio') + 'Audio' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'gb') + 'Image' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'ib').replace(/image/g,'other') + 'Other' + dsmid + dssuffix;
dp+=dsprefix.replace('iNlInE-bLoCk','none').replace('NoNe','inline-block').replace(/xx/g,'vb').replace(/image/g,'video') + 'Video' + dsmid;
} else {
dp=dsprefix.replace('><',' id=dtli><') + 'Image  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtla><') + 'Audio  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtlo><') + 'Other  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtlv><') + 'Video  ' + dsmid;
}
document.getElementById('icontent').innerHTML+=dp + vpre + mfile.type + vmid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + vsuf.replace('><', ' id=v' + mfile.name + '><') + ds;
} else if (document.getElementById('dtlv') || document.getElementById('divshtvideo')) {
if (dsprefix.indexOf('image') != -1) {
if (document.getElementById('gb')) { document.getElementById(downright('gb')).style.display='none'; }
if (document.getElementById('ab')) { document.getElementById(downright('ab')).style.display='none'; }
if (document.getElementById('ib')) { document.getElementById(downright('ib')).style.display='none'; }
document.getElementById('divshtvideo').innerHTML+=vpre + mfile.type + vmid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + vsuf.replace('><', ' id=v' + mfile.name + '><');
tdownright('vb');
} else {
document.getElementById('dtla').open=false;
document.getElementById('dtli').open=false;
document.getElementById('dtlo').open=false;
document.getElementById('dtlv').open=true;
document.getElementById('dtlv').innerHTML+=vpre + mfile.type + vmid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + vsuf.replace('><', ' id=v' + mfile.name + '><');
}
} else {
document.getElementById('icontent').innerHTML+=vpre + mfile.type + vmid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + vsuf.replace('><', ' id=v' + mfile.name + '><');
}
} else if (slideshowparent && mfile.type.indexOf('audio/') == 0) {
slideshowparent=slideshowparent;
} else if (slideshowparent && mfile.type.indexOf('video/') == 0) {
slideshowparent=slideshowparent;
} else if (wponeokay) {
wo=window.open(wp1,wp2);
wo.document.write(vpre + mfile.type + vmid + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + vsuf.replace('><', ' id=v' + mfile.name + '><'));
wo.document.title = mfile.name.replace(/\\/g,'/').split('/')[eval(-1 + mfile.name.replace(/\\/g,'/').split('/').length)];
}
} else {
if (document.getElementById('ibchkbox').checked) {
if (document.getElementById('ib')) {
document.getElementById('ib').src=evt.target.result.replace('data:;', 'data:' + mfile.type + ';');
document.getElementById('ib').style.display='inline-block';
if (document.getElementById('downother')) {
document.getElementById('downother').style.display='inline-block';
document.getElementById('rightother').style.display='none';
} else {
document.getElementById('dtlo').open=true;
}
} else if (document.getElementById('icontent').innerHTML == '') {
// var dsprefix="<details open><summary>"; // + dsplus
// var dsmid="</summary>";
// var dssuffix="</details>";
if (dsprefix.indexOf('image') != -1) {
dp='<hr>' + dsprefix.replace(/xx/g,'ab').replace(/image/g,'audio') + 'Audio' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'gb') + 'Image' + dsmid + dssuffix;
dp+=dsprefix.replace(/xx/g,'vb').replace(/image/g,'video') + 'Video' + dsmid + dssuffix;
dp+=dsprefix.replace('iNlInE-bLoCk','none').replace('NoNe','inline-block').replace(/xx/g,'ib').replace(/image/g,'other') + 'Other' + dsmid;
} else {
dp=dsprefix.replace('><',' id=dtlv><') + 'Video  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtla><') + 'Audio  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtli><') + 'Image  ' + dsmid + dssuffix;
dp+=dsprefix.replace('><',' id=dtlo><') + 'Other  ' + dsmid;
}
document.getElementById('icontent').innerHTML+=dp + opre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + osuf + ds;

} else if (document.getElementById('dtlo') || document.getElementById('divshtother')) {
if (dsprefix.indexOf('image') != -1) {
if (document.getElementById('gb')) { document.getElementById(downright('gb')).style.display='none'; }
if (document.getElementById('ab')) { document.getElementById(downright('ab')).style.display='none'; }
if (document.getElementById('vb')) { document.getElementById(downright('vb')).style.display='none'; }
document.getElementById('divshtother').innerHTML+=opre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + osuf;
tdownright('ib');
} else {
document.getElementById('dtla').open=false;
document.getElementById('dtlv').open=false;
document.getElementById('dtli').open=false;
document.getElementById('dtlo').open=true;
document.getElementById('dtlo').innerHTML+=opre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + osuf;
}
} else {
document.getElementById('icontent').innerHTML+=opre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + osuf;
}
} else if (slideshowparent && mfile.type.indexOf('audio/') == 0) {
slideshowparent=slideshowparent;
} else if (slideshowparent && mfile.type.indexOf('video/') == 0) {
slideshowparent=slideshowparent;
} else if (wponeokay) {
wo=window.open(wp1,wp2);
wo.document.write(opre + evt.target.result.replace('data:;', 'data:' + mfile.type + ';') + osuf);
wo.document.title = mfile.name.replace(/\\/g,'/').split('/')[eval(-1 + mfile.name.replace(/\\/g,'/').split('/').length)];
}
}
}
} };
})(files[ij]);

blob.push(file.slice(start, stop + 1));
reader[ij].readAsDataURL(blob[ij]);
kij++;
// for (variiuy=0; variiuy<file.size; variiuy++) {
// blks+=' ';
// }

}
}


function onl() {
document.querySelector('.readBytesButtons').addEventListener('click', function(evt) {
if (evt.target.tagName.toLowerCase() == 'button') {
var startByte = evt.target.getAttribute('data-startbyte');
var endByte = evt.target.getAttribute('data-endbyte');
readBlob(startByte, endByte);
}
}, false);

}

function actoit(iois) {
if (iois != null) {
tconto = (iois.contentWindow || iois.contentDocument);
if (tconto != null) {
if (tconto.document) { tconto = tconto.document; }
if (tconto.body == null) {
tconto=null;
}
}
}
}

function dolhsh() {
if (window.parent != window) {
document.body.style.backgroundColor='transparent';
document.getElementById('files').style.marginTop='-10px';
document.getElementById('files').style.marginLeft='-12px';
document.getElementById('files').style.backgroundColor='#d7d7d7';
document.getElementById('distyle').innerHTML='<style> input { -webkit-appearance: border-bevel !important; border: 0 !important; } </style>'; // thanks to https://forum.webflow.com/t/disable-ios-safari-round-corners-on-form-elements/591
}
if (('' + window.location.hash).replace('#','') != '') {
document.getElementById('lhsh').innerHTML=window.location.hash.substring(1);
if (window.parent) {
if (parent.document.URL.indexOf('macos_say_record.php') != -1) {
//alert(document.URL);
if (document.URL.indexOf('//localhost') != -1) {
document.getElementById('ttag').innerHTML='<iframe style=display:none; name=posttid id=posttid src=""></iframe><iframe name=tid id=tid onload=actoit(this); style=display:none; src="' + document.URL.split('client_browsing')[0] + '../Htdocs/PHP/animegif/tutorial_to_animated_gif.php?rand=' + Math.floor(Math.random() * 19876543) + window.location.hash.replace(/\ /g,'%20') + '"></iframe>';
} else {
document.getElementById('ttag').innerHTML='<iframe style=display:none; name=posttid id=posttid src=""></iframe><iframe name=tid id=tid onload=actoit(this); style=display:none; src="' + document.URL.split('client_browsing')[0] + '../PHP/animegif/tutorial_to_animated_gif.php?rand=' + Math.floor(Math.random() * 19876543) + window.location.hash.replace(/\ /g,'%20') + '"></iframe>';
}
}
}
} else if (parent.window) {
if (parent.document.URL.indexOf('macos_say_record.php') != -1) {
if (parent.document.getElementById('lhsh')) {
if (parent.document.getElementById('lhsh').innerHTML != '') {
document.getElementById('lhsh').innerHTML=parent.document.getElementById('lhsh').innerHTML;
if (document.URL.indexOf('//localhost') != -1) {
document.getElementById('ttag').innerHTML='<iframe style=display:none; name=posttid id=posttid src=""></iframe><iframe name=tid id=tid onload=actoit(this); style=display:none; src="' + document.URL.split('client_browsing')[0] + '../Htdocs/PHP/animegif/tutorial_to_animated_gif.php?rand=' + Math.floor(Math.random() * 19876543) + window.location.hash.replace(/\ /g,'%20') + '"></iframe>';
} else {
document.getElementById('ttag').innerHTML='<iframe style=display:none; name=posttid id=posttid src=""></iframe><iframe name=tid id=tid onload=actoit(this); style=display:none; src="' + document.URL.split('client_browsing')[0] + '../PHP/animegif/tutorial_to_animated_gif.php?rand=' + Math.floor(Math.random() * 19876543) + window.location.hash.replace(/\ /g,'%20') + '"></iframe>';
}
}
}
}
}
}

</script>

</head>
<body style="background-color:#f0f0f0;" onload="dolhsh(); onl();">
<h1>Client Browsing</h1>
<h3>RJM Programming - June, 2019</h3>

<input onclick="this.value=null;" onchange="document.getElementById('ibut').click();" style='width:50%;background-color:orange;' type="file" id="files" name="file" accept="image/*,video/*,audio/*,application/*,text/*" multiple />     Iframe Below <input type=checkbox id=ibchkbox></input> Rather Than New Window
<span class="readBytesButtons">
<button style='display:none;' data-startbyte="0" data-endbyte="4">1-5</button>
<button style='display:none;' data-startbyte="5" data-endbyte="14">6-15</button>
<button style='display:none;' data-startbyte="6" data-endbyte="7">7-8</button>
<button id=ibut style='background-color:pink;display:none;'>Send to Server Top Half</button>
</span>
<div style='display:none;' id="byte_range"></div>
<div style='display:none;' id="byte_content"></div>
<div id=icontent></div>
<div id=lhcs></div>
<div id=ttag></div>
<div id=dform style=display:none;></div>
<div id=agifn style=display:none;></div>
<div id=lhsh style=display:none;></div>
<div id=distyle></div>
</body>
</html>