icn3d 3.35.1 → 3.36.1

package/icn3d.module.js

@@ -9824,96 +9824,96 @@ class ClickMenu {
         let thisClass = this;
     //mn 1
     //    clkMn1_mmtfid: function() {
-        me.myEventCls.onIds("#" + me.pre + "mn1_vastplus", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_vastplus", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_vastplus', 'Please input PDB ID for VAST+');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_vast", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_vast", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_vast', 'Please input chain or PDB file for VAST');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_foldseek", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_foldseek", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_foldseek', 'Submit your selection to Foldseek');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_mmtfid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_mmtfid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_mmtfid', 'Please input BCIF/MMTF ID');
         });
 
     //    clkMn1_pdbid: function() {
-        me.myEventCls.onIds("#" + me.pre + "mn1_pdbid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_pdbid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_pdbid', 'Please input PDB ID');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_afid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_afid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_afid', 'Please input AlphaFold UniProt ID');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_refseqid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_refseqid", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_refseqid', 'Please input NCBI Protein Accession');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_opmid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_opmid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_opmid', 'Please input OPM PDB ID');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_align", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_align", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_align', 'Align two PDB structures');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_alignaf", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_alignaf", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_alignaf', 'Align two AlphaFold structures');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_chainalign", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_chainalign", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_chainalign', 'Align multiple chains by structure alignment');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_chainalign2", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_chainalign2", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_chainalign2', 'Align multiple chains by sequence alignment');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_chainalign3", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_chainalign3", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_chainalign3', 'Align multiple chains residue by residue');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_mutation", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_mutation", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_mutation', 'Show the mutations in 3D');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_pdbfile", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_pdbfile", "click", function(e) { me.icn3d; e.preventDefault();
            //me = me.setIcn3dui($(this).attr('id'));
            me.htmlCls.dialogCls.openDlg('dl_pdbfile', 'Please input PDB File');
         });
-        me.myEventCls.onIds(["#" + me.pre + "mn1_pdbfile_app", "#" + me.pre + "tool_pdbfile"], "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn1_pdbfile_app", "#" + me.pre + "tool_pdbfile"], "click", function(e) { me.icn3d; e.preventDefault();
            //me = me.setIcn3dui($(this).attr('id'));
            me.htmlCls.dialogCls.openDlg('dl_pdbfile_app', 'Please append PDB Files');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_mol2file", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_mol2file", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_mol2file', 'Please input Mol2 File');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_sdffile", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_sdffile", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_sdffile', 'Please input SDF File');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_xyzfile", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_xyzfile", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_xyzfile', 'Please input XYZ File');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_afmapfile", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_afmapfile", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_afmapfile', 'Please input AlphaFold PAE File');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_urlfile", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_urlfile", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_urlfile', 'Load data by URL');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_fixedversion", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_fixedversion", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_fixedversion', 'Open Share Link URL in the archived version of iCn3D');
         });
-        me.myEventCls.onIds("#" + me.pre + "reload_fixedversion", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "reload_fixedversion", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let url = $("#" + me.pre + "sharelinkurl").val();
            thisClass.setLogCmd("open " + url, false);
            localStorage.setItem('fixedversion', '1');
@@ -9921,73 +9921,73 @@ class ClickMenu {
            window.open(url, urlTarget);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_mmciffile", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_mmciffile", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_mmciffile', 'Please append mmCIF File');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_mmcifid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_mmcifid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_mmcifid', 'Please input mmCIF ID');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_mmdbid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_mmdbid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_mmdbid', 'Please input MMDB or PDB ID');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn1_mmdbafid", , "#" + me.pre + "tool_mmdbafid"], "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn1_mmdbafid", , "#" + me.pre + "tool_mmdbafid"], "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_mmdbafid', 'Please input PDB/MMDB/AlphaFold UniProt IDs');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_blast_rep_id", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_blast_rep_id", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_blast_rep_id', 'Align sequence to structure');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_esmfold", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_esmfold", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_esmfold', 'Sequence to structure prediction with ESMFold');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_proteinname", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_proteinname", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_proteinname', 'Please input protein or gene name');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_cid", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_cid", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_cid', 'Please input PubChem Compound');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_pngimage", "click", function(e) { me.icn3d; //e.preventDefault();
-           me.htmlCls.dialogCls.openDlg('dl_pngimage', 'Please input the PNG image');
+        me.myEventCls.onIds("#" + me.pre + "mn1_pngimage", "click", function(e) { me.icn3d; e.preventDefault();
+           me.htmlCls.dialogCls.openDlg('dl_pngimage', 'Please append PNG images');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_state", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_state", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_state', 'Please input the state file');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_selection", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_selection", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_selection', 'Please input the selection file');
         });
        
-        me.myEventCls.onIds("#" + me.pre + "mn1_collection", "click", function (e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_collection", "click", function (e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg("dl_selectCollections", "Select Collections");
         });
        
-        me.myEventCls.onIds("#" + me.pre + "mn1_dsn6", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_dsn6", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_dsn6', 'Please input the map file to display electron density map');
         });
 
 
