19,22c19,22
<   var ipre='<img style="display:inline-block;" id=gb src="', isuf='"></img>';
<   var apre='&nbsp;&nbsp;<audio style="display:inline-block;" id=ab controls type="', amid='" src="', asuf='"></audio>';
<   var vpre='&nbsp;&nbsp;<video style="display:inline-block;" id=vb controls type="', vmid='" src="', vsuf='"></video>';
<   var opre='&nbsp;&nbsp;<iframe style="display:inline-block;" id=ib width="90%" height="90%" src="', osuf='"></iframe>';
---
>   var ipre='<img id=gb src="', isuf='"></img>';
>   var apre='<audio id=ab controls type="', amid='" src="', asuf='"></audio>';
>   var vpre='<video id=vb controls type="', vmid='" src="', vsuf='"></video>';
>   var opre='<iframe id=ib width="100%" height="100%" src="', osuf='"></iframe>';
27,73d26
<   
<   
<   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>";
<   
<   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>&#9654;</span><span style='display:NoNe;' id=downimage>&#128315;</span> <DIV id=divshtimage style='display:inline-block;vertical-align:top;'><span id=summarytotalsimage>"; // + dsplus
<    dsmid="</span>";
<    dssuffix="</DIV><hr></div>";
<   }
<   
<   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;
<   }
112d64
<       var dp='', ds=dssuffix;
118,155d69
<         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&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtla><') + 'Audio&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtlo><') + 'Other&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtli><') + 'Image&nbsp;&nbsp;' + 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;
<         }
168,205d81
<         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&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtli><') + 'Image&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtlo><') + 'Other&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtla><') + 'Audio&nbsp;&nbsp;' + 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 + '><');
<         }
218,254d93
<         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&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtla><') + 'Audio&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtlo><') + 'Other&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtlv><') + 'Video&nbsp;&nbsp;' + 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 + '><');
<         }
267,304d105
<         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&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtla><') + 'Audio&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtli><') + 'Image&nbsp;&nbsp;' + dsmid + dssuffix;
<         dp+=dsprefix.replace('><',' id=dtlo><') + 'Other&nbsp;&nbsp;' + 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;
<         }
343c144
< <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 />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Iframe Below <input type=checkbox id=ibchkbox></input> Rather Than New Window
---
> <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 />&nbsp;Iframe Below <input type=checkbox id=ibchkbox></input> Rather Than New Window