-        me.myEventCls.onIds(["#" + me.pre + "mn1_delphi", "#" + me.pre + "mn1_delphi2", "#" + me.pre + "tool_delphi"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn1_delphi", "#" + me.pre + "mn1_delphi2", "#" + me.pre + "tool_delphi"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.loadPhiFrom = 'delphi';
            $("#" + me.pre + "dl_delphi_tabs").tabs();
            me.htmlCls.dialogCls.openDlg('dl_delphi', 'Please set parameters to display DelPhi potential map');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_phi", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_phi", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.loadPhiFrom = 'phi';
            $("#" + me.pre + "dl_phi_tabs").tabs();
            $("#" + me.pre + "phitab1_tabs").tabs();
            $("#" + me.pre + "phitab2_tabs").tabs();
            me.htmlCls.dialogCls.openDlg('dl_phi', 'Please input local phi or cube file to display DelPhi potential map');
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_phiurl", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_phiurl", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.loadPhiFrom = 'phiurl';
            $("#" + me.pre + "dl_phiurl_tabs").tabs();
            $("#" + me.pre + "phiurltab1_tabs").tabs();
@@ -9996,11 +9996,11 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_dsn6url", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_dsn6url", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_dsn6url', 'Please input the map file to display electron density map');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportState", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportState", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export state file", false);
            let file_pref = Object.keys(ic.structures).join(',');
 
@@ -10008,19 +10008,19 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportPdbRes", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportPdbRes", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.setHtmlCls.exportPdb();
 
            thisClass.setLogCmd("export pdb", true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportSecondary", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportSecondary", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.setHtmlCls.exportSecondary();
 
            thisClass.setLogCmd("export secondary structure", true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "delphipdb", "#" + me.pre + "phipdb"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "delphipdb", "#" + me.pre + "phipdb"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let pdbStr = ic.saveFileCls.getSelectedResiduePDB();
 
            thisClass.setLogCmd("export PDB of selected residues", false);
@@ -10029,57 +10029,57 @@ class ClickMenu {
            ic.saveFileCls.saveFile(file_pref + '_icn3d_residues.pdb', 'text', [pdbStr]);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "delphipqr", "#" + me.pre + "phipqr", "#" + me.pre + "phiurlpqr"], "click", async function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "delphipqr", "#" + me.pre + "phipqr", "#" + me.pre + "phiurlpqr"], "click", async function(e) { me.icn3d; e.preventDefault();
            await me.htmlCls.setHtmlCls.exportPqr();
            thisClass.setLogCmd("export pqr", true);
         });
 
-      //   me.myEventCls.onIds("#" + me.pre + "delphipqbh", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+      //   me.myEventCls.onIds("#" + me.pre + "delphipqbh", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
       //       let bPdb = true;
       //       await me.htmlCls.setHtmlCls.exportPqr(bPdb);
       //       thisClass.setLogCmd("export pdbh", false);
       //    });
 
-        me.myEventCls.onIds("#" + me.pre + "profixpdb", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "profixpdb", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
          let bHydrogen = false;
          await ic.scapCls.exportPdbProfix(bHydrogen);
          thisClass.setLogCmd("export pdb missing atoms", true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "profixpdbh", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "profixpdbh", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
         let bHydrogen = true;
         await ic.scapCls.exportPdbProfix(bHydrogen);
         thisClass.setLogCmd("export pdb hydrogen", true);
        });
 
-       me.myEventCls.onIds("#" + me.pre + "mn1_exportIgstrand", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+       me.myEventCls.onIds("#" + me.pre + "mn1_exportIgstrand", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
        ic.refnumCls.exportRefnum('igstrand');
        thisClass.setLogCmd("export refnum igstrand", true);
       });
 
-      me.myEventCls.onIds("#" + me.pre + "mn1_exportKabat", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+      me.myEventCls.onIds("#" + me.pre + "mn1_exportKabat", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
       ic.refnumCls.exportRefnum('kabat');
          thisClass.setLogCmd("export refnum kabat", true);
       });
 
-      me.myEventCls.onIds("#" + me.pre + "mn1_exportImgt", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+      me.myEventCls.onIds("#" + me.pre + "mn1_exportImgt", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
       ic.refnumCls.exportRefnum('imgt');
       thisClass.setLogCmd("export refnum imgt", true);
       });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportStl", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportStl", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export stl file", false);
            //ic.threeDPrintCls.hideStabilizer();
            ic.export3DCls.exportStlFile('');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportVrml", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportVrml", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export vrml file", false);
            //ic.threeDPrintCls.hideStabilizer();
            ic.export3DCls.exportVrmlFile('');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportStlStab", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportStlStab", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export stl stabilizer file", false);
            //ic.bRender = false;
            ic.threeDPrintCls.hideStabilizer();
@@ -10088,7 +10088,7 @@ class ClickMenu {
            ic.export3DCls.exportStlFile('_stab');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportVrmlStab", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportVrmlStab", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export vrml stabilizer file", false);
            //ic.bRender = false;
            ic.threeDPrintCls.hideStabilizer();
@@ -10097,13 +10097,13 @@ class ClickMenu {
            ic.export3DCls.exportVrmlFile('_stab');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_exportInteraction", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_exportInteraction", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export interactions", false);
            if(me.cfg.mmdbid !== undefined) await ic.viewInterPairsCls.retrieveInteractionData();
            ic.viewInterPairsCls.exportInteractions();
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn1_exportCanvas", "#" + me.pre + "saveimage"], "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn1_exportCanvas", "#" + me.pre + "saveimage"], "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            // do not record the export command
            //thisClass.setLogCmd("export canvas", true);
            thisClass.setLogCmd("export canvas", false);
@@ -10112,28 +10112,28 @@ class ClickMenu {
            let bPngHtml = true;
            await ic.shareLinkCls.shareLink(bPngHtml);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas1", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas1", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export canvas 1", true);
            ic.scaleFactor = 1;
            await ic.shareLinkCls.shareLink(true, true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas2", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas2", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export canvas 2", true);
            ic.scaleFactor = 2;
            await ic.shareLinkCls.shareLink(true, true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas4", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas4", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export canvas 4", true);
            ic.scaleFactor = 4;
            await ic.shareLinkCls.shareLink(true, true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas8", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportCanvas8", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export canvas 8", true);
            ic.scaleFactor = 8;
            await ic.shareLinkCls.shareLink(true, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportCounts", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportCounts", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export counts", false);
            let text = '<html><body><div style="text-align:center"><br><b>Total Count for atoms with coordinates</b>:<br/><table align=center border=1 cellpadding=10 cellspacing=0><tr><th>Structure Count</th><th>Chain Count</th><th>Residue Count</th><th>Atom Count</th></tr>';
            text += '<tr><td>' + Object.keys(ic.structures).length + '</td><td>' + Object.keys(ic.chains).length + '</td><td>' + Object.keys(ic.residues).length + '</td><td>' + Object.keys(ic.atoms).length + '</td></tr>';
@@ -10160,7 +10160,7 @@ class ClickMenu {
            ic.saveFileCls.saveFile(file_pref + '_counts.html', 'html', text);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportSelections", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportSelections", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export all selections", false);
           
            thisClass.SetChainsAdvancedMenu();
@@ -10170,7 +10170,7 @@ class ClickMenu {
            ic.saveFileCls.saveFile(file_pref + '_selections.txt', 'text', [text]);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_exportSelDetails", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportSelDetails", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("export all selections with details", false);
           
            thisClass.SetChainsAdvancedMenu();
@@ -10181,32 +10181,32 @@ class ClickMenu {
            ic.saveFileCls.saveFile(file_pref + '_sel_details.txt', 'text', [text]);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn1_sharelink", "#" + me.pre + "tool_sharelink"], "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn1_sharelink", "#" + me.pre + "tool_sharelink"], "click", async function(e) { let ic = me.icn3d; e.preventDefault();
             await ic.shareLinkCls.shareLink();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_replayon", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_replayon", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
           await ic.resizeCanvasCls.replayon();
           thisClass.setLogCmd("replay on", true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_replayoff", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_replayoff", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
             await ic.resizeCanvasCls.replayoff();
             thisClass.setLogCmd("replay off", true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_menuall", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_menuall", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.allMenus);
 
             thisClass.applyShownMenus();    
           });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_menusimple", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_menusimple", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
 
             thisClass.applyShownMenus();
           });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_menupref", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_menupref", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_menupref', 'Select Menus');
 
             thisClass.getHiddenMenusFromCache();
@@ -10214,7 +10214,7 @@ class ClickMenu {
             thisClass.displayShownMenus();
          });
 
-         me.myEventCls.onIds(["#" + me.pre + "apply_menupref", "#" + me.pre + "apply_menupref2"], "click", function(e) { me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds(["#" + me.pre + "apply_menupref", "#" + me.pre + "apply_menupref2"], "click", function(e) { me.icn3d; e.preventDefault();
             var checkboxes = document.querySelectorAll('form[name="' + me.pre + 'selmenu"] input:checked');
             me.htmlCls.shownMenus = {};
             for (var checkbox of checkboxes) {
@@ -10224,21 +10224,21 @@ class ClickMenu {
             thisClass.applyShownMenus();
          });
 
-         me.myEventCls.onIds(["#" + me.pre + "reset_menupref", "#" + me.pre + "reset_menupref2"], "click", function(e) { me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds(["#" + me.pre + "reset_menupref", "#" + me.pre + "reset_menupref2"], "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
 
             thisClass.applyShownMenus();
             thisClass.displayShownMenus();
          });
 
-         me.myEventCls.onIds(["#" + me.pre + "reset_menupref_all", "#" + me.pre + "reset_menupref_all2"], "click", function(e) { me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds(["#" + me.pre + "reset_menupref_all", "#" + me.pre + "reset_menupref_all2"], "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.allMenus);
 
             thisClass.applyShownMenus();
             thisClass.displayShownMenus();
          });
 
-         me.myEventCls.onIds(["#" + me.pre + "savepref", "#" + me.pre + "savepref2"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds(["#" + me.pre + "savepref", "#" + me.pre + "savepref2"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
             let menuStr = '[';
 
             //var checkboxes = document.querySelectorAll('form[name="' + me.pre + 'selmenu"] input:checked');
@@ -10287,30 +10287,30 @@ class ClickMenu {
             }
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_menuloadpref", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_menuloadpref", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_menuloadpref', 'Please input the menu preference file');
         });
          
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_link_structure", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_link_structure", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let url = ic.saveFileCls.getLinkToStructureSummary(true);
            let urlTarget = (ic.structures && Object.keys(ic.structures).length > 0) ? '_blank' : '_self';
            window.open(url, urlTarget);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_alphafold", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_alphafold", "click", function(e) { me.icn3d; e.preventDefault();
            let url = 'https://github.com/sokrypton/ColabFold';
            window.open(url, '_blank');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_link_bind", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_link_bind", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let url = "https://www.ncbi.nlm.nih.gov/pccompound?LinkName=pccompound_structure&from_uid=" + ic.inputid;
            thisClass.setLogCmd("link to 3D protein structures bound to CID " + ic.inputid + ": " + url, false);
            let urlTarget = (ic.structures && Object.keys(ic.structures).length > 0) ? '_blank' : '_self';
            window.open(url, urlTarget);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_link_vast", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_link_vast", "click", function(e) { let ic = me.icn3d; e.preventDefault();
          let url;  
          if(ic.inputid === undefined) {
                url = "https://www.ncbi.nlm.nih.gov/pccompound?term=" + ic.molTitle;
@@ -10339,7 +10339,7 @@ class ClickMenu {
            window.open(url, urlTarget);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_link_pubmed", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_link_pubmed", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let url;
            if(ic.inputid === undefined) {
                url = "https://www.ncbi.nlm.nih.gov/pubmed/?term=" + ic.molTitle;
@@ -10383,7 +10383,7 @@ class ClickMenu {
            }
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_link_protein", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_link_protein", "click", function(e) { let ic = me.icn3d; e.preventDefault();
           //ic.saveFileCls.setEntrezLinks('protein');
           let structArray = Object.keys(ic.structures);
           let chainArray = Object.keys(ic.chains);
@@ -10408,19 +10408,19 @@ class ClickMenu {
 
         let thisClass = this;
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_selectannotations", "#" + me.pre + "tool_selectannotations"], "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_selectannotations", "#" + me.pre + "tool_selectannotations"], "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            await ic.showAnnoCls.showAnnotations();
            thisClass.setLogCmd("view annotations", true);
            //thisClass.setLogCmd("window annotations", true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_selectall", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_selectall", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select all", true);
            ic.selectionCls.selectAll();
            ic.hlUpdateCls.removeHlAll();
            ic.drawCls.draw();
         });
-        me.myEventCls.onIds("#" + me.pre + "clearall", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "clearall", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("clear all", true);
            ic.bSelectResidue = false;
            ic.selectionCls.selectAll();
@@ -10428,7 +10428,7 @@ class ClickMenu {
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_selectdisplayed", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_selectdisplayed", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select displayed set", true);
            //ic.hAtoms = me.hashUtilsCls.cloneHash(ic.dAtoms);
            ic.hAtoms = me.hashUtilsCls.cloneHash(ic.viewSelectionAtoms);
@@ -10436,106 +10436,106 @@ class ClickMenu {
            //ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_fullstru", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_fullstru", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("show all", true);
            ic.selectionCls.showAll();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_selectcomplement", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_selectcomplement", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            if(Object.keys(ic.hAtoms).length < Object.keys(ic.atoms).length) {
                thisClass.setLogCmd("select complement", true);
                ic.resid2specCls.selectComplement();
            }
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_selectmainchains", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_selectmainchains", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select main chains", true);
            ic.selectionCls.selectMainChains();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_selectsidechains", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_selectsidechains", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select side chains", true);
            ic.selectionCls.selectSideChains();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_selectmainsidechains", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_selectmainsidechains", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select main side chains", true);
            ic.selectionCls.selectMainSideChains();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_propPos", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_propPos", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select prop positive", true);
            ic.resid2specCls.selectProperty('positive');
         });
-        me.myEventCls.onIds("#" + me.pre + "mn2_propNeg", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_propNeg", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select prop negative", true);
            ic.resid2specCls.selectProperty('negative');
         });
-        me.myEventCls.onIds("#" + me.pre + "mn2_propHydro", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_propHydro", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select prop hydrophobic", true);
            ic.resid2specCls.selectProperty('hydrophobic');
         });
-        me.myEventCls.onIds("#" + me.pre + "mn2_propPolar", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_propPolar", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            thisClass.setLogCmd("select prop polar", true);
            ic.resid2specCls.selectProperty('polar');
         });
-        me.myEventCls.onIds("#" + me.pre + "mn2_propBfactor", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_propBfactor", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_propbybfactor', 'Select residue based on B-factor/pLDDT');
         });
-        me.myEventCls.onIds("#" + me.pre + "mn2_propSolAcc", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_propSolAcc", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_propbypercentout', 'Select residue based on the percentage of solvent accessilbe surface area');
         });
-        me.myEventCls.onIds("#" + me.pre + "applypropbybfactor", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "applypropbybfactor", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let from = $("#" + me.pre + "minbfactor").val();
            let to = $("#" + me.pre + "maxbfactor").val();
            thisClass.setLogCmd("select prop b factor | " + from + '_' + to, true);
            ic.resid2specCls.selectProperty('b factor', from, to);
         });
-        me.myEventCls.onIds("#" + me.pre + "applypropbypercentout", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "applypropbypercentout", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let from = $("#" + me.pre + "minpercentout").val();
            let to = $("#" + me.pre + "maxpercentout").val();
            thisClass.setLogCmd("select prop percent out | " + from + '_' + to, true);
            ic.resid2specCls.selectProperty('percent out', from, to);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_alignment", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_alignment", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_alignment', 'Select residues in aligned sequences');
            thisClass.setLogCmd("window aligned sequences", true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_window_table", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_window_table", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_allinteraction', 'Show interactions');
            thisClass.setLogCmd("window interaction table", true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_window_linegraph", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_window_linegraph", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_linegraph', 'Show interactions between two lines of residue nodes');
            thisClass.setLogCmd("window interaction graph", true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_window_scatterplot", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_window_scatterplot", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_scatterplot', 'Show interactions as map');
            thisClass.setLogCmd("window interaction scatterplot", true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn1_window_graph", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_window_graph", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_graph', 'Force-directed graph');
            thisClass.setLogCmd("window force-directed graph", true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_yournote", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_yournote", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_yournote', 'Your note about the current display');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "applyyournote", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "applyyournote", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.yournote = $("#" + me.pre + "yournote").val();
            if(me.cfg.shownote) document.title = ic.yournote;
            if(!me.cfg.notebook) dialog.dialog( "close" );
            thisClass.setLogCmd('your note | ' + ic.yournote, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_command", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_command", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_advanced2', 'Select by specification');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn2_definedsets", "#" + me.pre + "definedsets", "#" + me.pre + "definedsets2", "#" + me.pre + "tool_definedsets"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn2_definedsets", "#" + me.pre + "definedsets", "#" + me.pre + "definedsets2", "#" + me.pre + "tool_definedsets"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.definedSetsCls.showSets();
            thisClass.setLogCmd('defined sets', true);
            //thisClass.setLogCmd('window defined sets', true);
@@ -10554,7 +10554,7 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_pkNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_pkNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pk = 0;
            ic.opts['pk'] = 'no';
            thisClass.setLogCmd('set pk off', true);
@@ -10562,50 +10562,50 @@ class ClickMenu {
            ic.hlObjectsCls.removeHlObjects();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_pkYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_pkYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pk = 1;
            ic.opts['pk'] = 'atom';
            thisClass.setLogCmd('set pk atom', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_pkResidue", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_pkResidue", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pk = 2;
            ic.opts['pk'] = 'residue';
            thisClass.setLogCmd('set pk residue', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_pkStrand", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_pkStrand", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pk = 3;
            ic.opts['pk'] = 'strand';
            thisClass.setLogCmd('set pk strand', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_pkDomain", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_pkDomain", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pk = 4;
            ic.opts['pk'] = 'domain';
            thisClass.setLogCmd('set pk domain', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn2_pkChain", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn2_pkChain", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pk = 5;
            ic.opts['pk'] = 'chain';
            thisClass.setLogCmd('set pk chain', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "adjustmem", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "adjustmem", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_adjustmem', 'Adjust the Z-axis positions of the membrane');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "togglemem", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "togglemem", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.selectionCls.toggleMembrane();
            thisClass.setLogCmd('toggle membrane', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "selectplane", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "selectplane", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_selectplane', 'Select a region between two planes');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn2_aroundsphere", "#" + me.pre + "tool_aroundsphere"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn2_aroundsphere", "#" + me.pre + "tool_aroundsphere"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
             thisClass.SetChainsAdvancedMenu();
 
             let definedAtomsHtml = ic.definedSetsCls.setAtomMenu(['protein']);
@@ -10622,7 +10622,7 @@ class ClickMenu {
             $("#" + me.pre + "atomsCustomSphere2").resizable();
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn2_select_chain", "#" + me.pre + "definedSets"], "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn2_select_chain", "#" + me.pre + "definedSets"], "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_select_chain', 'Select Structure/Chain/Custom Selection');
         });
 
@@ -10633,242 +10633,242 @@ class ClickMenu {
 
         let thisClass = this;
     // mn 3
-        me.myEventCls.onIds(["#" + me.pre + "mn3_proteinsRibbon","#" + me.pre + "tool_proteinsRibbon"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn3_proteinsRibbon","#" + me.pre + "tool_proteinsRibbon"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'ribbon');
            thisClass.setLogCmd('style proteins ribbon', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsStrand", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsStrand", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'strand');
            thisClass.setLogCmd('style proteins strand', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsCylinder", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsCylinder", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'cylinder and plate');
            thisClass.setLogCmd('style proteins cylinder and plate', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsSchematic", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsSchematic", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'schematic');
            thisClass.setLogCmd('style proteins schematic', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsCalpha", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsCalpha", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'c alpha trace');
            thisClass.setLogCmd('style proteins c alpha trace', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsBackbone", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsBackbone", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'backbone');
            thisClass.setLogCmd('style proteins backbone', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsBfactor", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsBfactor", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'b factor tube');
            thisClass.setLogCmd('style proteins b factor tube', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsLines", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsLines", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'lines');
            thisClass.setLogCmd('style proteins lines', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsStick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsStick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'stick');
            thisClass.setLogCmd('style proteins stick', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn3_proteinsBallstick", "#" + me.pre + "tool_proteinsBallstick"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn3_proteinsBallstick", "#" + me.pre + "tool_proteinsBallstick"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'ball and stick');
            thisClass.setLogCmd('style proteins ball and stick', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn3_proteinsSphere", "#" + me.pre + "tool_proteinsSphere"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn3_proteinsSphere", "#" + me.pre + "tool_proteinsSphere"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'sphere');
            thisClass.setLogCmd('style proteins sphere', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_proteinsNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('proteins', 'nothing');
            thisClass.setLogCmd('style proteins nothing', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_sidecLines", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_sidecLines", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('sidec', 'lines2');
            thisClass.setLogCmd('style sidec lines2', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_sidecStick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_sidecStick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('sidec', 'stick2');
            thisClass.setLogCmd('style sidec stick2', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_sidecBallstick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_sidecBallstick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('sidec', 'ball and stick2');
            thisClass.setLogCmd('style sidec ball and stick2', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_sidecSphere", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_sidecSphere", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('sidec', 'sphere2');
            thisClass.setLogCmd('style sidec sphere2', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_sidecNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_sidecNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('sidec', 'nothing');
            thisClass.setLogCmd('style sidec nothing', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseLines", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseLines", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.setOptionCls.setStyle('ntbase', 'lines2');
             thisClass.setLogCmd('style ntbase lines2', true);
          });
  
-         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseStick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseStick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.setOptionCls.setStyle('ntbase', 'stick2');
             thisClass.setLogCmd('style ntbase stick2', true);
          });
  
-         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseBallstick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseBallstick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.setOptionCls.setStyle('ntbase', 'ball and stick2');
             thisClass.setLogCmd('style ntbase ball and stick2', true);
          });
  
-         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseSphere", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseSphere", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.setOptionCls.setStyle('ntbase', 'sphere2');
             thisClass.setLogCmd('style ntbase sphere2', true);
          });
  
-         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn3_ntbaseNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.setOptionCls.setStyle('ntbase', 'nothing');
             thisClass.setLogCmd('style ntbase nothing', true);
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclCartoon", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclCartoon", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'nucleotide cartoon');
            thisClass.setLogCmd('style nucleotides nucleotide cartoon', true);
        });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclBackbone", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclBackbone", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'backbone');
            thisClass.setLogCmd('style nucleotides backbone', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclSchematic", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclSchematic", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'schematic');
            thisClass.setLogCmd('style nucleotides schematic', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclPhos", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclPhos", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'o3 trace');
            thisClass.setLogCmd('style nucleotides o3 trace', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclLines", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclLines", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'lines');
            thisClass.setLogCmd('style nucleotides lines', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclStick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclStick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'stick');
            thisClass.setLogCmd('style nucleotides stick', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclBallstick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclBallstick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'ball and stick');
            thisClass.setLogCmd('style nucleotides ball and stick', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclSphere", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclSphere", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'sphere');
            thisClass.setLogCmd('style nucleotides sphere', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_nuclNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_nuclNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('nucleotides', 'nothing');
            thisClass.setLogCmd('style nucleotides nothing', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ligLines", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ligLines", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('chemicals', 'lines');
            thisClass.setLogCmd('style chemicals lines', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ligStick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ligStick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('chemicals', 'stick');
            thisClass.setLogCmd('style chemicals stick', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ligBallstick", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ligBallstick", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('chemicals', 'ball and stick');
            thisClass.setLogCmd('style chemicals ball and stick', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ligSchematic", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ligSchematic", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('chemicals', 'schematic');
            thisClass.setLogCmd('style chemicals schematic', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ligSphere", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ligSphere", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('chemicals', 'sphere');
            thisClass.setLogCmd('style chemicals sphere', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ligNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ligNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('chemicals', 'nothing');
            thisClass.setLogCmd('style chemicals nothing', true);
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_glycansCartYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_glycansCartYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bGlycansCartoon = true;
            ic.drawCls.draw();
            thisClass.setLogCmd('glycans cartoon yes', true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn3_glycansCartNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_glycansCartNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bGlycansCartoon = false;
            ic.drawCls.draw();
            thisClass.setLogCmd('glycans cartoon no', true);
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_hydrogensYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_hydrogensYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.showInterCls.showHydrogens();
            ic.drawCls.draw();
            thisClass.setLogCmd('hydrogens', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_hydrogensNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_hydrogensNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.showInterCls.hideHydrogens();
            ic.drawCls.draw();
            thisClass.setLogCmd('set hydrogens off', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ionsSphere", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ionsSphere", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('ions', 'sphere');
            thisClass.setLogCmd('style ions sphere', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ionsDot", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ionsDot", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('ions', 'dot');
            thisClass.setLogCmd('style ions dot', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_ionsNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_ionsNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('ions', 'nothing');
            thisClass.setLogCmd('style ions nothing', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_waterSphere", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_waterSphere", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('water', 'sphere');
            thisClass.setLogCmd('style water sphere', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_waterDot", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_waterDot", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('water', 'dot');
            thisClass.setLogCmd('style water dot', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_waterNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_waterNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setStyle('water', 'nothing');
            thisClass.setLogCmd('style water nothing', true);
         });
@@ -10880,16 +10880,16 @@ class ClickMenu {
 
         let thisClass = this;
     // mn 4
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrum", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrum", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'spectrum');
            thisClass.setLogCmd('color spectrum', true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrumChain", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrumChain", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'spectrum for chains');
            thisClass.setLogCmd('color spectrum for chains', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrumAcrossSets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrumAcrossSets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
              thisClass.SetChainsAdvancedMenu();
              let definedAtomsHtml = ic.definedSetsCls.setAtomMenu(['protein']);
              if($("#" + me.pre + "atomsCustomColorSpectrumAcross").length) {
@@ -10900,7 +10900,7 @@ class ClickMenu {
              $("#" + me.pre + "atomsCustomColorSpectrumAcross").resizable();
          });
 
-         me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrumSets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn4_clrSpectrumSets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
              thisClass.SetChainsAdvancedMenu();
              let definedAtomsHtml = ic.definedSetsCls.setAtomMenu(['protein']);
              if($("#" + me.pre + "atomsCustomColorSpectrum").length) {
@@ -10911,7 +10911,7 @@ class ClickMenu {
              $("#" + me.pre + "atomsCustomColorSpectrum").resizable();
          });
 
-         me.myEventCls.onIds("#" + me.pre + "mn4_clrRainbowAcrossSets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn4_clrRainbowAcrossSets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
              thisClass.SetChainsAdvancedMenu();
              let definedAtomsHtml = ic.definedSetsCls.setAtomMenu(['protein']);
              if($("#" + me.pre + "atomsCustomColorRainbowAcross").length) {
@@ -10922,7 +10922,7 @@ class ClickMenu {
              $("#" + me.pre + "atomsCustomColorRainbowAcross").resizable();
          });
 
-         me.myEventCls.onIds("#" + me.pre + "mn4_clrRainbowSets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn4_clrRainbowSets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
              thisClass.SetChainsAdvancedMenu();
              let definedAtomsHtml = ic.definedSetsCls.setAtomMenu(['protein']);
              if($("#" + me.pre + "atomsCustomColorRainbow").length) {
@@ -10933,59 +10933,60 @@ class ClickMenu {
              $("#" + me.pre + "atomsCustomColorRainbow").resizable();
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrRainbow", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrRainbow", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'rainbow');
+
            thisClass.setLogCmd('color rainbow', true);
         });
-        me.myEventCls.onIds(["#" + me.pre + "mn4_clrRainbowChain", "#" + me.pre + "tool_clrRainbowChain"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn4_clrRainbowChain", "#" + me.pre + "tool_clrRainbowChain"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'rainbow for chains');
            thisClass.setLogCmd('color rainbow for chains', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn4_clrChain", "#" + me.pre + "tool_clrChain"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn4_clrChain", "#" + me.pre + "tool_clrChain"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'chain');
            thisClass.setLogCmd('color chain', true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrStructure", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrStructure", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.setOptionCls.setOption('color', 'structure');
             thisClass.setLogCmd('color structure', true);
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrdomain", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrdomain", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'domain');
            thisClass.setLogCmd('color domain', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrsets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrsets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'defined sets');
            thisClass.setLogCmd('color defined sets', true);
         });
 
 
-        me.myEventCls.onIds(["#" + me.pre + "mn4_clrSSGreen", "#" + me.pre + "tool_clrSSGreen"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn4_clrSSGreen", "#" + me.pre + "tool_clrSSGreen"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.sheetcolor = 'green';
            ic.setOptionCls.setOption('color', 'secondary structure green');
            thisClass.setLogCmd('color secondary structure green', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrSSYellow", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrSSYellow", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.sheetcolor = 'yellow';
            ic.setOptionCls.setOption('color', 'secondary structure yellow');
            thisClass.setLogCmd('color secondary structure yellow', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrSSSpectrum", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrSSSpectrum", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'secondary structure spectrum');
            thisClass.setLogCmd('color secondary structure spectrum', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrResidue", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrResidue", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 2;
             ic.setOptionCls.setOption('color', 'residue');
             thisClass.setLogCmd('color residue', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrResidueCustom", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrResidueCustom", "click", function(e) { me.icn3d; e.preventDefault();
             //ic.legendClick = 2;
             me.htmlCls.dialogCls.openDlg('dl_rescolorfile', 'Please input the file on residue colors');
         });
@@ -11031,12 +11032,12 @@ class ClickMenu {
            ic.addTrackCls.setCustomFile('color', ic.startColor, ic.midColor, ic.endColor);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_customref", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_customref", "click", function(e) { me.icn3d; e.preventDefault();
  
             me.htmlCls.dialogCls.openDlg('dl_customref', 'Set custom reference numbers');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "reload_customreffile", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "reload_customreffile", "click", function(e) { let ic = me.icn3d; e.preventDefault();
  
             if(!me.cfg.notebook) dialog.dialog( "close" );
             
@@ -11073,82 +11074,82 @@ class ClickMenu {
            ic.addTrackCls.setCustomFile('tube');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrCharge", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrCharge", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 3;
             ic.setOptionCls.setOption('color', 'charge');
             thisClass.setLogCmd('color charge', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrHydrophobic", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrHydrophobic", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 4; 
             ic.setOptionCls.setOption('color', 'hydrophobic');
             thisClass.setLogCmd('color hydrophobic', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrNormalizedHP", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrNormalizedHP", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 4;
             ic.setOptionCls.setOption('color', 'normalized hydrophobic');
             thisClass.setLogCmd('color normalized hydrophobic', true);
         });
 
 
-        me.myEventCls.onIds(["#" + me.pre + "mn4_clrAtom", "#" + me.pre + "tool_clrAtom"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn4_clrAtom", "#" + me.pre + "tool_clrAtom"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 1;
             ic.setOptionCls.setOption('color', 'atom');
             thisClass.setLogCmd('color atom', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrBfactor", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrBfactor", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 5;
             ic.setOptionCls.setOption('color', 'b factor');
             thisClass.setLogCmd('color b factor', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrConfidence", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrConfidence", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 6;
             ic.setOptionCls.setOption('color', 'confidence');
             thisClass.setLogCmd('color confidence', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrIgstrand", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrIgstrand", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 6;
             ic.setOptionCls.setOption('color', 'ig strand');
             thisClass.setLogCmd('color ig strand', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrIgproto", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrIgproto", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             //ic.legendClick = 6;
             ic.setOptionCls.setOption('color', 'ig protodomain');
             thisClass.setLogCmd('color ig protodomain', true);
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrArea", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrArea", "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_colorbyarea', "Color based on residue's solvent accessibility");
         });
-        me.myEventCls.onIds("#" + me.pre + "applycolorbyarea", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "applycolorbyarea", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.midpercent = $("#" + me.pre + 'midpercent').val();
             ic.setOptionCls.setOption('color', 'area');
             thisClass.setLogCmd('color area | ' + ic.midpercent, true);
 
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrBfactorNorm", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrBfactorNorm", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'b factor percentile');
            thisClass.setLogCmd('color b factor percentile', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrIdentity", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrIdentity", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'identity');
            thisClass.setLogCmd('color identity', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrConserved", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrConserved", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('color', 'conservation');
            thisClass.setLogCmd('color conservation', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrCustom", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrCustom", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_clr', 'Color picker');
         });
 
@@ -11157,25 +11158,26 @@ class ClickMenu {
           //e.preventDefault();
           let color = $(this).attr('color');
           ic.setOptionCls.setOption("color", color);
+
           thisClass.setLogCmd("color " + color, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrSave", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrSave", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.saveColor();
            thisClass.setLogCmd('save color', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn4_clrApplySave", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrApplySave", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.applySavedColor();
            thisClass.setLogCmd('apply saved color', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_styleSave", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_styleSave", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.saveStyle();
            thisClass.setLogCmd('save style', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_styleApplySave", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_styleApplySave", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.applySavedStyle();
            thisClass.setLogCmd('apply saved style', true);
         });
@@ -11187,7 +11189,7 @@ class ClickMenu {
 
         let thisClass = this;
     // mn 5
-        me.myEventCls.onIds("#" + me.pre + "mn5_neighborsYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_neighborsYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = true;
            ic.applyMapCls.removeLastSurface();
            ic.applyMapCls.applySurfaceOptions();
@@ -11195,7 +11197,7 @@ class ClickMenu {
            thisClass.setLogCmd('set surface neighbors on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_neighborsNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_neighborsNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = false;
            ic.applyMapCls.removeLastSurface();
            ic.applyMapCls.applySurfaceOptions();
@@ -11203,48 +11205,48 @@ class ClickMenu {
            thisClass.setLogCmd('set surface neighbors off', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn5_surfaceVDW", "#" + me.pre + "tool_surfaceVDW"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn5_surfaceVDW", "#" + me.pre + "tool_surfaceVDW"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = false;
            ic.setOptionCls.setOption('surface', 'Van der Waals surface');
            thisClass.setLogCmd('set surface Van der Waals surface', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceSAS", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceSAS", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = false;
            ic.setOptionCls.setOption('surface', 'solvent accessible surface');
            thisClass.setLogCmd('set surface solvent accessible surface', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceMolecular", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceMolecular", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = false;
            ic.setOptionCls.setOption('surface', 'molecular surface');
            thisClass.setLogCmd('set surface molecular surface', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceVDWContext", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceVDWContext", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = true;
            ic.setOptionCls.setOption('surface', 'Van der Waals surface with context');
            thisClass.setLogCmd('set surface Van der Waals surface with context', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceSASContext", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceSASContext", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = true;
            ic.setOptionCls.setOption('surface', 'solvent accessible surface with context');
            thisClass.setLogCmd('set surface solvent accessible surface with context', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceMolecularContext", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceMolecularContext", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bConsiderNeighbors = true;
            ic.setOptionCls.setOption('surface', 'molecular surface with context');
            thisClass.setLogCmd('set surface molecular surface with context', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_surfaceNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('surface', 'nothing');
            thisClass.setLogCmd('set surface nothing', true);
         });
 
-        $(document).on("click", "." + me.pre + "mn5_opacity", function(e) { let ic = me.icn3d; //e.preventDefault();
+        $(document).on("click", "." + me.pre + "mn5_opacity", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.transparentRenderOrder = false;
 
             let value = $(this).attr('v');
@@ -11252,7 +11254,7 @@ class ClickMenu {
            thisClass.setLogCmd('set surface opacity ' + value, true);
         });
 
-        $(document).on("click", "." + me.pre + "mn5_opacityslow", function(e) { let ic = me.icn3d; //e.preventDefault();
+        $(document).on("click", "." + me.pre + "mn5_opacityslow", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.transparentRenderOrder = true;
 
             let value = $(this).attr('v');
@@ -11260,35 +11262,35 @@ class ClickMenu {
             thisClass.setLogCmd('set surface2 opacity ' + value, true);
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_wireframeYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_wireframeYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('wireframe', 'yes');
            thisClass.setLogCmd('set surface wireframe on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_wireframeNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_wireframeNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('wireframe', 'no');
            thisClass.setLogCmd('set surface wireframe off', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_elecmap2fofc", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_elecmap2fofc", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_elecmap2fofc', '2Fo-Fc Electron Density Map');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_elecmapfofc", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_elecmapfofc", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_elecmapfofc', 'Fo-Fc Electron Density Map');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn5_elecmapNo", "#" + me.pre + "elecmapNo2", "#" + me.pre + "elecmapNo3", "#" + me.pre + "elecmapNo4", "#" + me.pre + "elecmapNo5"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn5_elecmapNo", "#" + me.pre + "elecmapNo2", "#" + me.pre + "elecmapNo3", "#" + me.pre + "elecmapNo4", "#" + me.pre + "elecmapNo5"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('map', 'nothing');
            thisClass.setLogCmd('setoption map nothing', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "delphimapNo", "#" + me.pre + "phimapNo", "#" + me.pre + "phiurlmapNo", "#" + me.pre + "mn1_phimapNo"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "delphimapNo", "#" + me.pre + "phimapNo", "#" + me.pre + "phiurlmapNo", "#" + me.pre + "mn1_phimapNo"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('phimap', 'nothing');
            thisClass.setLogCmd('setoption phimap nothing', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "delphimapNo2", "#" + me.pre + "phimapNo2", "#" + me.pre + "phiurlmapNo2"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "delphimapNo2", "#" + me.pre + "phimapNo2", "#" + me.pre + "phiurlmapNo2"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //ic.setOptionCls.setOption('surface', 'nothing');
            //thisClass.setLogCmd('set surface nothing', true);
            ic.setOptionCls.setOption('phisurface', 'nothing');
@@ -11320,22 +11322,22 @@ class ClickMenu {
            thisClass.setLogCmd('set map fofc sigma ' + sigmafofc, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_mapwireframeYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_mapwireframeYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //ic.dsn6ParserCls.dsn6Parser(ic.inputid);
            ic.setOptionCls.setOption('mapwireframe', 'yes');
            thisClass.setLogCmd('set map wireframe on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_mapwireframeNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_mapwireframeNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('mapwireframe', 'no');
            thisClass.setLogCmd('set map wireframe off', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_emmap", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_emmap", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_emmap', 'EM Density Map');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn5_emmapNo", "#" + me.pre + "emmapNo2"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn5_emmapNo", "#" + me.pre + "emmapNo2"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('emmap', 'nothing');
            thisClass.setLogCmd('setoption emmap nothing', true);
         });
@@ -11352,13 +11354,13 @@ class ClickMenu {
            thisClass.setLogCmd('set emmap percentage ' + empercentage, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_emmapwireframeYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_emmapwireframeYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //ic.dsn6ParserCls.dsn6Parser(ic.inputid);
            ic.setOptionCls.setOption('emmapwireframe', 'yes');
            thisClass.setLogCmd('set emmap wireframe on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_emmapwireframeNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_emmapwireframeNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('emmapwireframe', 'no');
            thisClass.setLogCmd('set emmap wireframe off', true);
         });
@@ -11370,19 +11372,19 @@ class ClickMenu {
 
         let thisClass = this;
     // mn 6
-        me.myEventCls.onIds("#" + me.pre + "mn6_assemblyYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_assemblyYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bAssembly = true;
            thisClass.setLogCmd('set assembly on', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_assemblyNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_assemblyNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bAssembly = false;
            thisClass.setLogCmd('set assembly off', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_igrefYes", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_igrefYes", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
             ic.bRunRefnumAgain = true;
 
             thisClass.setLogCmd('ig refnum on', true);
@@ -11405,11 +11407,11 @@ class ClickMenu {
             ic.bRunRefnumAgain = false;
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_igrefTpl", "click", async function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_igrefTpl", "click", async function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_igrefTpl', 'Choose an Ig template');
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_igrefTpl_apply", "click", async function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_igrefTpl_apply", "click", async function(e) { me.icn3d; e.preventDefault();
             if(!me.cfg.notebook) dialog.dialog( "close" );
 
             let template = $("#" + me.pre + "refTpl").val();
@@ -11419,11 +11421,11 @@ class ClickMenu {
             thisClass.setLogCmd('ig template ' + template, true);
          });
 
-         me.myEventCls.onIds("#" + me.pre + "mn6_alignrefTpl", "click", async function(e) { me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn6_alignrefTpl", "click", async function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_alignrefTpl', 'Align with an Ig template');
          });
 
-         me.myEventCls.onIds("#" + me.pre + "mn6_alignrefTpl_apply", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn6_alignrefTpl_apply", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
             if(!me.cfg.notebook) dialog.dialog( "close" );
    
             let template = $("#" + me.pre + "refTpl2").val();
@@ -11447,7 +11449,7 @@ class ClickMenu {
             thisClass.setLogCmd('realign on tmalign', true);   
          });
 
-         me.myEventCls.onIds("#" + me.pre + "mn6_igrefNo", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn6_igrefNo", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
             thisClass.setLogCmd('ig refnum off', true);
             await ic.refnumCls.hideIgRefNum();
 
@@ -11457,14 +11459,14 @@ class ClickMenu {
             // ic.drawCls.draw();
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelAtoms", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelAtoms", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.residueLabelsCls.addAtomLabels(ic.hAtoms);
            ic.selectionCls.saveSelectionIfSelected();
            thisClass.setLogCmd('add atom labels', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelElements", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelElements", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.residueLabelsCls.addAtomLabels(ic.hAtoms, true);
            ic.selectionCls.saveSelectionIfSelected();
            thisClass.setLogCmd('add element labels', true);
@@ -11472,49 +11474,49 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelResidues", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelResidues", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.residueLabelsCls.addResidueLabels(ic.hAtoms);
            ic.selectionCls.saveSelectionIfSelected();
            thisClass.setLogCmd('add residue labels', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelResnum", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelResnum", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.residueLabelsCls.addResidueLabels(ic.hAtoms, undefined, undefined, true);
            ic.selectionCls.saveSelectionIfSelected();
            thisClass.setLogCmd('add residue number labels', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelRefnum", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelRefnum", "click", function(e) { let ic = me.icn3d; e.preventDefault();
          ic.residueLabelsCls.addResidueLabels(ic.hAtoms, undefined, undefined, undefined, true);
          ic.selectionCls.saveSelectionIfSelected();
          thisClass.setLogCmd('add reference number labels', true);
          ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelIg", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelIg", "click", function(e) { let ic = me.icn3d; e.preventDefault();
          ic.residueLabelsCls.addIgLabels(ic.hAtoms);
          ic.selectionCls.saveSelectionIfSelected();
          thisClass.setLogCmd('add ig labels', true);
          ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelChains", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelChains", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.analysisCls.addChainLabels(ic.hAtoms);
            ic.selectionCls.saveSelectionIfSelected();
            thisClass.setLogCmd('add chain labels', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelTermini", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelTermini", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.analysisCls.addTerminiLabels(ic.hAtoms);
            ic.selectionCls.saveSelectionIfSelected();
            thisClass.setLogCmd('add terminal labels', true);
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_addlabel', 'Add custom labels by selection');
            ic.pk = 1;
            ic.opts['pk'] = 'atom';
@@ -11522,19 +11524,19 @@ class ClickMenu {
            ic.pAtomNum = 0;
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelSelection", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_addlabelSelection", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_addlabelselection', 'Add custom labels by the selected');
         });
 
-         me.myEventCls.onIds("#" + me.pre + "mn6_labelColor", "click", function(e) { me.icn3d; //e.preventDefault();
+         me.myEventCls.onIds("#" + me.pre + "mn6_labelColor", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_labelColor', 'Change color for all labels');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn2_saveselection","#" + me.pre + "tool_saveselection"], "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn2_saveselection","#" + me.pre + "tool_saveselection"], "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_saveselection', 'Save the selected');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_addlabelNo", "#" + me.pre + "removeLabels"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_addlabelNo", "#" + me.pre + "removeLabels"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.labelcolor = undefined;
             ic.pickpair = false;
            //ic.labels['residue'] = [];
@@ -11549,14 +11551,14 @@ class ClickMenu {
            ic.drawCls.draw();
         });
 
-        $(document).on("click", "." + me.pre + "mn6_labelscale", function(e) { let ic = me.icn3d; //e.preventDefault();
+        $(document).on("click", "." + me.pre + "mn6_labelscale", function(e) { let ic = me.icn3d; e.preventDefault();
            let value = $(this).attr('v');
            ic.labelScale = value;
            ic.drawCls.draw();
            thisClass.setLogCmd('set label scale ' + value, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_distanceYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_distanceYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_distance', 'Measure the distance of atoms');
            ic.pk = 1;
            ic.opts['pk'] = 'atom';
@@ -11566,7 +11568,7 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_distTwoSets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_distTwoSets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_disttwosets', 'Measure the distance between two sets');
 
             thisClass.setSetsMenus('atomsCustomDist');
@@ -11574,7 +11576,7 @@ class ClickMenu {
            ic.bMeasureDistance = true;
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_distManySets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_distManySets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_distmanysets', 'Measure the pairwise distances among many sets');
 
             thisClass.setSetsMenus('atomsCustomDistTable');
@@ -11582,7 +11584,7 @@ class ClickMenu {
            ic.bMeasureDistance = true;
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_angleManySets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_angleManySets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
          me.htmlCls.dialogCls.openDlg('dl_anglemanysets', 'Measure the pairwise angles among many sets');
 
          thisClass.setSetsMenus('atomsCustomAngleTable');
@@ -11590,7 +11592,7 @@ class ClickMenu {
         ic.bMeasureAngle = true;
        });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_distanceNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_distanceNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pickpair = false;
            let select = "set lines off";
            thisClass.setLogCmd(select, true);
@@ -11601,7 +11603,7 @@ class ClickMenu {
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_cartoonshape", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_cartoonshape", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_cartoonshape', 'Draw cartoon for a set');
 
             let bOneset = true;
@@ -11610,7 +11612,7 @@ class ClickMenu {
            ic.bCartoonshape = true;
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn5_linebtwsets", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn5_linebtwsets", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_linebtwsets', 'Draw a line between two sets');
 
             thisClass.setSetsMenus('linebtwsets');
@@ -11619,21 +11621,21 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds(["#" + me.pre + "mn2_selectedcenter", "#" + me.pre + "zoomin_selection", "#" + me.pre + "tool_selectedcenter"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn2_selectedcenter", "#" + me.pre + "zoomin_selection", "#" + me.pre + "tool_selectedcenter"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //thisClass.setLogCmd('zoom selection', true);
            ic.transformCls.zoominSelection();
            ic.drawCls.draw();
            thisClass.setLogCmd('zoom selection', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_center", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_center", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //thisClass.setLogCmd('center selection', true);
            ic.applyCenterCls.centerSelection();
            ic.drawCls.draw();
            thisClass.setLogCmd('center selection', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_resetOrientation", "#" + me.pre + "resetOrientation", "#" + me.pre + "tool_resetOrientation"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_resetOrientation", "#" + me.pre + "resetOrientation", "#" + me.pre + "tool_resetOrientation"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //thisClass.setLogCmd('reset orientation', true);
            ic.transformCls.resetOrientation();
            //ic.setColorCls.applyOriginalColor();
@@ -11641,17 +11643,17 @@ class ClickMenu {
            thisClass.setLogCmd('reset orientation', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_chemicalbindingshow", "#" + me.pre + "chemicalbindingshow"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_chemicalbindingshow", "#" + me.pre + "chemicalbindingshow"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('chemicalbinding', 'show');
            thisClass.setLogCmd('set chemicalbinding show', true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_chemicalbindinghide", "#" + me.pre + "chemicalbindinghide"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_chemicalbindinghide", "#" + me.pre + "chemicalbindinghide"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('chemicalbinding', 'hide');
            thisClass.setLogCmd('set chemicalbinding hide', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_sidebyside", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_sidebyside", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            if(ic.bInputfile) {
                 alert("Side-by-Side does NOT work when the input is from a local file.");
                 return;
@@ -11670,19 +11672,19 @@ class ClickMenu {
            //}
         });
 
-        $(document).on("click", "#" + me.pre + "mn2_translate", function(e) { me.icn3d; //e.preventDefault();
+        $(document).on("click", "#" + me.pre + "mn2_translate", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_translate', 'Translate the X,Y,Z coordinates of the structure');
         });
 
-        $(document).on("click", "#" + me.pre + "mn6_angleTwoSets", function(e) { me.icn3d; //e.preventDefault();
+        $(document).on("click", "#" + me.pre + "mn6_angleTwoSets", function(e) { me.icn3d; e.preventDefault();
          me.htmlCls.dialogCls.openDlg('dl_angle', 'Measure the angle between two vectors');
         });
 
-        $(document).on("click", "#" + me.pre + "mn2_matrix", function(e) { me.icn3d; //e.preventDefault();
+        $(document).on("click", "#" + me.pre + "mn2_matrix", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_matrix', 'Apply matrix to the X,Y,Z coordinates of the structure');
         });
 
-        $(document).on("click", "." + me.pre + "mn6_rotate", function(e) { let ic = me.icn3d; //e.preventDefault();
+        $(document).on("click", "." + me.pre + "mn6_rotate", function(e) { let ic = me.icn3d; e.preventDefault();
            let value = $(this).attr('v').toLowerCase();
            let direction = value.split(' ')[1];
 
@@ -11694,7 +11696,7 @@ class ClickMenu {
            ic.resizeCanvasCls.rotStruc(direction);
         });
 
-        $(document).on("click", "." + me.pre + "mn6_rotate90", function(e) { let ic = me.icn3d; //e.preventDefault();
+        $(document).on("click", "." + me.pre + "mn6_rotate90", function(e) { let ic = me.icn3d; e.preventDefault();
           let value = $(this).attr('v').toLowerCase();
           let direction = value.split(' ')[1];
 
@@ -11713,21 +11715,21 @@ class ClickMenu {
           ic.transformCls.setRotation(axis, angle);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_cameraPers", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_cameraPers", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('camera', 'perspective');
            thisClass.setLogCmd('set camera perspective', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_cameraOrth", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_cameraOrth", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('camera', 'orthographic');
            thisClass.setLogCmd('set camera orthographic', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_bkgdBlack", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_bkgdBlack", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setStyleCls.setBackground('black');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "tool_bkgd", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "tool_bkgd", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             if(ic.opts['background'] == 'black') {
                 ic.setStyleCls.setBackground('white');
             }
@@ -11736,19 +11738,19 @@ class ClickMenu {
             }
          });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_bkgdGrey", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_bkgdGrey", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setStyleCls.setBackground('grey');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_bkgdWhite", "#" + me.pre + "tool_bkgdWhite"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_bkgdWhite", "#" + me.pre + "tool_bkgdWhite"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setStyleCls.setBackground('white');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_bkgdTransparent", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_bkgdTransparent", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setStyleCls.setBackground('transparent');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showfogYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showfogYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //ic.setOptionCls.setOption('fog', 'yes');
            ic.opts['fog'] = 'yes';
            ic.fogCls.setFog(true);
@@ -11756,7 +11758,7 @@ class ClickMenu {
            thisClass.setLogCmd('set fog on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showfogNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showfogNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            //ic.setOptionCls.setOption('fog', 'no');
            ic.opts['fog'] = 'no';
            ic.fogCls.setFog(true);
@@ -11764,22 +11766,22 @@ class ClickMenu {
            thisClass.setLogCmd('set fog off', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showslabYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showslabYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('slab', 'yes');
            thisClass.setLogCmd('set slab on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showslabNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showslabNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('slab', 'no');
            thisClass.setLogCmd('set slab off', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showaxisYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showaxisYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.setOptionCls.setOption('axis', 'yes');
            thisClass.setLogCmd('set axis on', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showaxisSel", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showaxisSel", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pc1 = true;
 
            ic.axesCls.setPc1Axes();
@@ -11787,7 +11789,7 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_showaxisNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_showaxisNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.pc1 = false;
            ic.axes = [];
 
@@ -11796,37 +11798,37 @@ class ClickMenu {
            thisClass.setLogCmd('set axis off', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_symmetry", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_symmetry", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bAxisOnly = false;
            await ic.symdCls.retrieveSymmetry(Object.keys(ic.structures)[0]);
            //me.htmlCls.dialogCls.openDlg('dl_symmetry', 'Symmetry');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_symd", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_symd", "click", async function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bAxisOnly = false;
            await ic.symdCls.retrieveSymd();
            ic.bSymd = true;
 
            thisClass.setLogCmd('symd symmetry', true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn6_clear_sym", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_clear_sym", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.symdArray = [];
            ic.drawCls.draw();
            thisClass.setLogCmd('clear symd symmetry', true);
         });
-        me.myEventCls.onIds("#" + me.pre + "mn6_axes_only", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_axes_only", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bAxisOnly = true;
            ic.drawCls.draw();
            thisClass.setLogCmd('show axis', true);
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_area", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_area", "click", function(e) { let ic = me.icn3d; e.preventDefault();
             ic.analysisCls.calculateArea();
             thisClass.setLogCmd('area', true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "applysymmetry", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "applysymmetry", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.bAxisOnly = false;
 
            let title = $("#" + me.pre + "selectSymmetry" ).val();
@@ -11836,14 +11838,14 @@ class ClickMenu {
            ic.drawCls.draw();
            thisClass.setLogCmd('symmetry ' + title, true);
         });
-        me.myEventCls.onIds("#" + me.pre + "clearsymmetry", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "clearsymmetry", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let title = 'none';
            ic.symmetrytitle = undefined;
            ic.drawCls.draw();
            thisClass.setLogCmd('symmetry ' + title, true);
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_hbondsYes", "#" + me.pre + "hbondsYes"], "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_hbondsYes", "#" + me.pre + "hbondsYes"], "click", function(e) { let ic = me.icn3d; e.preventDefault();
             thisClass.SetChainsAdvancedMenu();
 
             let definedAtomsHtml = ic.definedSetsCls.setAtomMenu(['protein']);
@@ -11860,11 +11862,11 @@ class ClickMenu {
            $("#" + me.pre + "atomsCustomHbond2").resizable();
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_contactmap"], "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_contactmap"], "click", function(e) { me.icn3d; e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_contact', 'Set contact map');
         });
 
-        me.myEventCls.onIds(["#" + me.pre + "mn6_DSSP"], "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds(["#" + me.pre + "mn6_DSSP"], "click", async function(e) { let ic = me.icn3d; e.preventDefault();
          thisClass.setLogCmd('set dssp sse', true);
          await ic.pdbParserCls.applyCommandDssp();
          ic.bResetAnno = true;
@@ -11877,12 +11879,12 @@ class ClickMenu {
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_hbondsNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_hbondsNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.showInterCls.hideHbondsContacts();
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let select = "stabilizer";
            ic.threeDPrintCls.addStabilizer();
            ic.threeDPrintCls.prepareFor3Dprint();
@@ -11890,14 +11892,14 @@ class ClickMenu {
            thisClass.setLogCmd(select, true);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let select = "set stabilizer off";
            thisClass.setLogCmd(select, true);
            ic.threeDPrintCls.hideStabilizer();
            ic.drawCls.draw();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerOne", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerOne", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_stabilizer', 'Add One Stabilizer');
            ic.pk = 1;
            ic.opts['pk'] = 'atom';
@@ -11905,7 +11907,7 @@ class ClickMenu {
            ic.pAtomNum = 0;
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerRmOne", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_stabilizerRmOne", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_stabilizer_rm', 'Remove One Stabilizer');
            ic.pk = 1;
            ic.opts['pk'] = 'atom';
@@ -11913,27 +11915,27 @@ class ClickMenu {
            ic.pAtomNum = 0;
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn1_thicknessSet", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn1_thicknessSet", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_thickness', 'Set Thickness for 3D Printing');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn3_setThickness", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn3_setThickness", "click", function(e) { me.icn3d; e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_thickness2', 'Style Preferences');
         });
 
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_ssbondsYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_ssbondsYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let select = "disulfide bonds";
            thisClass.setLogCmd(select, true);
            ic.showInterCls.showSsbonds();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_ssbondsExport", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_ssbondsExport", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.viewInterPairsCls.exportSsbondPairs();
            thisClass.setLogCmd("export disulfide bond pairs", false);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_ssbondsNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_ssbondsNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.opts["ssbonds"] = "no";
            let select = "set disulfide bonds off";
            thisClass.setLogCmd(select, true);
@@ -11941,7 +11943,7 @@ class ClickMenu {
            ic.setOptionCls.setStyle('sidec', 'nothing');
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_clbondsYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_clbondsYes", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            let select = "cross linkage";
            thisClass.setLogCmd(select, true);
            //ic.bShowCrossResidueBond = true;
@@ -11949,12 +11951,12 @@ class ClickMenu {
            ic.showInterCls.showClbonds();
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_clbondsExport", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_clbondsExport", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.viewInterPairsCls.exportClbondPairs();
            thisClass.setLogCmd("export cross linkage pairs", false);
         });
 
-        me.myEventCls.onIds("#" + me.pre + "mn6_clbondsNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "mn6_clbondsNo", "click", function(e) { let ic = me.icn3d; e.preventDefault();
            ic.opts["clbonds"] = "no";
            let select = "set cross linkage off";
            thisClass.setLogCmd(select, true);
@@ -12002,7 +12004,7 @@ class ClickMenu {
             });
         });
 
-        me.myEventCls.onIds("#" + me.pre + "jn_copy", "click", function(e) { me.icn3d; //e.preventDefault();
+        me.myEventCls.onIds("#" + me.pre + "jn_copy", "click", function(e) { me.icn3d; e.preventDefault();
             let text = $("#" + me.pre + "jn_commands").val();
             navigator.clipboard.writeText(text);
         });
@@ -12628,7 +12630,7 @@ class SetMenu {
 
         html += this.getLink('mn1_urlfile', 'URL(CORS) ' + me.htmlCls.wifiStr, undefined, 2);
         html += this.getMenuSep();
-        html += this.getLink('mn1_pngimage', 'iCn3D PNG Image', 1, 2);
+        html += this.getLink('mn1_pngimage', 'iCn3D PNG (appendable)', 1, 2);
         html += this.getLink('mn1_state', 'State/Script File', undefined, 2);
         html += this.getLink('mn1_fixedversion', 'Share Link in Archived Ver. ' + me.htmlCls.wifiStr, undefined, 2);
         html += this.getLink('mn1_selection', 'Selection File', undefined, 2);
@@ -15067,9 +15069,9 @@ class SetDialog {
         html += "</div>";
 
         html += me.htmlCls.divStr + "dl_pngimage' class='" + dialogClass + "'>";
-        html += this.addNotebookTitle('dl_pngimage', 'Please input an iCn3D PNG Image file');
-        html += "iCn3D PNG image: " + me.htmlCls.inputFileStr + "id='" + me.pre + "pngimage'><br/>";
-        html += me.htmlCls.buttonStr + "reload_pngimage' style='margin-top: 6px;'>Load</button>";
+        html += this.addNotebookTitle('dl_pngimage', 'Please append iCn3D PNG Image files');
+        html += "Multiple iCn3D PNG images: " + me.htmlCls.inputFileStr + " multiple id='" + me.pre + "pngimage' size=8><br/>";
+        html += me.htmlCls.buttonStr + "reload_pngimage' style='margin-top: 6px;'>Append</button>";
         html += "</div>";
 
         html += me.htmlCls.divStr + "dl_state' class='" + dialogClass + "'>";
@@ -16325,11 +16327,18 @@ class Events {
         }
     }
 
-    async readFile(bAppend, files, index, dataStrAll, bmmCIF) { let me = this.icn3dui, ic = me.icn3d, thisClass = this;
+    async readFile(bAppend, files, index, dataStrAll, bmmCIF, bPng) { let me = this.icn3dui, ic = me.icn3d, thisClass = this;
         let file = files[index];
         let commandName = (bAppend) ? 'append': 'load';
-        commandName += (bmmCIF) ? ' mmcif file ': ' pdb file ';
+        commandName += (bmmCIF) ? ' mmcif file ' : (bPng) ? ' png file ' : ' pdb file ';
         
+        /*
+             reader.onload = async function(e) {
+               let imageStr = e.target.result; // or = reader.result;
+               await thisClass.loadPng(dataStr);
+             }
+             */
+
         let reader = new FileReader();
         reader.onload = async function(e) {
             let dataStr = e.target.result; // or = reader.result;
@@ -16347,7 +16356,17 @@ class Events {
             }
 
             ic.bInputfile = true;
-            ic.InputfileType = (bmmCIF) ? 'mmcif' : 'pdb';
+            ic.InputfileType = (bmmCIF) ? 'mmcif' : (bPng) ? 'png' : 'pdb';
+            if(bPng) {
+                let result = await me.htmlCls.setHtmlCls.loadPng(dataStr);
+                dataStr = result.pdb;
+
+                if(!dataStr) return; // old iCn3D PNG with sharable link
+
+                if(!ic.statefileArray) ic.statefileArray = [];
+                ic.statefileArray.push(result.statefile);
+            }
+
             ic.InputfileData = (ic.InputfileData) ? ic.InputfileData + '\nENDMDL\n' + dataStr : dataStr;
 
             dataStrAll = (index > 0) ? dataStrAll + '\nENDMDL\n' + dataStr : dataStr;
@@ -16367,7 +16386,7 @@ class Events {
                 //ic.InputfileType = undefined; // reset
             }
             else {
-                await thisClass.readFile(bAppend, files, index + 1, dataStrAll, bmmCIF);
+                await thisClass.readFile(bAppend, files, index + 1, dataStrAll, bmmCIF, bPng);
             }
 
             if(bAppend) {
@@ -20080,7 +20099,7 @@ class SetHtml {
         if(me.bNode) return;
 
         let thisClass = this;
-        me.myEventCls.onIds("#" + me.pre + "reload_pngimage", "click", function(e) { let ic = me.icn3d;
+        me.myEventCls.onIds("#" + me.pre + "reload_pngimage", "click", async function(e) { let ic = me.icn3d;
            e.preventDefault();
            if(!me.cfg.notebook) dialog.dialog( "close" );
            //close all dialog
@@ -20090,30 +20109,32 @@ class SetHtml {
            else {
                ic.resizeCanvasCls.closeDialogs();
            }
-           // initialize icn3dui
-           //me.initUI();
-           ic.init();
-           let file = $("#" + me.pre + "pngimage")[0].files[0];
-           if(!file) {
+
+        //    ic.init();
+           let files = $("#" + me.pre + "pngimage")[0].files;
+           if(!files[0]) {
              alert("Please select a file before clicking 'Load'");
            }
            else {
              thisClass.fileSupport();
-             let reader = new FileReader();
-             reader.onload = async function(e) {
-               let imageStr = e.target.result; // or = reader.result;
-               await thisClass.loadPng(imageStr);
-             };
-             reader.readAsText(file);
+
+             let bAppend = true;
+             let bmmCIF = false;
+             let bPng = true;
+             await me.htmlCls.eventsCls.readFile(bAppend, files, 0, '', bmmCIF, bPng);
            }
         });
     }
 
-    async loadPng(imageStr, command) { let me = this.icn3dui, ic = me.icn3d;
+    // async loadPng(imageStr, command) { let me = this.icn3dui, ic = me.icn3d;
+    async loadPng(imageStr) { let me = this.icn3dui, ic = me.icn3d;
        let matchedStr = 'Share Link: ';
        let pos = imageStr.indexOf(matchedStr);
        let matchedStrState = "Start of state file======\n";
        let posState = imageStr.indexOf(matchedStrState);
+
+       let data = '', statefile = '';
+
        if(pos == -1 && posState == -1) {
            alert('Please load a PNG image saved by clicking the menu "File > Save File > iCn3D PNG Image"...');
        }
@@ -20127,13 +20148,14 @@ class SetHtml {
            let posData = imageStr.indexOf(matchedStrData);
            ic.bInputfile =(posData == -1) ? false : true;
            ic.bInputPNGWithData = ic.bInputfile;
-           let commandStr = (command) ? command.replace(/;/g, "\n") : '';
+        //    let commandStr = (command) ? command.replace(/;/g, "\n") : '';
+           let commandStr = '';
 
-           let statefile;
-           if(ic.bInputfile) {
+        //    let statefile;
+        //    if(ic.bInputfile) {
                let posDataEnd = imageStr.indexOf("End of data file======\n");
-               let data = imageStr.substr(posData + matchedStrData.length, posDataEnd - posData - matchedStrData.length);
-               ic.InputfileData = (ic.InputfileData) ? ic.InputfileData + '\nENDMDL\n' + data : data;
+               data = imageStr.substr(posData + matchedStrData.length, posDataEnd - posData - matchedStrData.length);
+            //    ic.InputfileData = (ic.InputfileData) ? ic.InputfileData + '\nENDMDL\n' + data : data;
 
                let matchedStrType = "Start of type file======\n";
                let posType = imageStr.indexOf(matchedStrType);
@@ -20147,7 +20169,8 @@ class SetHtml {
                statefile = imageStr.substr(posState + matchedStrState.length, posStateEnd - posState- matchedStrState.length);
                //statefile = decodeURIComponent(statefile);
                statefile = decodeURIComponent(statefile + "\n" + commandStr);
-               
+
+/*
                 if(type === 'pdb') {
                     await ic.pdbParserCls.loadPdbData(data);
 
@@ -20186,10 +20209,13 @@ class SetHtml {
                //await  ic.loadScriptCls.loadScript(statefile, true);
            }
 
-           await ic.loadScriptCls.loadScript(statefile, true);
+            await ic.loadScriptCls.loadScript(statefile, true);
 
            me.htmlCls.clickMenuCls.setLogCmd('load iCn3D PNG image ' + $("#" + me.pre + "pngimage").val(), false);
+*/
        }
+
+       return {'pdb': data, 'statefile': statefile};
     }
 
     fileSupport() {
@@ -37775,7 +37801,7 @@ class Contact {
             for (let j in neighbors) {
                let atom = neighbors[j];
 
-               if(!ic.crossstrucinter && oriAtom.structure != atom.structure) continue;
+               if(bInteraction && !ic.crossstrucinter && oriAtom.structure != atom.structure) continue;
 
                // exclude the target atoms
                if(!bIncludeTarget && atom.serial in atomlistTarget) continue;
@@ -47717,12 +47743,14 @@ class Annotation {
             chainHash[chainid] = 1;
         }
         $("#" + ic.pre + "dl_annotations > .icn3d-annotation").hide();
+
         for(let chainid in chainHash) {
             if($("#" + ic.pre + "anno_" + chainid).length) {
                 $("#" + ic.pre + "anno_" + chainid).show();
             }
+            
             let atom = ic.firstAtomObjCls.getFirstCalphaAtomObj(ic.chains[chainid]);
-            if(atom.resn !== undefined) {
+            if(atom && atom.resn !== undefined) {
                 let oneLetterRes = me.utilsCls.residueName2Abbr(atom.resn.substr(0, 3));
                 $("#" + ic.pre + "anno_" + oneLetterRes).show();
             }
@@ -50035,6 +50063,7 @@ class HlUpdate {
       if(chainArray2d !== undefined) {
           for(let i = 0, il = chainArray2d.length; i < il; ++i) {
               let hlatoms = me.hashUtilsCls.intHash(ic.chains[chainArray2d[i]], ic.hAtoms);
+              if(!ic.chains[chainArray2d[i]]) continue;
               let ratio = 1.0 * Object.keys(hlatoms).length / Object.keys(ic.chains[chainArray2d[i]]).length;
 
               let firstAtom = ic.firstAtomObjCls.getFirstCalphaAtomObj(hlatoms);
@@ -51263,6 +51292,7 @@ class GetGraph {
                let residLabel = '1_1_' + resid;
                //if(cnt > 0) nodeStr += ', ';
                let colorStr = (atom.color) ? atom.color.getHexString().toUpperCase() : '000';
+               
                nodeArray.push('{"id": "' + resName + '", "r": "' + residLabel + '", "s": "' + setName + '", "x": ' + atom.coord.x.toFixed(0)
                    + ', "y": ' + atom.coord.y.toFixed(0) + ', "c": "' + colorStr + '"}');
                if(cnt > 0 && prevChain == atom.chain &&(ic.resid2ncbi[atom.resi] == ic.resid2ncbi[prevResi] + 1 || ic.resid2ncbi[atom.resi] == ic.resid2ncbi[prevResi]) ) {
@@ -58293,7 +58323,8 @@ class PdbParser {
             await ic.mmcifParserCls.loadMmcifData(data);
         }
         else if(type === 'icn3dpng') {
-            await me.htmlCls.setHtmlCls.loadPng(data, command);
+            // await me.htmlCls.setHtmlCls.loadPng(data, command);
+            await me.htmlCls.setHtmlCls.loadPng(data);
         }
         else if(type === 'pae') {
             me.htmlCls.dialogCls.openDlg('dl_alignerrormap', 'Show Predicted Aligned Error (PAE) map');
@@ -58322,7 +58353,7 @@ class PdbParser {
             if(!ic.bStatefile) ic.init(bKeepCmd);
         }
 
-        let hAtoms = ic.loadPDBCls.loadPDB(data, pdbid, bOpm, undefined, undefined, bAppend, type, bEsmfold); // defined in the core library
+        let hAtoms = await ic.loadPDBCls.loadPDB(data, pdbid, bOpm, undefined, undefined, bAppend, type, bEsmfold); // defined in the core library
 
         if(me.cfg.opmid === undefined) ic.ParserUtilsCls.transformToOpmOri(pdbid);
 
@@ -58367,9 +58398,7 @@ class PdbParser {
             await this.applyCommandDssp(bAppend);
         }
         else {
-            // could this line be removed?
             await this.loadPdbDataRender(bAppend);
-
             if(!me.bNode) await ic.ParserUtilsCls.checkMemProteinAndRotate();
 
             /// if(ic.deferredOpm !== undefined) ic.deferredOpm.resolve();
@@ -58415,8 +58444,37 @@ class PdbParser {
             ic.definedSetsCls.setModeAndDisplay('all');
         }
 
+        if(ic.struct_statefile) {
+            for(let i = 0, il = ic.struct_statefile.length; i < il; ++i) {
+                await this.execStatefile(ic.struct_statefile[i].structure, ic.struct_statefile[i].statefile);
+            }
+        }
+
     //    if(me.deferred !== undefined) me.deferred.resolve(); /// if(ic.deferred2 !== undefined) ic.deferred2.resolve();
     }
+
+    async execStatefile(structure, statefile) {let ic = this.icn3d, me = ic.icn3dui;
+        // if(!statefile) return;
+
+        let commandArray = statefile.trim().split('\n');
+        commandArray = ['select $' + structure].concat(commandArray);
+        ic.STATENUMBER = commandArray.length;
+        ic.CURRENTNUMBER = 0;
+        let bStrict = true;
+
+        let hAtoms = me.hashUtilsCls.cloneHash(ic.hAtoms);
+        let commands = ic.commands;
+
+        // reset ic.hAtoms
+        ic.hAtoms = {};
+        ic.commands = commandArray;
+        
+        await ic.loadScriptCls.execCommands(ic.CURRENTNUMBER, ic.STATENUMBER-1, ic.STATENUMBER, bStrict);
+
+        // revert back to the original set
+        ic.hAtoms = me.hashUtilsCls.cloneHash(hAtoms);
+        ic.commands = commands.concat(ic.commands);
+    }
 }
 
 /**
@@ -63764,7 +63822,7 @@ class LoadPDB {
 
     // modified from iview (http://istar.cse.cuhk.edu.hk/iview/)
     //This PDB parser feeds the viewer with the content of a PDB file, pdbData.
-    loadPDB(src, pdbid, bOpm, bVector, bMutation, bAppend, type, bEsmfold) { let ic = this.icn3d, me = ic.icn3dui;
+    async loadPDB(src, pdbid, bOpm, bVector, bMutation, bAppend, type, bEsmfold) { let ic = this.icn3d, me = ic.icn3dui;
         let hAtoms = {};
 
         let bNMR = false;
@@ -63775,6 +63833,8 @@ class LoadPDB {
 
         if(!ic.atoms) bAppend = false;
 
+        if(ic.statefileArray) ic.struct_statefile = [];
+
         let serial, moleculeNum;
         if(!bMutation && !bAppend) {
             ic.init();
@@ -63964,11 +64024,14 @@ class LoadPDB {
 
                 ic.organism = ic.organism.substr(0, ic.organism.length - 1);
             } else if (record === 'ENDMDL') {
+                if(ic.statefileArray) {
+                    ic.struct_statefile.push({'structure': structure, 'statefile': ic.statefileArray[moleculeNum - 1]});
+                }
+
                 ++moleculeNum;
                 id = ic.defaultPdbId;
 
                 structure = this.getStructureId(id, moleculeNum, bMutation);
-
                 //helices = [];
                 //sheets = [];
                 if(!bNMR) {
@@ -64231,6 +64294,10 @@ class LoadPDB {
         if(ic.chains[chainNum] === undefined) ic.chains[chainNum] = {};
         ic.chains[chainNum] = me.hashUtilsCls.unionHash2Atoms(ic.chains[chainNum], chainsTmp, ic.atoms);
 
+        if(ic.statefileArray) {
+            ic.struct_statefile.push({'structure': structure, 'statefile': ic.statefileArray[moleculeNum - 1]});
+        }
+
         //if(!bMutation) this.adjustSeq(ic.chainMissingResidueArray);
         this.adjustSeq(ic.chainMissingResidueArray);
 
@@ -69181,14 +69248,16 @@ class LoadScript {
       for(i=start; i <= end; ++i) {
           let bFinalStep =(i === steps - 1) ? true : false;
 
-          if(!ic.commands[i].trim()) continue;
+          if(!ic.commands[i] || !ic.commands[i].trim()) {
+            continue;
+          }
+
           let nAtoms = (ic.atoms) ? Object.keys(ic.atoms).length : 0;
 
           if(nAtoms == 0 && ic.commands[i].indexOf('load') == -1) continue;
 
           let strArray = ic.commands[i].split("|||");
           let command = strArray[0].trim();
-
           // sometimes URL has an ID input, then load a structure in commands
           //if(ic.inputid) ic.bNotLoadStructure = true;
   
@@ -70543,9 +70612,11 @@ class Selection {
         ic.hAtoms = {};
         ic.dAtoms = {};
 
-        for(let i in ic.chains) {
-           ic.hAtoms = me.hashUtilsCls.unionHash(ic.hAtoms, ic.chains[i]);
-           //ic.dAtoms = me.hashUtilsCls.unionHash(ic.dAtoms, ic.chains[i]);
+        for(let structure in ic.structures) {
+            let chainidArray = ic.structures[structure];
+            for(let i = 0, il = chainidArray.length; i < il; ++i) {
+                ic.hAtoms = me.hashUtilsCls.unionHash(ic.hAtoms, ic.chains[chainidArray[i]]);
+            }
         }
 
         ic.dAtoms = me.hashUtilsCls.cloneHash(ic.hAtoms);
@@ -79920,7 +79991,7 @@ class ShareLink {
         });
     }
 
-    shareLinkUrl(bAllCommands, bOutputCmd) { let ic = this.icn3d, me = ic.icn3dui;
+    shareLinkUrl(bAllCommands, bOutputCmd, bStatefile) { let ic = this.icn3d, me = ic.icn3dui;
            let url = me.htmlCls.baseUrl + "icn3d/?";
            let outputCmd = '';
            if(me.cfg.bSidebyside) url = me.htmlCls.baseUrl + "icn3d/full2.html?";
@@ -80089,7 +80160,7 @@ class ShareLink {
                }
 
                // keep all commands in statefile
-               statefile += prevCommandStr + "\n";
+               if(prevCommandStr.indexOf('load ') == -1) statefile += prevCommandStr + "\n";
 
                prevCommandStr = commandStr;
            }
@@ -80119,14 +80190,14 @@ class ShareLink {
                url = url.replace(new RegExp('blast_rep_id=!','g'), 'blast_rep_id=' + id + '_');
            }
 
-           return (bOutputCmd) ? outputCmd : url;
+           return (bStatefile) ? statefile : (bOutputCmd) ? outputCmd : url;
     }
 
     getPngText() { let ic = this.icn3d; ic.icn3dui;
-        let url; // output state file if ic.bInputfile is true or the URL is more than 4000 chars
         let bAllCommands = true;
 
         let text = "";
+/*
         if(ic.bInputfile) {
             url = this.shareLinkUrl(bAllCommands); // output state file if ic.bInputfile is true or the URL is more than 4000 chars
 
@@ -80141,7 +80212,6 @@ class ShareLink {
 
                 text += "Start of data file======\n";
                 //text += ic.InputfileData;
-    ///            text += ic.saveFileCls.getPDBHeader();
                 text += ic.saveFileCls.getAtomPDB(ic.atoms);
 
                 text += "End of data file======\n";
@@ -80166,7 +80236,38 @@ class ShareLink {
                 text += "\nShare Link: " + url;
             }
         }
+*/
+
+        // always output PDB and commands
+        text += "\nStart of type file======\n";
+        text += "pdb\n";
+        text += "End of type file======\n";
+
+        text += "Start of data file======\n";
+        text += ic.saveFileCls.getAtomPDB(ic.atoms);
+        text += "End of data file======\n";
+
+        let bStatefile = true;
+        let commands = this.shareLinkUrl(bAllCommands, undefined, bStatefile);
+        text += "Start of state file======\n";
+        text += commands + "\n";
+        text += "End of state file======\n";
+/*
+        if(ic.bInputfile) {
+            url = this.shareLinkUrl(bAllCommands); // output state file if ic.bInputfile is true or the URL is more than 4000 chars
 
+            if(url.substr(0,4) == 'http') {
+                text += "\nShare Link: " + url;
+            }
+        }
+        else {
+            url = this.shareLinkUrl();
+            let bTooLong =(url.length > 4000 || url.indexOf('http') !== 0) ? true : false;
+            if(!bTooLong) {
+                text += "\nShare Link: " + url;
+            }
+        }
+*/
         text = text.replace(/!/g, Object.keys(ic.structures)[0] + '_');
 
         return text;
@@ -83002,7 +83103,7 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.35.0';
+    this.REVISION = '3.36.0';
 
     // In nodejs, iCn3D defines "window = {navigator: {}}"
     this.bNode = (Object.keys(window).length < 2) ? true : false;