icn3d 3.40.5 → 3.42.0

package/icn3d.module.js

@@ -2532,7 +2532,6 @@ THREE.TrackballControls = function ( object, domElement, icn3d ) {
                     _this._panStart.add( mouseChange.subVectors( _this._panEnd, _this._panStart ).multiplyScalar( _this.dynamicDampingFactor ) );
 
                 }
-
             }
         }
 
@@ -3569,6 +3568,103 @@ THREE.OrthographicTrackballControls = function ( object, domElement, icn3d ) { v
 THREE.OrthographicTrackballControls.prototype = Object.create( THREE.EventDispatcher.prototype );
 THREE.OrthographicTrackballControls.prototype.constructor = THREE.OrthographicTrackballControls;
 
+/**
+ * @author alteredq / http://alteredqualia.com/
+ * @authod mrdoob / http://mrdoob.com/
+ * @authod arodic / http://aleksandarrodic.com/
+ * modified by Jiyao Wang
+ */
+
+THREE.StereoEffect = function ( renderer ) {
+    var _this = this;
+    // API
+
+    _this.separation = 3; // 1;
+
+    // internals
+
+    // _this._width, _this._height;
+
+    _this._position = new THREE.Vector3();
+    _this._quaternion = new THREE.Quaternion();
+    _this._scale = new THREE.Vector3();
+
+    _this._cameraL = new THREE.PerspectiveCamera();
+    _this._cameraR = new THREE.PerspectiveCamera();
+
+    // initialization
+
+    renderer.autoClear = false;
+
+    _this.setSize = function ( width, height ) {
+
+        _this._width = width / 2;
+        _this._height = height;
+
+        renderer.setSize( width, height );
+
+    };
+
+    _this.render = function ( scene, camera ) {
+
+        scene.updateMatrixWorld();
+
+        if ( camera.parent === undefined ) camera.updateMatrixWorld();
+    
+        camera.matrixWorld.decompose( _this._position, _this._quaternion, _this._scale );
+
+        // left
+        _this._cameraL.copy(camera);
+        _this._cameraL.aspect = 0.5 * camera.aspect;
+        _this._cameraL.updateProjectionMatrix();
+        
+/*
+        _this._cameraL.fov = camera.fov;
+        _this._cameraL.aspect = 0.5 * camera.aspect;
+        _this._cameraL.near = camera.near;
+        _this._cameraL.far = camera.far;
+        _this._cameraL.updateProjectionMatrix();
+
+        _this._cameraL.position.copy( _this._position );
+        // _this._cameraL.quaternion.copy( _this._quaternion );
+*/
+        _this._cameraL.translateX( - _this.separation );
+
+        // right
+        _this._cameraR.copy(camera);
+        _this._cameraR.aspect = 0.5 * camera.aspect;
+        _this._cameraR.updateProjectionMatrix();
+
+/*
+        _this._cameraR.fov = camera.fov;
+        _this._cameraR.aspect = 0.5 * camera.aspect;
+        _this._cameraR.near = camera.near;
+        _this._cameraR.far = camera.far;
+        // _this._cameraR.projectionMatrix = _this._cameraL.projectionMatrix;
+        _this._cameraR.updateProjectionMatrix();
+
+        _this._cameraR.position.copy( _this._position );
+        // _this._cameraR.quaternion.copy( _this._quaternion );
+*/
+
+        _this._cameraR.translateX( _this.separation );
+
+        //
+
+        renderer.setViewport( 0, 0, _this._width * 2, _this._height );
+        renderer.clear();
+
+        renderer.setViewport( 0, 0, _this._width, _this._height );
+        renderer.render( scene, _this._cameraL );
+
+        renderer.setViewport( _this._width, 0, _this._width, _this._height );
+        renderer.render( scene, _this._cameraR );
+
+    };
+
+};
+
+
 
 // ; var __CIFTools = function () {
 //   'use strict';
@@ -9706,6 +9802,7 @@ class ClickMenu {
 
     applyShownMenus(bNoSave) { let me = this.icn3dui; me.icn3d;
         let idArray = [];
+
         for(let id in me.htmlCls.allMenus) {
             if(me.htmlCls.shownMenus.hasOwnProperty(id)) {
                 $("#" + me.pre + id).parent().show();
@@ -9728,9 +9825,9 @@ class ClickMenu {
     }
 
     getHiddenMenusFromCache() { let me = this.icn3dui; me.icn3d;
-      // me.htmlCls.shownMenus = {};
+      me.htmlCls.shownMenus = {};
 
-      // let mode = me.htmlCls.setHtmlCls.getCookie('menumode');
+      let mode = me.htmlCls.setHtmlCls.getCookie('menumode');
 
       let idArrayStr = (localStorage) ? localStorage.getItem('hiddenmenus') : '';
       
@@ -9739,31 +9836,23 @@ class ClickMenu {
 
          let idArray = JSON.parse(idArrayStr);
 
-         // for(let i = 0, il = idArray.length; i < il; ++i) {
-         //     me.htmlCls.shownMenus[idArray[i]] = 1;
-         // }
          for(let menu in me.htmlCls.allMenus) {
             if(idArray.indexOf(menu) == -1) {
                me.htmlCls.shownMenus[menu] = 1;
             }
          }
       }
-      //###
       else {
-         me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.allMenus);
+         if(mode == 'all') {
+            me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.allMenus);
+         }
+         else if(!mode || mode == 'simple') {
+            me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
+         }
+         else {
+            me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
+         }
       }
-
-      // else {
-      //    if(mode == 'all') {
-      //       me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.allMenus);
-      //    }
-      //    else if(!mode || mode == 'simple') {
-      //       me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
-      //    }
-      //    else {
-      //       me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
-      //    }
-      // }
     }
     
     displayShownMenus() { let me = this.icn3dui; me.icn3d;
@@ -9944,6 +10033,14 @@ class ClickMenu {
            me.htmlCls.dialogCls.openDlg('dl_urlfile', 'Load data by URL');
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn1_clustalwfile", "click", function(e) { me.icn3d; //e.preventDefault();
+            me.htmlCls.dialogCls.openDlg('dl_clustalwfile', 'Please input CLUSTALW MSA File');
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "mn1_fastafile", "click", function(e) { me.icn3d; //e.preventDefault();
+            me.htmlCls.dialogCls.openDlg('dl_fastafile', 'Please input FASTA MSA File');
+        });
+
         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');
         });
@@ -10045,6 +10142,11 @@ class ClickMenu {
            ic.saveFileCls.saveFile(file_pref + '_statefile.txt', 'command');
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportVideo", "click", function(e) { me.icn3d; //e.preventDefault();
+         thisClass.setLogCmd("export video", false);
+         me.htmlCls.dialogCls.openDlg('dl_video', 'Save canvas changes in a video');
+        });
+
 
         me.myEventCls.onIds("#" + me.pre + "mn1_exportPdbRes", "click", function(e) { me.icn3d; //e.preventDefault();
            me.htmlCls.setHtmlCls.exportPdb();
@@ -11737,6 +11839,18 @@ class ClickMenu {
            //}
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn6_stereoYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+            ic.opts['effect'] = 'stereo';
+            ic.drawCls.draw();
+            thisClass.setLogCmd('stereo on', true);
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "mn6_stereoNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+            ic.opts['effect'] = 'none';
+            ic.drawCls.draw();
+            thisClass.setLogCmd('stereo off', true);
+        });
+
         $(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');
         });
@@ -12242,7 +12356,7 @@ class SetMenu {
 
         let tdStr = '<td valign="top">';
 
-        // html += tdStr + this.setMenuMode() + '</td>';
+        html += tdStr + this.setMenuMode() + '</td>';
 
         html += tdStr + this.setMenu1() + '</td>';
 
@@ -12253,12 +12367,11 @@ class SetMenu {
         html += tdStr + this.setMenu4() + '</td>';
 
         html += tdStr + this.setMenu5() + '</td>';
-        //html += tdStr + this.setMenu5b() + '</td>';
         html += tdStr + this.setMenu6() + '</td>';
 
         // reset the menus at the end of the menus
-        // let mode = me.htmlCls.setHtmlCls.getCookie('menumode');
-        // this.resetMenu(mode);
+        let mode = me.htmlCls.setHtmlCls.getCookie('menumode');
+        this.resetMenu(mode);
 
         // me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus); 
 
@@ -12366,7 +12479,7 @@ class SetMenu {
         }
         html += "<div>";
 
-        // html += '<li>' + this.setMenuMode(true);
+        html += '<li>' + this.setMenuMode(true);
 
         let liStr = "<li><span class='icn3d-menu-color'";
 
@@ -12387,8 +12500,8 @@ class SetMenu {
         html += this.setMenu6_base();
 
         // reset the menus at the end of the menus
-        // let mode = me.htmlCls.setHtmlCls.getCookie('menumode');
-        // this.resetMenu(mode);
+        let mode = me.htmlCls.setHtmlCls.getCookie('menumode');
+        this.resetMenu(mode);
 
         // me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus); 
 
@@ -12478,7 +12591,7 @@ class SetMenu {
 
         html += me.htmlCls.divStr + "selection' style='display:none;'><div style='position:absolute; z-index:555; float:left; display:table-row; margin: 32px 0px 0px 0px;'>";
         //html += "<table style='margin-top: 3px; width:100px;'>";
-        html += "<table style='margin-top: 3px; width:770px; background-color:#EEE;'>";
+        html += "<table style='margin: 3px 0px 0px 76px; width:770px; background-color:#EEE;'>";
 
         html += this.setTools_base();
 
@@ -12751,9 +12864,19 @@ class SetMenu {
         html += this.getLink('mn1_mol2file', 'Mol2 File', undefined, 2);
         html += this.getLink('mn1_sdffile', 'SDF File', undefined, 2);
         html += this.getLink('mn1_xyzfile', 'XYZ File', undefined, 2);
+
+        html += this.getMenuSep();
+
+        html += this.getMenuText('mn1_msawrap', 'Multiple Seq. Alignment', undefined, undefined, 2);
+        html += "<ul>";
+        html += this.getLink('mn1_clustalwfile', 'CLUSTALW Format', undefined, 3);
+        html += this.getLink('mn1_fastafile', 'FASTA Format', undefined, 3);
+        html += "</ul>";
+
         html += this.getLink('mn1_afmapfile', 'AlphaFold PAE File', undefined, 2);
 
         html += this.getLink('mn1_urlfile', 'URL(CORS) ' + me.htmlCls.wifiStr, undefined, 2);
+        
         html += this.getMenuSep();
         html += this.getLink('mn1_pngimage', 'iCn3D PNG (appendable)', 1, 2);
         html += this.getLink('mn1_state', 'State/Script File', undefined, 2);
@@ -12794,9 +12917,9 @@ class SetMenu {
         html += "</ul>";
         html += "</li>";
 
-        html += this.getMenuText('mn1_aligntwostru', 'Protein Complexes', undefined, undefined, 2);
+        html += this.getMenuText('mn1_aligntwostru', 'Protein Complexes', undefined, 1, 2);
         html += "<ul>";
-        html += this.getLink('mn1_align', 'Two PDB Structures ' + me.htmlCls.wifiStr, undefined, 3);
+        html += this.getLink('mn1_align', 'Two PDB Structures ' + me.htmlCls.wifiStr, 1, 3);
         html += this.getLink('mn1_alignaf', 'Two AlphaFold Structures ' + me.htmlCls.wifiStr, undefined, 3);
         html += "</ul>";
 
@@ -12850,8 +12973,8 @@ class SetMenu {
         html += "<ul>";
         html += this.getMenuText('mn1_savepngimage', 'iCn3D PNG Image', undefined, 1, 2);
         html += "<ul>";
-        html += this.getLink('mn1_exportCanvas', 'Original Size & HTML', 1, 3);
-        html += this.getLink('mn1_exportCanvas1', 'Original Size', undefined, 3);
+        html += this.getLink('mn1_exportCanvas', 'Original Size & HTML', undefined, 3);
+        html += this.getLink('mn1_exportCanvas1', 'Original Size', 1, 3);
 
         html += this.getLink('mn1_exportCanvas2', '2X Large', undefined, 3);
         html += this.getLink('mn1_exportCanvas4', '4X Large', undefined, 3);
@@ -12860,6 +12983,7 @@ class SetMenu {
         html += "</ul>";
         html += "</li>";
 
+        html += this.getLink('mn1_exportVideo', 'Video', undefined, 2);
         html += this.getLink('mn1_exportState', 'State File', undefined, 2);
         html += this.getLink('mn1_exportSelections', 'Selection File', undefined, 2);
         html += this.getLink('mn1_exportSelDetails', 'Selection Details', undefined, 2);
@@ -12938,7 +13062,7 @@ class SetMenu {
         html += "<ul class='icn3d-mn-item'>";
 
         html += this.getLink('mn2_definedsets', 'Defined Sets', 1, 1);
-        html += this.getLink('mn2_selectall', 'All', undefined, 1);
+        html += this.getLink('mn2_selectall', 'All', 1, 1);
         html += this.getLink('mn2_selectdisplayed', 'Displayed Set', undefined, 1);
         html += this.getLink('mn2_aroundsphere', 'by Distance', 1, 1);
 
@@ -12954,10 +13078,10 @@ class SetMenu {
         html += "</li>";
 
         html += this.getLink('mn2_selectcomplement', 'Inverse', undefined, 1);
-        html += this.getLink('mn2_selectmainchains', 'Main Chains', undefined, 1);
-        html += this.getLink('mn2_selectsidechains', 'Side Chains', undefined, 1);
+        html += this.getLink('mn2_selectmainchains', 'Main Chains', 1, 1);
+        html += this.getLink('mn2_selectsidechains', 'Side Chains', 1, 1);
         html += this.getLink('mn2_selectmainsidechains', 'Main & Side Chains', undefined, 1);
-        html += this.getLink('mn2_command', 'Advanced', undefined, 1);
+        html += this.getLink('mn2_command', 'Advanced', 1, 1);
 
         if(me.cfg.cid === undefined) {
             html += this.getMenuText('mn2_selon3d', 'Select on 3D', undefined, 1, 1);
@@ -12990,7 +13114,7 @@ class SetMenu {
         html += this.getMenuSep();
 
         html += this.getLink('mn2_saveselection', 'Save Selection', 1, 1);
-        html += this.getLink('clearall', 'Clear Selection', undefined, 1);
+        html += this.getLink('clearall', 'Clear Selection', 1, 1);
         html += this.getLink('mn2_saveresidue', 'Save Res. in Sel.', 1, 1);
 
         html += this.getMenuSep();
@@ -13055,7 +13179,7 @@ class SetMenu {
         html += this.getLinkWrapper('mn2_alternate', 'Alternate(Key "a")', 'mn2_alternateWrap', undefined, 1);
 
         if(me.cfg.opmid !== undefined) {
-            html += this.getLinkWrapper('togglemem', 'Toggle Membrane', 'togglememli', undefined, 1);
+            html += this.getLinkWrapper('togglemem', 'Toggle Membrane', 'togglememli', 1, 1);
         }
         //else if(me.cfg.mmdbafid !== undefined || me.cfg.afid !== undefined) {
         else if(me.cfg.cid === undefined) {
@@ -13070,14 +13194,21 @@ class SetMenu {
 
         html += this.getMenuSep();
 
-        html += this.getMenuText('mn2_vrarhints', 'VR & AR Hints', undefined, 1, 1);
+        html += this.getMenuText('mn2_vrarhints', 'VR & AR Hints', undefined, undefined, 1);
+        html += "<ul>";
+        html += this.getMenuUrl("vrhint", me.htmlCls.baseUrl + "icn3d/icn3d.html#vr", "VR: VR Headsets", undefined, 2);
+        html += this.getMenuUrl("arhint", me.htmlCls.baseUrl + "icn3d/icn3d.html#ar", "AR: Chrome in Android", undefined, 2);
+        html += "</ul>";
+        html += "</li>";
+
+        html += this.getMenuText('mn6_stereoWrapper', 'Stereo View', undefined, undefined, 1);
         html += "<ul>";
-        html += this.getMenuUrl("vrhint", me.htmlCls.baseUrl + "icn3d/icn3d.html#vr", "VR: VR Headsets", 1, 2);
-        html += this.getMenuUrl("arhint", me.htmlCls.baseUrl + "icn3d/icn3d.html#ar", "AR: Chrome in Android", 1, 2);
+        html += this.getRadio('mn6_stereo', 'mn6_stereoYes', 'On', undefined, undefined, 2);
+        html += this.getRadio('mn6_stereo', 'mn6_stereoNo', 'Off', true, undefined, 2);
         html += "</ul>";
         html += "</li>";
 
-        html += this.getLink('mn6_sidebyside', 'Side by Side', 1, 1);
+        html += this.getLink('mn6_sidebyside', 'Side by Side', undefined, 1);
 
         html += this.getMenuText('mn2_rotate', 'Rotate', undefined, 1, 1);
         html += "<ul>";
@@ -13189,7 +13320,7 @@ class SetMenu {
                 html += this.getRadio('mn3_proteins', 'mn3_proteinsRibbon', 'Ribbon', true, 1, 2);
             }
 
-            html += this.getRadio('mn3_proteins', 'mn3_proteinsStrand', 'Strand', undefined, undefined, 2);
+            html += this.getRadio('mn3_proteins', 'mn3_proteinsStrand', 'Strand', undefined, 1, 2);
             html += this.getRadio('mn3_proteins', 'mn3_proteinsCylinder', 'Cylinder and Plate', undefined, undefined, 2);
             html += this.getRadio('mn3_proteins', 'mn3_proteinsSchematic', 'Schematic', undefined, 1, 2);
 
@@ -13201,7 +13332,7 @@ class SetMenu {
             }
 
             html += this.getRadio('mn3_proteins', 'mn3_proteinsBackbone', 'Backbone', undefined, undefined, 2);
-            html += this.getRadio('mn3_proteins', 'mn3_proteinsBfactor', 'B-factor Tube', undefined, 1, 2);
+            html += this.getRadio('mn3_proteins', 'mn3_proteinsBfactor', 'B-factor Tube', undefined, undefined, 2);
             html += this.getRadio('mn3_proteins', 'mn3_proteinsLines', 'Lines', undefined, 1, 2);
             html += this.getRadio('mn3_proteins', 'mn3_proteinsStick', 'Stick', undefined, 1, 2);
             html += this.getRadio('mn3_proteins', 'mn3_proteinsBallstick', 'Ball and Stick', undefined, 1, 2);
@@ -13265,10 +13396,10 @@ class SetMenu {
         html += "</li>";
 
         //if(me.cfg.cid !== undefined) {
-            html += this.getMenuText('mn3_hydrogenswrap', 'Hydrogens', undefined, 1, 1);
+            html += this.getMenuText('mn3_hydrogenswrap', 'Hydrogens', undefined, undefined, 1);
             html += "<ul>";
-            html += this.getRadio('mn3_hydrogens', 'mn3_hydrogensYes', 'Show', true, 1, 2);
-            html += this.getRadio('mn3_hydrogens', 'mn3_hydrogensNo', 'Hide', undefined, 1, 2);
+            html += this.getRadio('mn3_hydrogens', 'mn3_hydrogensYes', 'Show', true, undefined, 2);
+            html += this.getRadio('mn3_hydrogens', 'mn3_hydrogensNo', 'Hide', undefined, undefined, 2);
             html += "</ul>";
             html += "</li>";
         //}
@@ -13643,7 +13774,7 @@ class SetMenu {
 
         html += "</ul>";
 
-        html += this.getRadio('mn4_clr', 'mn4_clrCustom', 'Color Picker', undefined, undefined, 1);
+        html += this.getRadio('mn4_clr', 'mn4_clrCustom', 'Color Picker', undefined, 1, 1);
         html += this.getMenuSep();
 
         if(me.cfg.cid === undefined) {
@@ -13684,7 +13815,7 @@ class SetMenu {
             html += this.getRadio('mn4_clr', 'mn4_clrBfactorNorm', 'Percentile', undefined, 1, 2);
             html += "</ul>";
 
-            html += this.getRadio('mn4_clr', 'mn4_clrArea', 'Solvent<br><span style="padding-left:1.5em;">Accessibility</span>', undefined, undefined, 1);
+            html += this.getRadio('mn4_clr', 'mn4_clrArea', 'Solvent<br><span style="padding-left:1.5em;">Accessibility</span>', undefined, 1, 1);
 
             html += this.getRadio('mn4_clr', 'mn4_clrStructure', 'Structure', undefined, 1, 1);
 
@@ -13696,7 +13827,7 @@ class SetMenu {
             }
 
             //if(me.cfg.mmdbid !== undefined || me.cfg.gi !== undefined) {
-              html += this.getRadio('mn4_clr', 'mn4_clrdomain', '3D Domain', undefined, undefined, 1);
+              html += this.getRadio('mn4_clr', 'mn4_clrdomain', '3D Domain', undefined, 1, 1);
             //}
 
             if(me.cfg.cid === undefined) {
@@ -13716,16 +13847,16 @@ class SetMenu {
             html += this.getRadio('mn4_clr', 'mn4_clrAtom', 'Atom', undefined, 1, 1);
 
             if(me.cfg.align !== undefined || me.cfg.chainalign !== undefined) {
-              html += this.getRadio('mn4_clr', 'mn4_clrIdentity', 'Identity', true, undefined, 2);
-              html += this.getRadio('mn4_clr', 'mn4_clrConserved', 'Conservation', undefined, undefined, 2);
+              html += this.getRadio('mn4_clr', 'mn4_clrIdentity', 'Identity', true, undefined, 1);
+              html += this.getRadio('mn4_clr', 'mn4_clrConserved', 'Conservation', undefined, undefined, 1);
             }
             else if(me.cfg.blast_rep_id !== undefined) {
-              html += this.getRadio('mn4_clr', 'mn4_clrIdentity', 'Identity', undefined, undefined, 2);
-              html += this.getRadio('mn4_clr', 'mn4_clrConserved', 'Conservation', true, undefined, 2);
+              html += this.getRadio('mn4_clr', 'mn4_clrIdentity', 'Identity', undefined, undefined, 1);
+              html += this.getRadio('mn4_clr', 'mn4_clrConserved', 'Conservation', true, undefined, 1);
             }
             else {
-              html += this.getRadio('mn4_clr', 'mn4_clrIdentity', 'Identity', undefined, undefined, 2);
-              html += this.getRadio('mn4_clr', 'mn4_clrConserved', 'Conservation', undefined, undefined, 2);
+              html += this.getRadio('mn4_clr', 'mn4_clrIdentity', 'Identity', undefined, undefined, 1);
+              html += this.getRadio('mn4_clr', 'mn4_clrConserved', 'Conservation', undefined, undefined, 1);
             }
 
             //if(me.cfg.afid) html += this.getRadio('mn4_clr', 'mn4_clrConfidence', 'AF Confidence');
@@ -13733,8 +13864,8 @@ class SetMenu {
                 html += this.getRadio('mn4_clr', 'mn4_clrConfidence', 'pLDDT', undefined, 1, 1);
             //}
 
-            html += this.getRadio('mn4_clr', 'mn4_clrIgstrand', 'Ig Strand', undefined, undefined, 2);
-            html += this.getRadio('mn4_clr', 'mn4_clrIgproto', 'Ig Protodomain', undefined, undefined, 2);
+            html += this.getRadio('mn4_clr', 'mn4_clrIgstrand', 'Ig Strand', undefined, undefined, 1);
+            html += this.getRadio('mn4_clr', 'mn4_clrIgproto', 'Ig Protodomain', undefined, undefined, 1);
         }
         else {
             //if(!me.cfg.hidelicense) html += this.getRadio('mn4_clr', 'mn1_delphi2', 'DelPhi<br><span style="padding-left:1.5em;">Potential ' + me.htmlCls.licenseStr + '</span>');
@@ -13787,7 +13918,7 @@ class SetMenu {
             html += this.getLink('mn6_selectannotations', 'Seq. & Annotations ' + me.htmlCls.wifiStr, 1, 1);
 
             //if(me.cfg.align !== undefined || me.cfg.chainalign !== undefined) { // || ic.bRealign || ic.bSymd || ic.bInputfile) {
-                html += this.getLink('mn2_alignment', 'Aligned Seq. ' + me.htmlCls.wifiStr, undefined, 1);
+                html += this.getLink('mn2_alignment', 'Aligned Seq. ' + me.htmlCls.wifiStr, 1, 1);
             //}
 
             if(me.cfg.mmdbid !== undefined || me.cfg.gi !== undefined || me.cfg.blast_rep_id !== undefined || me.cfg.align !== undefined || me.cfg.chainalign !== undefined) {
@@ -13857,27 +13988,27 @@ class SetMenu {
         html += "</ul>";
         html += "</li>";
 
-        html += this.getMenuText('mn6_anglewrap', 'Angle', undefined, 1, 1);
+        html += this.getMenuText('mn6_anglewrap', 'Angle', undefined, undefined, 1);
         html += "<ul>";
-        html += this.getRadio('mn6_angle', 'mn6_angleManySets', 'among Many Sets', undefined, 1, 2);
+        html += this.getRadio('mn6_angle', 'mn6_angleManySets', 'among Many Sets', undefined, undefined, 2);
         html += this.getRadio('mn6_angle', 'mn6_angleTwoSets', 'b/w Two Vectors', undefined, undefined, 2);
         html += "</ul>";
         html += "</li>";
 
-        html += this.getLink('mn6_area', 'Surface Area', 1, 1);
+        html += this.getLink('mn6_area', 'Surface Area', undefined, 1);
 
         html += this.getMenuText('mn6_addlabelwrap', 'Label', undefined, 1, 1);
         html += "<ul>";
         html += this.getRadio('mn6_addlabel', 'mn6_addlabelYes', 'by Picking Atoms', undefined, undefined, 2);
         html += this.getRadio('mn6_addlabel', 'mn6_addlabelSelection', 'per Selection', undefined, undefined, 2);
         html += this.getRadio('mn6_addlabel', 'mn6_addlabelAtoms', 'per Atom', undefined, undefined, 2);
-        html += this.getRadio('mn6_addlabel', 'mn6_addlabelElements', 'per Atom Element', undefined, 1, 2);
+        html += this.getRadio('mn6_addlabel', 'mn6_addlabelElements', 'per Atom Element', undefined, undefined, 2);
         if(me.cfg.cid === undefined) {
             html += this.getRadio('mn6_addlabel', 'mn6_addlabelResidues', 'per Residue', undefined, 1, 2);
             html += this.getRadio('mn6_addlabel', 'mn6_addlabelResnum', 'per Residue & Number', undefined, 1, 2);
 
-            html += this.getRadio('mn6_addlabel', 'mn6_addlabelRefnum', 'per Reference Number', undefined, 1, 2);
-            html += this.getRadio('mn6_addlabel', 'mn6_addlabelIg', 'per Ig Domain', undefined, 1, 2);
+            html += this.getRadio('mn6_addlabel', 'mn6_addlabelRefnum', 'per Reference Number', undefined, undefined, 2);
+            html += this.getRadio('mn6_addlabel', 'mn6_addlabelIg', 'per Ig Domain', undefined, undefined, 2);
 
             html += this.getRadio('mn6_addlabel', 'mn6_addlabelChains', 'per Chain', undefined, undefined, 2);
             html += this.getRadio('mn6_addlabel', 'mn6_addlabelTermini', 'N- & C-Termini', undefined, 1, 2);
@@ -13914,10 +14045,10 @@ class SetMenu {
         html += this.getMenuSep();
 
         if(me.cfg.cid === undefined) {
-            html += this.getMenuText('mn6_chemicalbindingwrap', 'Chem. Binding', undefined, undefined, 1);
+            html += this.getMenuText('mn6_chemicalbindingwrap', 'Chem. Binding', undefined, 1, 1);
             html += "<ul>";
-            html += this.getRadio('mn6_chemicalbinding', 'mn6_chemicalbindingshow', 'Show', undefined, undefined, 2);
-            html += this.getRadio('mn6_chemicalbinding', 'mn6_chemicalbindinghide', 'Hide', true, undefined, 2);
+            html += this.getRadio('mn6_chemicalbinding', 'mn6_chemicalbindingshow', 'Show', undefined, 1, 2);
+            html += this.getRadio('mn6_chemicalbinding', 'mn6_chemicalbindinghide', 'Hide', true, 1, 2);
             html += "</ul>";
             html += "</li>";
 
@@ -14076,7 +14207,7 @@ class SetMenu {
 
         //html += liStr + "https://www.ncbi.nlm.nih.gov/structure' target='_blank'>Search Structure " + me.htmlCls.wifiStr + "</a></li>";
         //html += liStr + me.htmlCls.baseUrl + "icn3d/icn3d.html#citing' target='_blank'>Citing iCn3D</a></li>";
-        html += this.getMenuUrl('citing', me.htmlCls.baseUrl + "icn3d/icn3d.html#citing", "Citing iCn3D", undefined, 1);
+        html += this.getMenuUrl('citing', me.htmlCls.baseUrl + "icn3d/icn3d.html#citing", "Citing iCn3D", 1, 1);
 
         html += this.getMenuText('mn6_source', 'Source Code', undefined, 1, 1);
         html += "<ul>";
@@ -15106,6 +15237,19 @@ class SetDialog {
         html += me.htmlCls.buttonStr + "reload_xyzfile'>Load</button>";
         html += "</div>";
 
+        html += me.htmlCls.divStr + "dl_clustalwfile' class='" + dialogClass + "' style='max-width:500px'>";
+        html += this.addNotebookTitle('dl_clustalwfile', 'Please input a CLUSTALW MSA file');
+        html += "Note the sequence names are either UniProt ID (e.g., A4D1S0 or A4D1S0_A), RefSeq ID (e.g., NP_001743), or PDB chain ID (e.g., 1HHO_A).<br><br>";
+        html += "CLUSTALW File: " + me.htmlCls.inputFileStr + "id='" + me.pre + "clustalwfile' size=8> ";
+        html += me.htmlCls.buttonStr + "reload_clustalwfile'>Load</button><br>";
+        html += "</div>";
+        html += me.htmlCls.divStr + "dl_fastafile' class='" + dialogClass + "' style='max-width:500px'>";
+        html += this.addNotebookTitle('dl_fastafile', 'Please input a FASTA file');
+        html += "Note the sequence IDs following the symbol \">\" contain either UniProt ID (e.g., sp| or tr|), RefSeq ID (e.g., ref|), PDB chain ID (e.g., pdb|1HHO|A), or iCn3D chain ID (e.g., A4D1S0_A, 1HHO_A).<br><br>";
+        html += "FASTA File: " + me.htmlCls.inputFileStr + "id='" + me.pre + "fastafile' size=8> ";
+        html += me.htmlCls.buttonStr + "reload_fastafile'>Load</button><br>";
+        html += "</div>";
+
         html += me.htmlCls.divStr + "dl_afmapfile' class='" + dialogClass + "'>";
         html += this.addNotebookTitle('dl_afmapfile', 'Please input an AlphaFold PAE file');
         html += "AlphaFold PAE File: " + me.htmlCls.inputFileStr + "id='" + me.pre + "afmapfile' size=8> <br><br>";
@@ -15225,6 +15369,12 @@ class SetDialog {
         html += me.htmlCls.buttonStr + "reload_state' style='margin-top: 6px;'>Load</button>";
         html += "</div>";
 
+        html += me.htmlCls.divStr + "dl_video' class='" + dialogClass + "'>";
+        html += this.addNotebookTitle('dl_video', 'Save canvas changes in a video');
+        html += me.htmlCls.buttonStr + "video_start' style='margin-top: 6px;'>Video Start</button>";
+        html += me.htmlCls.buttonStr + "video_end' style='margin: 6px 0px 0px 30px;'>Video End</button>";
+        html += "</div>";
+
         html += me.htmlCls.divStr + "dl_fixedversion' style='max-width:500px' class='" + dialogClass + "'>";
         html += this.addNotebookTitle('dl_fixedversion', 'Use fixed version of iCn3D');
         html += "Since January 6, 2021, you can show the original view with the archived version of iCn3D by pasting your URL below and click \"Show Originial View\". Note the version in the parameter \"v\" was used to replace \"full.html\" with \"full_[v].html\" in the URL.<br><br>";
@@ -16584,17 +16734,10 @@ class Events {
         }
     }
 
-    async loadPdbFile(bAppend, fileId, bmmCIF) { let me = this.icn3dui, ic = me.icn3d;
+    async loadPdbFile(bAppend, fileId, bmmCIF) { let me = this.icn3dui, ic = me.icn3d, thisClass = this;
        //me = ic.setIcn3dui(this.id);
        ic.bInitial = true;
-       if(!me.cfg.notebook) dialog.dialog( "close" );
-       //close all dialog
-       if(!me.cfg.notebook) {
-           $(".ui-dialog-content").dialog("close");
-       }
-       else {
-           ic.resizeCanvasCls.closeDialogs();
-       }
+       thisClass.iniFileLoad();
        let files = $("#" + me.pre + fileId)[0].files;
        if(!files[0]) {
          alert("Please select a file before clicking 'Load'");
@@ -16638,6 +16781,24 @@ class Events {
         $("#" + me.pre + id).resizable();
     }
 
+    exportMsa(type) { let me = this.icn3dui, ic = me.icn3d;
+        let text = ic.msa[type].join('\n\n');
+        let fileType = (type == 'fasta') ? '.fasta' : (type == 'clustalw') ? '.aln' : '.txt';
+
+        ic.saveFileCls.saveFile(ic.inputid + '_align' + fileType, 'text', [text]);
+    }
+
+    iniFileLoad() { let me = this.icn3dui, ic = me.icn3d;
+        if(!me.cfg.notebook) dialog.dialog( "close" );
+        //close all dialog
+        if(!me.cfg.notebook) {
+            $(".ui-dialog-content").dialog("close");
+        }
+        else {
+            ic.resizeCanvasCls.closeDialogs();
+        }
+    }
+
     async launchMmdb(ids, bBiounit, hostUrl, bAppend) { let me = this.icn3dui, ic = me.icn3d, thisClass = this;
         if(!me.cfg.notebook) dialog.dialog( "close" );
         
@@ -17733,16 +17894,40 @@ class Events {
 
         me.htmlCls.setHtmlCls.clickReload_pngimage();
 
+        me.myEventCls.onIds("#" + me.pre + "video_start", "click", function(e) { let ic = me.icn3d;
+            e.preventDefault();
+
+            const canvas = document.getElementById(ic.pre + "canvas");
+            ic.videoRecorder = new MediaRecorder(canvas.captureStream());
+            const recordedChunks = [];
+
+            // Collect data chunks
+            ic.videoRecorder.ondataavailable = event => {
+                recordedChunks.push(event.data);
+            };
+
+            ic.videoRecorder.onstop = event => {
+                // Code to save the recordedChunks as a video file
+                const blob = new Blob(recordedChunks, {type: ic.videoRecorder.mimeType});
+                let fileName = ic.inputid + '_video';
+                saveAs(blob, fileName);
+            };
+
+            // Start recording
+            ic.videoRecorder.start();
+            thisClass.setLogCmd('Video revording started', false);
+        });
+ 
+        me.myEventCls.onIds("#" + me.pre + "video_end", "click", function(e) { let ic = me.icn3d;
+            e.preventDefault();
+
+            ic.videoRecorder.stop();
+            thisClass.setLogCmd('Video revording ended', false);
+        });
+
         me.myEventCls.onIds("#" + me.pre + "reload_state", "click", function(e) { let ic = me.icn3d;
            e.preventDefault();
-           if(!me.cfg.notebook) dialog.dialog( "close" );
-           //close all dialog
-           if(!me.cfg.notebook) {
-               $(".ui-dialog-content").dialog("close");
-           }
-           else {
-               ic.resizeCanvasCls.closeDialogs();
-           }
+           thisClass.iniFileLoad();
            // initialize icn3dui
            //Do NOT clear data if iCn3D loads a pdb or other data file and then load a state file
            if(!ic.bInputfile) {
@@ -17794,12 +17979,7 @@ class Events {
             if (!file) {
                 alert("Please select a file before clicking 'Load'");
             } else {
-            if (!me.cfg.notebook) dialog.dialog("close");
-            if (!me.cfg.notebook) {
-                $(".ui-dialog-content").dialog("close");
-            } else {
-                ic.resizeCanvasCls.closeDialogs();
-                }
+            thisClass.iniFileLoad();
                 
             ic.dAtoms = me.hashUtilsCls.cloneHash(ic.atoms);
             ic.hAtoms = me.hashUtilsCls.cloneHash(ic.atoms);
@@ -18354,14 +18534,7 @@ class Events {
         me.myEventCls.onIds("#" + me.pre + "reload_mol2file", "click", function(e) { let ic = me.icn3d;
            e.preventDefault();
            ic.bInitial = true;
-           if(!me.cfg.notebook) dialog.dialog( "close" );
-           //close all dialog
-           if(!me.cfg.notebook) {
-               $(".ui-dialog-content").dialog("close");
-           }
-           else {
-               ic.resizeCanvasCls.closeDialogs();
-           }
+           thisClass.iniFileLoad();
            let file = $("#" + me.pre + "mol2file")[0].files[0];
            if(!file) {
              alert("Please select a file before clicking 'Load'");
@@ -18388,14 +18561,7 @@ class Events {
         me.myEventCls.onIds("#" + me.pre + "reload_sdffile", "click", function(e) { let ic = me.icn3d;
            e.preventDefault();
            ic.bInitial = true;
-           if(!me.cfg.notebook) dialog.dialog( "close" );
-           //close all dialog
-           if(!me.cfg.notebook) {
-               $(".ui-dialog-content").dialog("close");
-           }
-           else {
-               ic.resizeCanvasCls.closeDialogs();
-           }
+           thisClass.iniFileLoad();
            let file = $("#" + me.pre + "sdffile")[0].files[0];
            if(!file) {
              alert("Please select a file before clicking 'Load'");
@@ -18422,14 +18588,7 @@ class Events {
         me.myEventCls.onIds("#" + me.pre + "reload_xyzfile", "click", function(e) { let ic = me.icn3d;
            e.preventDefault();
            ic.bInitial = true;
-           if(!me.cfg.notebook) dialog.dialog( "close" );
-           //close all dialog
-           if(!me.cfg.notebook) {
-               $(".ui-dialog-content").dialog("close");
-           }
-           else {
-               ic.resizeCanvasCls.closeDialogs();
-           }
+           thisClass.iniFileLoad();
            let file = $("#" + me.pre + "xyzfile")[0].files[0];
            if(!file) {
              alert("Please select a file before clicking 'Load'");
@@ -18453,17 +18612,64 @@ class Events {
            }
         });
 
-        me.myEventCls.onIds("#" + me.pre + "reload_afmapfile", "click", function(e) { let ic = me.icn3d;
+        me.myEventCls.onIds("#" + me.pre + "reload_clustalwfile", "click", function(e) { let ic = me.icn3d;
             e.preventDefault();
             ic.bInitial = true;
-            if(!me.cfg.notebook) dialog.dialog( "close" );
-            //close all dialog
-            if(!me.cfg.notebook) {
-                $(".ui-dialog-content").dialog("close");
+            thisClass.iniFileLoad();
+
+            let file = $("#" + me.pre + "clustalwfile")[0].files[0];
+            if(!file) {
+              alert("Please select a file before clicking 'Load'");
             }
             else {
-                ic.resizeCanvasCls.closeDialogs();
+              me.htmlCls.setHtmlCls.fileSupport();
+              let reader = new FileReader();
+              reader.onload = async function(e) {
+                let dataStr = e.target.result; // or = reader.result;
+                thisClass.setLogCmd('load CLUSTALW file ' + $("#" + me.pre + "clustalwfile").val(), false);
+                ic.molTitle = "";
+                ic.inputid = undefined;
+                //ic.initUI();
+                ic.init();
+                ic.bInputfile = false; //true;
+                ic.InputfileType = 'clustalw';
+                await ic.msaParserCls.loadMsaData(dataStr, 'clustalw');
+              };
+              reader.readAsText(file);
+            }
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "reload_fastafile", "click", function(e) { let ic = me.icn3d;
+            e.preventDefault();
+            ic.bInitial = true;
+            thisClass.iniFileLoad();
+
+            let file = $("#" + me.pre + "fastafile")[0].files[0];
+            if(!file) {
+              alert("Please select a file before clicking 'Load'");
+            }
+            else {
+              me.htmlCls.setHtmlCls.fileSupport();
+              let reader = new FileReader();
+              reader.onload = async function(e) {
+                let dataStr = e.target.result; // or = reader.result;
+                thisClass.setLogCmd('load FASTA file ' + $("#" + me.pre + "fastafile").val(), false);
+                ic.molTitle = "";
+                ic.inputid = undefined;
+                //ic.initUI();
+                ic.init();
+                ic.bInputfile = false; //true;
+                ic.InputfileType = 'fasta';
+                await ic.msaParserCls.loadMsaData(dataStr, 'fasta');
+              };
+              reader.readAsText(file);
             }
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "reload_afmapfile", "click", function(e) { let ic = me.icn3d;
+            e.preventDefault();
+            ic.bInitial = true;
+            thisClass.iniFileLoad();
             let file = $("#" + me.pre + "afmapfile")[0].files[0];
             if(!file) {
               alert("Please select a file before clicking 'Load'");
@@ -18485,14 +18691,7 @@ class Events {
          me.myEventCls.onIds("#" + me.pre + "reload_afmapfilefull", "click", function(e) { let ic = me.icn3d;
             e.preventDefault();
             ic.bInitial = true;
-            if(!me.cfg.notebook) dialog.dialog( "close" );
-            //close all dialog
-            if(!me.cfg.notebook) {
-                $(".ui-dialog-content").dialog("close");
-            }
-            else {
-                ic.resizeCanvasCls.closeDialogs();
-            }
+            thisClass.iniFileLoad();
             let file = $("#" + me.pre + "afmapfile")[0].files[0];
             if(!file) {
               alert("Please select a file before clicking 'Load'");
@@ -18514,14 +18713,7 @@ class Events {
         me.myEventCls.onIds("#" + me.pre + "reload_urlfile", "click", async function(e) { let ic = me.icn3d;
            e.preventDefault();
            ic.bInitial = true;
-           if(!me.cfg.notebook) dialog.dialog( "close" );
-           //close all dialog
-           if(!me.cfg.notebook) {
-               $(".ui-dialog-content").dialog("close");
-           }
-           else {
-               ic.resizeCanvasCls.closeDialogs();
-           }
+           thisClass.iniFileLoad();
            let type = $("#" + me.pre + "filetype").val();
            let url = $("#" + me.pre + "urlfile").val();
            ic.inputurl = 'type=' + type + '&url=' + encodeURIComponent(url);
@@ -19388,6 +19580,24 @@ class Events {
            ic.selectionCls.saveSelection(name, name);
         });
 
+        me.myEventCls.onIds("#" + me.pre + "saveFasta", "click", function(e) { me.icn3d;
+            e.stopImmediatePropagation();
+            thisClass.exportMsa('fasta');
+            thisClass.setLogCmd('Save alignment in FASTA format', false);
+         });
+
+        me.myEventCls.onIds("#" + me.pre + "saveClustal", "click", function(e) { me.icn3d;
+            e.stopImmediatePropagation();
+            thisClass.exportMsa('clustalw');
+            thisClass.setLogCmd('Save alignment in CLUSTALWW format', false);
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "saveResbyres", "click", function(e) { me.icn3d;
+            e.stopImmediatePropagation();
+            thisClass.exportMsa('resbyres');
+            thisClass.setLogCmd('Save alignment in Residue by Residue format to be used in File > Align (or Realign) > Multiple Chain > Residue by Residue', false);
+        });
+
         $(document).on("click", "." + me.pre + "outputselection", function(e) { let ic = me.icn3d;
               e.stopImmediatePropagation();
             ic.bSelectResidue = false;
@@ -20247,7 +20457,9 @@ class SetHtml {
 
       sequencesHtml += '<div style="width:20px; margin-left:3px; display:inline-block;"><span id="' + me.pre + 'alignseqguide' + suffix + '_expand" class="ui-icon ui-icon-plus icn3d-expand icn3d-link" style="width:15px;" title="Expand"></span><span id="' + me.pre + 'alignseqguide' + suffix + '_shrink" class="ui-icon ui-icon-minus icn3d-shrink icn3d-link" style="display:none; width:15px;" title="Shrink"></span></div> ';
 
-      sequencesHtml += "<div style='min-width:200px; display:inline-block;''><b>Selection:</b> Name: " + me.htmlCls.inputTextStr + "id='" + me.pre + "alignseq_command_name' value='alseq_" + index + "' size='10'> " + me.htmlCls.space2 + "<button style='white-space:nowrap;' id='" + me.pre + "alignseq_saveselection'>Save</button> <button style='white-space:nowrap; margin-left:20px;' id='" + me.pre + "alignseq_clearselection'>Clear</button></div><br/>";
+      sequencesHtml += "<div style='min-width:200px; display:inline-block;'><b>Selection:</b> Name: " + me.htmlCls.inputTextStr + "id='" + me.pre + "alignseq_command_name' value='alseq_" + index + "' size='10'> " + me.htmlCls.space2 + "<button style='white-space:nowrap;' id='" + me.pre + "alignseq_saveselection'>Save</button> <button style='white-space:nowrap; margin-left:20px;' id='" + me.pre + "alignseq_clearselection'>Clear</button></div><br/>";
+
+      sequencesHtml += "<div style='min-width:200px; display:inline-block; margin-top:3px'><b>Save Alignment</b>: " + "<button style='white-space:nowrap;' id='" + me.pre + "saveFasta'>FASTA</button> <button style='white-space:nowrap; margin-left:20px;' id='" + me.pre + "saveClustal'>CLUSTALW</button> <button style='white-space:nowrap; margin-left:20px;' id='" + me.pre + "saveResbyres'>Residue by Residue</button></div><br/>";
 
       sequencesHtml += me.htmlCls.divStr + "alignseqguide" + suffix + "' style='display:none; white-space:normal;' class='icn3d-box'>";
 
@@ -20256,7 +20468,9 @@ class SetHtml {
       let resCategories = "<b>Residue labeling:</b> aligned residue with coordinates: UPPER case letter; non-aligned residue with coordinates: lower case letter which can be highlighted; residue missing coordinates: lower case letter which can NOT be highlighted.";
       let scroll =(me.utilsCls.isMac() && !me.utilsCls.isMobile()) ? "<br/><br/><b>Turn on scroll bar:</b> System preferences -> General -> show scroll bars -> check Always" : "";
 
-      sequencesHtml += resCategories + scroll + "<br/></div>";
+      sequencesHtml += resCategories + scroll + "<br/>";
+
+      sequencesHtml += "</div>";
 
       return sequencesHtml;
     }
@@ -27501,7 +27715,12 @@ class Scene {
         ic.cams = {
             perspective: ic.perspectiveCamera,
             orthographic: ic.orthographicCamera,
-        };       
+        };  
+        
+        if(!me.bNode && ic.opts['effect'] == 'stereo' && !window.icn3duiHash) {
+            ic.effect = ic.effects[options.effect];
+            ic.effect.setSize(ic.container.width(), ic.container.height());
+        }
     };
 
     setVrAr() { let ic = this.icn3d; ic.icn3dui;
@@ -31223,8 +31442,9 @@ class Strand {
                 }
             }
 
-            // add one extra residue for coils between strands/helix
-            if(!isNaN(firstAtom.resi) && ic.pk === 3 && bHighlight === 1 && firstAtom.ss === 'coil') {
+            // add one extra residue for coils between strands/helix if the style is NOT stick, ball and stick, lines, sphere, and dot
+            // if(!isNaN(firstAtom.resi) && ic.pk === 3 && bHighlight === 1 && firstAtom.ss === 'coil') {
+            if(!isNaN(firstAtom.resi) && ic.pk === 3 && bHighlight === 1 && firstAtom.ss === 'coil' && firstAtom.style != 'stick' && firstAtom.style != 'ball and stick' && firstAtom.style != 'lines' && firstAtom.style != 'sphere' && firstAtom.style != 'dot') {
                     let residueid = firstAtom.structure + '_' + firstAtom.chain + '_' + (parseInt(firstAtom.resi) - 1).toString();
                     if(ic.residues.hasOwnProperty(residueid)) {
                         atomsAdjust = me.hashUtilsCls.unionHash(atomsAdjust, me.hashUtilsCls.hash2Atoms(ic.residues[residueid],
@@ -31259,8 +31479,8 @@ class Strand {
                 }
             }
 
-            // add one extra residue for coils between strands/helix
-            if(ic.pk === 3 && bHighlight === 1 && lastAtom.ss === 'coil') {
+            // add one extra residue for coils between strands/helix if the style is NOT stick, ball and stick, lines, sphere, and dot
+            if(ic.pk === 3 && bHighlight === 1 && lastAtom.ss === 'coil' && firstAtom.style != 'stick' && firstAtom.style != 'ball and stick' && firstAtom.style != 'lines' && firstAtom.style != 'sphere' && firstAtom.style != 'dot') {
                     let residueid = lastAtom.structure + '_' + lastAtom.chain + '_' + (parseInt(lastAtom.resi) + 1).toString();
                     if(ic.residues.hasOwnProperty(residueid)) {
                         atomsAdjust = me.hashUtilsCls.unionHash(atomsAdjust, me.hashUtilsCls.hash2Atoms(ic.residues[residueid],
@@ -34110,6 +34330,7 @@ ElectronMap.prototype.fillvoxels = function(atoms, atomlist) { //(int seqinit,in
         }
         else {
             // let index2ori = {};
+            let maxdist = this.maxdist;
             for(let serial in atomlist) {
                 let atom = atoms[atomlist[serial]];
 
@@ -34126,11 +34347,11 @@ ElectronMap.prototype.fillvoxels = function(atoms, atomlist) { //(int seqinit,in
                 }
 
                 // show map near the structure
-                for(i = Math.floor(r.x) - this.maxdist, il = Math.ceil(r.x) + this.maxdist; i <= il; ++i) {
+                for(i = Math.floor(r.x) - maxdist, il = Math.ceil(r.x) + maxdist; i <= il; ++i) {
                     if(i < 0 || i > this.header.xExtent*this.scaleFactor - 1) continue;
-                    for(j = Math.floor(r.y) - this.maxdist, jl = Math.ceil(r.y) + this.maxdist; j<= jl; ++j) {
+                    for(j = Math.floor(r.y) - maxdist, jl = Math.ceil(r.y) + maxdist; j<= jl; ++j) {
                         if(j < 0 || j > this.header.yExtent*this.scaleFactor - 1) continue;
-                        for(k = Math.floor(r.z) - this.maxdist, kl = Math.ceil(r.z) + this.maxdist; k<= kl; ++k) {
+                        for(k = Math.floor(r.z) - maxdist, kl = Math.ceil(r.z) + maxdist; k<= kl; ++k) {
                             if(k < 0 || k > this.header.zExtent*this.scaleFactor - 1) continue;
                             let index = i * widthHeight + j * height + k;
                             indexArray.push(index);
@@ -34139,6 +34360,16 @@ ElectronMap.prototype.fillvoxels = function(atoms, atomlist) { //(int seqinit,in
                 }
             }
 
+            // show all
+            // for(i = 0; i < this.pLength; ++i) {
+            //     for(j = 0; j < this.pWidth; ++j) {
+            //         for(k = 0; k < this.pHeight; ++k) {
+            //             let index = i * widthHeight + j * height + k;
+            //             indexArray.push(index);
+            //         }
+            //     }
+            // }
+
             for(i = 0, il = indexArray.length; i < il; ++i) {
                 let index = indexArray[i];
 
@@ -35400,6 +35631,7 @@ class ApplyDisplay {
                 for(let residueid in singletonResidueHash) {
                     // get calpha
                     let calpha = ic.firstAtomObjCls.getFirstCalphaAtomObj(ic.residues[residueid]);
+                    let sideAtom = ic.firstAtomObjCls.getFirstAtomObj(ic.selectionCls.getSideAtoms(ic.residues[residueid]));
                     let atom = calpha;
 
                     let prevResidueid = atom.structure + '_' + atom.chain + '_' + (parseInt(atom.resi) - 1).toString();
@@ -35416,7 +35648,7 @@ class ApplyDisplay {
                     }
                     else if( (atom.style === 'ribbon' && atom.ss === 'coil') || (atom.style === 'strand' && atom.ss === 'coil') || atom.style === 'o3 trace' || atom.style === 'schematic' || atom.style === 'c alpha trace' || atom.style === 'b factor tube' || (atom.style === 'cylinder and plate' && atom.ss !== 'helix') ) {
                         // do not add extra residue if the side chain is shown
-                        if(calpha !== undefined && calpha.style2 !== undefined && calpha.style2 !== 'nothing') continue;
+                        if(sideAtom !== undefined && sideAtom.style2 !== undefined && sideAtom.style2 !== 'nothing') continue;
 
                         let bAddResidue = false;
                         // add the next residue with same style
@@ -35451,7 +35683,7 @@ class ApplyDisplay {
                     }
                     else if( (atom.style === 'ribbon' && atom.ss !== 'coil' && atom.ssend) || (atom.style === 'strand' && atom.ss !== 'coil' && atom.ssend)) {
                         // do not add extra residue if the side chain is shown
-                        if(calpha !== undefined && calpha.style2 !== undefined && calpha.style2 !== 'nothing') continue;
+                        if(sideAtom !== undefined && sideAtom.style2 !== undefined && sideAtom.style2 !== 'nothing') continue;
 
                         let bAddResidue = false;
                         // add the next residue with same style
@@ -38336,11 +38568,18 @@ class Alternate {
         }
 
         if(ic.scene) {
+            ic.renderer.clear();
+            
             // https://github.com/gkjohnson/three-gpu-pathtracer/blob/main/example/basic.js
             ic.renderer.outputEncoding = THREE.sRGBEncoding;
             //ic.renderer.outputEncoding = THREE.LinearEncoding
 
-            ic.renderer.render(ic.scene, cam);
+            if(ic.opts['effect'] == 'stereo' && !window.icn3duiHash) {
+                ic.effect.render(ic.scene, cam);
+            }
+            else {
+                ic.renderer.render(ic.scene, cam);
+            }           
         }
     }
 
@@ -52717,13 +52956,20 @@ class ShowInter {
         }
         // do not change the set of displaying atoms
         //ic.dAtoms = me.hashUtilsCls.cloneHash(ic.atoms);
-        let commandname, commanddesc;
+        let commandname, commanddesc, commandname2;
         let firstAtom = ic.firstAtomObjCls.getFirstAtomObj(atomlistTarget);
+
         if(firstAtom !== undefined) {
             commandname = "sphere." + firstAtom.chain + ":" + me.utilsCls.residueName2Abbr(firstAtom.resn.substr(0, 3)).trim() + firstAtom.resi + "-" + radius + "A";
-            if(bInteraction) commandname = "interactions." + firstAtom.chain + ":" + me.utilsCls.residueName2Abbr(firstAtom.resn.substr(0, 3)).trim() + firstAtom.resi + "-" + $("#" + ic.pre + "contactthreshold").val() + "A";
+            //sometimes firstAtom.resi changed, thus we add a general name
+            commandname2 = "sphere-" + radius + "A";
+            if(bInteraction) {
+                commandname = "interactions." + firstAtom.chain + ":" + me.utilsCls.residueName2Abbr(firstAtom.resn.substr(0, 3)).trim() + firstAtom.resi + "-" + $("#" + ic.pre + "contactthreshold").val() + "A";
+                commandname2 = "interactions-" + $("#" + ic.pre + "contactthreshold").val() + "A";
+            }
             commanddesc = commandname;
             ic.selectionCls.addCustomSelection(residueArray, commandname, commanddesc, select, true);
+            ic.selectionCls.addCustomSelection(residueArray, commandname2, commanddesc, select, true);
         }
         ic.selectionCls.saveSelectionIfSelected();
         ic.drawCls.draw();
@@ -54901,6 +55147,7 @@ class ChainalignParser {
 
                     ajaxArray.push(alignAjax);
                     indexArray.push(index - 1);
+                    mmdbid_q = chainidArray[index].substr(0, chainidArray[index].indexOf('_'));
                     struArray.push(mmdbid_q);
                 }
 
@@ -54929,7 +55176,8 @@ class ChainalignParser {
             let mmdbid_q = struArray[i];
             let index = indexArray[i];
 
-            let bEqualMmdbid = (mmdbid_q == mmdbid_t);
+            // let bEqualMmdbid = (mmdbid_q == mmdbid_t);
+            let bEqualMmdbid = (mmdbid_q.substr(0,4) == mmdbid_t.substr(0,4));
             let bEqualChain = false;
 
             let queryData = {}; // check whether undefined
@@ -55179,7 +55427,7 @@ class ChainalignParser {
 
     transformStructure(mmdbid, index, alignType, bForce) { let ic = this.icn3d, me = ic.icn3dui;
         let chainidArray = ic.structures[mmdbid];
-
+        
         for(let i = 0, il = chainidArray.length; i < il; ++i) {
             for(let serial in ic.chains[chainidArray[i]]) {
                 let atm = ic.atoms[serial];
@@ -55311,6 +55559,26 @@ class ChainalignParser {
         return chainidArray;
     }
 
+    addPostfixForStructureids(structArray) { let ic = this.icn3d; ic.icn3dui;
+        let struct2cnt = {};
+        for(let i = 0, il = structArray.length; i < il; ++i) {
+            let struct = structArray[i].toUpperCase(); 
+
+            if(!struct2cnt.hasOwnProperty(struct)) {
+                struct2cnt[struct] = 1;
+            }
+            else {
+                ++struct2cnt[struct];
+            }
+
+            struct = (struct2cnt[struct] == 1) ? struct : struct + struct2cnt[struct];
+
+            structArray[i] = struct;
+        }
+
+        return structArray;
+    }
+
     async downloadChainalignment(chainalign) { let ic = this.icn3d, me = ic.icn3dui;
         let thisClass = this;
 
@@ -55352,6 +55620,7 @@ class ChainalignParser {
 
         ic.afChainIndexHash = {};
         ic.pdbChainIndexHash = {};
+
         for(let index = 1, indexLen = alignArray.length; index < indexLen; ++index) {
             let pos2 = alignArray[index].indexOf('_');
             let mmdbid_q_tmp = alignArray[index].substr(0, pos2).toUpperCase();
@@ -55459,7 +55728,8 @@ class ChainalignParser {
 
             if(queryData !== undefined && JSON.stringify(queryData).indexOf('Oops there was a problem') === -1
                 ) {
-                ic.mmdbidArray.push(mmdbid_q);
+                // ic.mmdbidArray.push(mmdbid_q);
+                ic.mmdbidArray.push(mmdbid_q.substr(0,4));
                 queryDataArray.push(queryData);
             }
             else {
@@ -55498,7 +55768,8 @@ class ChainalignParser {
                     // let align = (me.bNode) ? dataArray[index2 - missedChainCnt] : dataArray[index2 - missedChainCnt].value;//[0];
                     let align = dataArray[index2 - missedChainCnt].value;//[0];
 
-                    let bEqualMmdbid = (mmdbid_q == mmdbid_t);
+                    // let bEqualMmdbid = (mmdbid_q == mmdbid_t);
+                    let bEqualMmdbid = (mmdbid_q.substr(0,4) == mmdbid_t.substr(0,4));
                     let bEqualChain = (chain_q == chain_t);
 
                     me.htmlCls.clickMenuCls.setLogCmd("Align " + mmdbid_t + " with " + mmdbid_q, false);
@@ -55669,15 +55940,14 @@ class ChainalignParser {
 
         let structArray = [];
 
-        for(let i = 0, il = structArrayTmp.length; i < il; ++i) {
-            let id = structArrayTmp[i].toUpperCase();
-            // sometimes we want to load same structure multiple times
-            if(!ic.structures.hasOwnProperty(id) && structArray.indexOf(id) == -1) {
-                structArray.push(structArrayTmp[i]);
-            }
-            else {
-                // only when bNoDuplicate is undefined/false, it's allowed to load multiple copies of the same structure
-                if(!bNoDuplicate) structArray.push(structArrayTmp[i] + me.htmlCls.postfix);
+        // only when bNoDuplicate is undefined/false, it's allowed to load multiple copies of the same structure
+        if(!bNoDuplicate) {
+            structArray =  this.addPostfixForStructureids(structArrayTmp);
+        }
+        else {
+            for(let i = 0, il = structArrayTmp.length; i < il; ++i) {
+                let id = structArrayTmp[i].toUpperCase();
+                if(!ic.structures.hasOwnProperty(id)) structArray.push(structArrayTmp[i]);
             }
         }
         
@@ -59672,6 +59942,283 @@ class XyzParser {
     }
 }
 
+/**
+ * @author Jiyao Wang <wangjiy@ncbi.nlm.nih.gov> / https://github.com/ncbi/icn3d
+ */
+
+class MsaParser {
+    constructor(icn3d) {
+        this.icn3d = icn3d;
+    }
+
+    async loadMsaData(data, type) { let ic = this.icn3d, me = ic.icn3dui;
+        let bResult = await this.loadMsaSeqData(data, type);
+
+        if(me.cfg.align === undefined && Object.keys(ic.structures).length == 1) {
+            $("#" + ic.pre + "alternateWrapper").hide();
+        }
+
+        let typeStr = type.toUpperCase();
+
+        if(!bResult) {
+          alert('The ' + typeStr + ' file has the wrong format...');
+        }
+        else {
+            // retrieve the structures
+            me.cfg.bu = 0; // show all chains
+            await ic.chainalignParserCls.downloadMmdbAf(ic.struArray.join(','));
+            me.htmlCls.clickMenuCls.setLogCmd('load mmdbaf0 ' + ic.struArray.join(','), true);
+
+            // get the position of the first MSA residue in the full sequence
+            let startPosArray = []; 
+            for(let i = 0, il = ic.inputChainidArray.length; i < il; ++i) {
+                let chainid = ic.inputChainidArray[i];
+                let inputSeqNoGap = ic.inputSeqArray[i].replace(/-/g, '');
+
+                // get the full seq
+                let fullSeq = '';
+                for(let j = 0, jl = ic.chainsSeq[chainid].length; j < jl; ++j) {
+                    fullSeq += ic.chainsSeq[chainid][j].name;
+                }
+
+                // find the starting position of "inputSeq" in "fullSeq" 
+                let pos = fullSeq.toUpperCase().indexOf(inputSeqNoGap.substr(0, 20).toUpperCase());
+                if(pos == -1) {
+                    console.log("The sequence of the aligned chain " + chainid + " (" + inputSeqNoGap.toUpperCase() + ") is different from the sequence from the structure (" + fullSeq.toUpperCase() + "), and is thus not aligned correctly...");
+                    pos = 0;
+                }
+                startPosArray.push(pos);
+            }
+
+            // define residue mapping
+            // The format is ": "-separated pairs: "1,5,10-50 | 1,5,10-50: 2,6,11-51 | 1,5,10-50"
+            let predefinedres = '';
+
+            let chainid1 = ic.inputChainidArray[0], inputSeq1 = ic.inputSeqArray[0], pos1 = startPosArray[0];
+            // loop through 2nd and forward
+            for(let i = 1, il = ic.inputChainidArray.length; i < il; ++i) {
+                let chainid2 = ic.inputChainidArray[i];
+                let inputSeq2 = ic.inputSeqArray[i];
+                let pos2 = startPosArray[i];
+
+                let index1 = pos1, index2 = pos2;
+                let resiArray1 = [], resiArray2 = [];
+                for(let j = 0, jl = inputSeq2.length; j < jl; ++j) {
+                    if(inputSeq1[j] != '-' && inputSeq2[j] != '-' && ic.chainsSeq[chainid1][index1] && ic.chainsSeq[chainid2][index2]) {
+                        let resi1 = ic.chainsSeq[chainid1][index1].resi;
+                        let resi2 = ic.chainsSeq[chainid2][index2].resi;
+                        if(ic.residues[chainid1 + '_' + resi1] && ic.residues[chainid2 + '_' + resi2]) {
+                            resiArray1.push(ic.chainsSeq[chainid1][index1].resi);
+                            resiArray2.push(ic.chainsSeq[chainid2][index2].resi);
+                        }
+                    }
+                    
+                    if(inputSeq1[j] != '-') ++index1;
+                    if(inputSeq2[j] != '-') ++index2;
+                }
+                let resiRangeStr1 = ic.resid2specCls.resi2range(resiArray1, true);
+                let resiRangeStr2 = ic.resid2specCls.resi2range(resiArray2, true);
+
+                predefinedres += resiRangeStr1 + ' | ' + resiRangeStr2;
+                if(i < il -1) predefinedres += ': ';
+            }
+
+            // realign based on residue by residue
+            let alignment_final = ic.inputChainidArray.join(',');
+
+            if(predefinedres && (alignment_final.split(',').length - 1) != predefinedres.split(': ').length) {
+                alert("Please make sure the number of chains and the lines of predefined residues are the same...");
+                return;
+            }
+
+            me.cfg.resdef = predefinedres.replace(/:/gi, ';');
+
+            let bRealign = true, bPredefined = true;
+            let chainidArray = alignment_final.split(',');
+            await ic.realignParserCls.realignChainOnSeqAlign(undefined, chainidArray, bRealign, bPredefined);
+ 
+            me.htmlCls.clickMenuCls.setLogCmd("realign predefined " + alignment_final + " " + predefinedres, true);
+
+
+            ic.opts['color'] = 'identity';
+            ic.setColorCls.setColorByOptions(ic.opts, ic.hAtoms);
+            me.htmlCls.clickMenuCls.setLogCmd("color identity", true);
+
+            // show selection
+            ic.selectionCls.showSelection();
+            me.htmlCls.clickMenuCls.setLogCmd("show selection", true);
+        }
+    }
+
+    async loadMsaSeqData(data, type) { let ic = this.icn3d; ic.icn3dui;
+        let lines = data.split(/\r?\n|\r/);
+        if(lines.length < 2) return false;
+
+        ic.init();
+
+        ic.molTitle = "";
+
+        let seqHash = {};
+
+        let bStart = false, bSecBlock = false, chainid = '', seq = '', bFound = false;
+
+        if(type == 'clustalw' && lines[0].substr(0,7) != 'CLUSTAL') { // CLUSTAL W or CLUSTALW
+            return false;
+        }
+
+        let startLineNum = (type == 'clustalw') ? 1 : 0;
+
+        // 1. parse input msa
+        for(let i = startLineNum, il = lines.length; i < il; ++i) {
+            let line = lines[i].trim();
+            if(line === '') {
+                if(bStart) bSecBlock = true;
+                bStart = false;
+                continue;
+            }
+
+            if(!bStart) { // first line
+                if(type == 'fasta' && line.substr(0,1) != '>') {
+                    return false;
+                }
+                bStart = true;
+            }
+
+            if(type == 'clustalw') {
+                if(line.substr(0, 1) != ' ' && line.substr(0, 1) != '\t') {
+                    let chainid_seq = line.split(/\s+/);
+                    let idArray = chainid_seq[0].split('|');
+                    let result = this.getChainid(idArray, bStart && !bSecBlock);
+                    bFound = result.bFound;
+                    chainid = result.chainid;
+
+                    if(bFound) {
+                        if(!seqHash.hasOwnProperty(chainid)) {
+                            seqHash[chainid] = chainid_seq[1];
+                        }
+                        else {
+                            seqHash[chainid] += chainid_seq[1];
+                        }
+                    }
+                }
+            }
+            else if(type == 'fasta') {
+                if(line.substr(0,1) == ">") {
+                    // add the previous seq
+                    if(chainid && seq && bFound) seqHash[chainid] = seq;
+                    chainid = '';
+                    seq = '';
+
+                    let pos = line.indexOf(' ');
+                    let idArray = line.substr(1, pos).split('|');
+                    
+                    if(idArray.length == 1) {
+                        chainid = idArray[0];
+                    }
+                    else {
+                        let result = this.getChainid(idArray, true);
+                        bFound = result.bFound;
+                        chainid = result.chainid;
+                    }
+                }
+                else {
+                    seq += line;
+                }
+            }
+        }
+
+        // add the last seq
+        if(type == 'fasta' && chainid && seq && bFound) seqHash[chainid] = seq;
+
+        // 2. get the PDB ID or RefSeqID or AlphaFold ID
+        ic.inputChainidArray = [];
+        ic.inputSeqArray = [];
+        ic.struArray = [];
+
+        // find the tempate where the first residue is not gap
+        let template = '';
+        for(let chainid in seqHash) {
+            let seq = seqHash[chainid];
+            if(seq.substr(0,1) != '-') {
+                template = chainid;
+                await this.processOneChain(chainid, seqHash);
+                break;
+            }
+        }
+        if(!template) template = Object.keys(seqHash)[0];
+
+        for(let chainid in seqHash) {
+            if(chainid != template) await this.processOneChain(chainid, seqHash);
+        }
+
+        return true;
+    }
+
+    async processOneChain(chainid, seqHash) { let ic = this.icn3d, me = ic.icn3dui;
+        ic.inputSeqArray.push(seqHash[chainid]);
+        // ic.inputSeqArray.push(seqHash[chainid].replace(/-/g, '')); // remove the gaps in seq
+
+        if(chainid.lastIndexOf('_') == 2) { // refseq ID
+            // convert refseq to uniprot id
+            let url = me.htmlCls.baseUrl + "vastdyn/vastdyn.cgi?refseq2uniprot=" + chainid;
+    
+            let data = await me.getAjaxPromise(url, 'jsonp', false, 'The protein accession ' + chainid + ' can not be mapped to AlphaFold UniProt ID...');
+            if(data && data.uniprot) {
+                if(!ic.uniprot2acc) ic.uniprot2acc = {};
+                let uniprot = data.uniprot;
+                ic.uniprot2acc[uniprot] = chainid;
+                ic.struArray.push(uniprot);
+                ic.inputChainidArray.push(uniprot + '_A');
+            }
+            else {
+                console.log('The accession ' + refseqid + ' can not be mapped to AlphaFold UniProt ID. It will be treated as a UniProt ID instead.');
+                ic.struArray.push(chainid);
+                ic.inputChainidArray.push(chainid + '_A');
+            }
+        }
+        else if(chainid.indexOf('_') != -1) { // PDB ID
+            let stru = chainid.substr(0, chainid.indexOf('_')).substr(0, 4);
+            ic.struArray.push(stru);
+            ic.inputChainidArray.push(chainid);
+        }
+        else if(chainid.length > 5) { // UniProt ID
+            ic.struArray.push(chainid);
+            ic.inputChainidArray.push(chainid + '_A');
+        }
+    }
+
+    getChainid(idArray, bWarning) { let ic = this.icn3d; ic.icn3dui;
+        let bFound = false;
+        let chainid = idArray[0];
+
+        for(let j = 0, jl = idArray.length; j < jl; ++j) {
+            if(idArray[j] == 'pdb') {
+                chainid = idArray[j+1] + '_' + idArray[j+2];
+                bFound = true;
+                break;
+            }
+            else if(idArray[j] == 'ref') { // refseq
+                let refseq = idArray[j+1].split('.')[0];
+                chainid = refseq; // + '_A';
+                bFound = true;
+                break;
+            }
+            else if(idArray[j] == 'sp' || idArray[j] == 'tr') { // uniprot
+                let uniprot = idArray[j+1];
+                chainid = uniprot;
+                bFound = true;
+                break;
+            }
+        }
+
+        if(!bFound && bWarning) {
+            alert("The sequence ID " + idArray.join('|') + " does not have the correctly formatted PDB, UniProt or RefSeq ID...");
+        }
+
+        return {chainid: chainid, bFound: bFound};
+    }
+}
+
 /**
  * @author Jiyao Wang <wangjiy@ncbi.nlm.nih.gov> / https://github.com/ncbi/icn3d
  */
@@ -59813,7 +60360,7 @@ class RealignParser {
       // If rmsd from vastsrv is too large, realign the chains
       //if(me.cfg.chainalign && !me.cfg.usepdbnum && me.cfg.resdef && rmsd > 5) {  
       // redo algnment only for VAST serv page 
-      if(!me.cfg.usepdbnum && me.cfg.resdef && rmsd > 5) {    
+      if(!me.cfg.usepdbnum && me.cfg.resdef && rmsd > 5 && me.cfg.chainalign) {    
         console.log("RMSD from VAST is larger than 5. Realign the chains with TM-align."); 
         //let nameArray = me.cfg.chainalign.split(',');
         let nameArray = Object.keys(chainidHash);
@@ -60269,7 +60816,8 @@ let resRangeArray = (me.cfg.resrange) ? decodeURIComponent(me.cfg.resrange).spli
         let predefinedResArray, predefinedResPair;
 
         if(bPredefined) {
-            predefinedResArray = decodeURIComponent(me.cfg.resdef).trim().replace(/\+/gi, ' ').split(': ');
+            // predefinedResArray = decodeURIComponent(me.cfg.resdef).trim().replace(/\+/gi, ' ').split(': ');
+            predefinedResArray = decodeURIComponent(me.cfg.resdef).trim().replace(/\+/gi, ' ').split('; ');
             
             if(predefinedResArray.length != chainidArray.length - 1) {
                alert("Please make sure the number of chains and the lines of predefined residues are the same...");
@@ -60546,7 +61094,7 @@ class DensityCifParser {
        let thisClass = this;
 
        let url;
-       let detail = (me.utilsCls.isMobile() || me.cfg.notebook) ? 2 : 4; //0 : 4;
+       let detail = (me.utilsCls.isMobile() || me.cfg.notebook) ? 0 : 4; // max 6
 
        //https://www.ebi.ac.uk/pdbe/densities/doc.html
        if(type == '2fofc' || type == 'fofc') {
@@ -60557,6 +61105,7 @@ class DensityCifParser {
             url = "https://www.ebi.ac.uk/pdbe/volume-server/x-ray/" + pdbid.toLowerCase() + "/box/" + min_max[0][0] + "," + min_max[0][1] + "," + min_max[0][2] + "/" + min_max[1][0] + "," + min_max[1][1] + "," + min_max[1][2] + "?detail=" + detail;
        }
        else if(type == 'em') {
+           detail = (me.utilsCls.isMobile() || me.cfg.notebook) ? 0: 5; // max 6
            url = "https://www.ebi.ac.uk/pdbe/densities/emd/" + emd.toLowerCase() + "/cell?detail=" + detail;
        }
 
@@ -62130,11 +62679,12 @@ class ParserUtils {
       
       // set defined sets before loadScript
       if(ic.bInitial) {
-        if(me.cfg.mobilemenu) {
-            me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
-            let bNoSave = true;
-            me.htmlCls.clickMenuCls.applyShownMenus(bNoSave);
-        }
+        // if(me.cfg.mobilemenu) {
+        //     me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.simpleMenus);
+        //     let bNoSave = true;
+        //     me.htmlCls.clickMenuCls.applyShownMenus(bNoSave);
+        // }
+
         // else {
         //     me.htmlCls.shownMenus = me.hashUtilsCls.cloneHash(me.htmlCls.allMenus);
         //     me.htmlCls.clickMenuCls.applyShownMenus();
@@ -63171,6 +63721,7 @@ class SetSeqAlign {
     setSeqAlign(seqalign, alignedStructures) { let ic = this.icn3d, me = ic.icn3dui;
           let mmdbid1 = alignedStructures[0][0].pdbId;
           let mmdbid2 = alignedStructures[0][1].pdbId;
+          let chainid1, chainid2;
 
           ic.conservedName1 = mmdbid1 + '_cons';
           ic.nonConservedName1 = mmdbid1 + '_ncons';
@@ -63194,7 +63745,7 @@ class SetSeqAlign {
               let molid1 = alignData.moleculeId;
 
               let chain1 = ic.pdbid_molid2chain[mmdbid1 + '_' + molid1];
-              let chainid1 = mmdbid1 + '_' + chain1;
+              chainid1 = mmdbid1 + '_' + chain1;
 
               let id2aligninfo = {};
               let start = alignData.sequence.length, end = -1;
@@ -63226,7 +63777,7 @@ class SetSeqAlign {
               let molid2 = alignData.moleculeId;
 
               let chain2 = ic.pdbid_molid2chain[mmdbid2 + '_' + molid2];
-              let chainid2 = mmdbid2 + '_' + chain2;
+              chainid2 = mmdbid2 + '_' + chain2;
 
               // annotation title for the master seq only
               if(ic.alnChainsAnTtl[chainid1] === undefined ) ic.alnChainsAnTtl[chainid1] = [];
@@ -63394,7 +63945,9 @@ class SetSeqAlign {
                   ic.alnChainsAnno[chainid1][3].push(numberStr); // symbol: 10, 20, etc, empty for rest
 
                   ++alignIndex;
-              } // end for(let j           
+              } // end for(let j
+              
+              this.setMsaFormat([chainid1, chainid2]);
           } // end for(let i
 
           seqalign = {};
@@ -63474,7 +64027,7 @@ class SetSeqAlign {
     }
 
     setSeqAlignChain(chainid, chainIndex, chainidArray) { let ic = this.icn3d, me = ic.icn3dui;
-        let hAtoms = {};
+          let hAtoms = {};
 
           let bRealign = (chainidArray) ? true : false;
           let mmdbid1, mmdbid2, chain1, chain2, chainid1, chainid2, pos1, pos2;
@@ -63695,23 +64248,6 @@ class SetSeqAlign {
                   ///if(ic.chainsSeq[chainid1] === undefined || ic.chainsSeq[chainid2] === undefined) break;
 
                   let resi1, resi2, resn1, resn2;
-/*                 
-                  if(bRealign) { // tmalign: just one residue in this for loop
-                    if(me.cfg.aligntool == 'tmalign') {
-                        resi1 = ic.qt_start_end[chainIndex][i].t_start;
-                        resi2 = ic.qt_start_end[chainIndex][i].q_start;
-                    }
-                    else {
-                        resi1 = j + start1;
-                        resi2 = j + start2;
-                    }
-
-                    resn1 = this.getResnFromResi(chainid1, resi1).toUpperCase();
-                    resn2 = this.getResnFromResi(chainid2, resi2).toUpperCase();
-
-                    if(resn1 == '?' || resn2 == '?') continue;
-                  }
-*/
                   if(bRealign && me.cfg.aligntool == 'tmalign') { // tmalign: just one residue in this for loop
                     resi1 = ic.qt_start_end[chainIndex][i].t_start;
                     resi2 = ic.qt_start_end[chainIndex][i].q_start;
@@ -63722,15 +64258,6 @@ class SetSeqAlign {
                     if(resn1 == '?' || resn2 == '?') continue;
                   }
                   else {
-                    ///if(ic.chainsSeq[chainid1][j + start1] === undefined || ic.chainsSeq[chainid2][j + start2] === undefined) continue;
-
-                    // resi1 = ic.chainsSeq[chainid1][j + start1].resi;
-                    // resi2 = ic.chainsSeq[chainid2][j + start2].resi;
-                    // resn1 = ic.chainsSeq[chainid1][j + start1].name.toUpperCase();
-                    // resn2 = ic.chainsSeq[chainid2][j + start2].name.toUpperCase();
-
-                    // resi1 =  this.getResiAferAlign(chainid1, bRealign, j + start1 + 1);
-                    // resi2 =  this.getResiAferAlign(chainid2, bRealign, j + start2 + 1);
                     resi1 =  this.getResiAferAlign(chainid1, bRealign, j + start1);
                     resi2 =  this.getResiAferAlign(chainid2, bRealign, j + start2);
                     resn1 = this.getResnFromResi(chainid1, resi1).toUpperCase();
@@ -63770,14 +64297,15 @@ class SetSeqAlign {
 
               prevIndex1 = end1;
               prevIndex2 = end2;
-          } // end for(let i
+          } // end for(let i 
+
+          this.setMsaFormat([chainid1, chainid2]);
 
           return hAtoms;
     }
 
     setSeqAlignChainForAll(chainidArray, index_alignLen, bRealign) { let ic = this.icn3d, me = ic.icn3dui;
         let hAtoms = {};
-
         let chainid1 = chainidArray[0];
 
         ic.alnChainsAnno[chainid1] = [];
@@ -63931,7 +64459,8 @@ class SetSeqAlign {
             resObject.aligned = (resid2range_t[resid]) ? true : false;
             resObject.color = (resid2range_t[resid]) ? '#FF0000' : me.htmlCls.GREYC; // color by identity
             resObject.color2 = (resid2range_t[resid]) ? '#FF0000' : me.htmlCls.GREYC; // color by conservation
-            resObject.class = (resid2range_t[resid]) ? 'icn3d-align' : 'icn3d-nalign';
+            // resObject.class = (resid2range_t[resid]) ? 'icn3d-align' : 'icn3d-nalign';
+            resObject.class = (resid2range_t[resid]) ? 'icn3d-cons' : 'icn3d-nalign';
     
             ic.alnChainsSeq[chainid1].push(resObject);
 
@@ -63950,7 +64479,9 @@ class SetSeqAlign {
             let hAtomsTmp = this.mergeTwoSeqForAll(chainidArray, index, alignedChainIndice, resid2range_t, start_t, end_t, bRealign);
 
             hAtoms = me.hashUtilsCls.unionHash(hAtoms, hAtomsTmp);
-        }      
+        }   
+
+        this.setMsaFormat(chainidArray);
           
         // 3. assign the variable ic.alnChainsAnno
         for(let i = 0; i < 3 + 2*n; ++i) {
@@ -64021,7 +64552,7 @@ class SetSeqAlign {
         resObject.aligned = (bGap) ? false : bAligned;
         resObject.color = (bGap || !bAligned) ? me.htmlCls.GREYC : ((resn == resn_t) ? "#FF0000" : "#0000FF"); // color by identity
         resObject.color2 = (bGap || !bAligned) ? me.htmlCls.GREYC : '#' + ic.showAnnoCls.getColorhexFromBlosum62(resn, resn_t); // color by conservation
-        resObject.class = (bGap || !bAligned) ? 'icn3d-nalign' : 'icn3d-align';
+        resObject.class = (bGap || !bAligned) ? 'icn3d-nalign' :  ((resn == resn_t) ? "icn3d-cons" : "icn3d-ncons");
 
         return resObject;
     }
@@ -64295,7 +64826,7 @@ class SetSeqAlign {
         pos2 = result.pos2;
         for(let i = pos1; i < pos2; ++i) {
         //for(let i = pos1; i <= pos2; ++i) {
-            ic.alnChainsSeq[chainid2].push(gapResObject2);           
+            ic.alnChainsSeq[chainid2].push(gapResObject2);      
         }     
 
         return hAtoms;
@@ -64622,6 +65153,108 @@ class SetSeqAlign {
             }
         }
     }   
+
+    setMsaFormat(chainidArray) { let ic = this.icn3d; ic.icn3dui;
+        //set MSA
+        let fastaFormat = '', clustalwFormat = 'CLUSTALWW\n\n', resbyresFormat = '';
+        let chainArrayClustal = [];
+        
+        let consArray = [], resiArrayTemplate = [];
+        let chainidTemplate = chainidArray[0];
+        for(let i = 0, il = chainidArray.length; i < il; ++i) { 
+            let chainid = chainidArray[i];
+            fastaFormat += '>' + chainid + '\n';
+
+            let clustalwArray = [];
+            let clustalwLine = chainid.padEnd(20, ' ');
+            let consLine = ''.padEnd(20, ' ');
+
+            let resiArrayTarget = [], resiArrayQuery = [];
+
+            let cnt = 0;
+            for(let j = 0, jl = ic.alnChainsSeq[chainid].length; j < jl; ++j) {
+                let resn = ic.alnChainsSeq[chainid][j].resn;
+                fastaFormat += resn;
+                clustalwLine += resn;
+                if(i == il - 1) {
+                    let alignedClass = ic.alnChainsSeq[chainid][j].class;
+                    if(alignedClass == 'icn3d-cons') {
+                        consLine += '*';
+                    }
+                    else if(alignedClass == 'icn3d-ncons') {
+                        consLine += '.';
+                    }
+                    else {
+                        consLine += ' ';
+                    }
+                }
+
+                // residue by residue 
+                if(i == 0) {
+                    resiArrayTemplate.push(ic.alnChainsSeq[chainid][j].resi);
+                }
+                else {
+                    // if(ic.alnChainsSeq[chainid][j].aligned) {
+                    if(ic.alnChainsSeq[chainid][j].aligned && ic.alnChainsSeq[chainidTemplate][j] && ic.alnChainsSeq[chainid][j]) {
+                        resiArrayTarget.push(ic.alnChainsSeq[chainidTemplate][j].resi);
+                        resiArrayQuery.push(ic.alnChainsSeq[chainid][j].resi);
+                    }
+                }
+
+                ++cnt;
+
+                if(cnt % 60 == 0) {
+                    fastaFormat += '\n';
+                    clustalwLine += ' ' + String(parseInt(cnt / 60) * 60);
+                    clustalwArray.push(clustalwLine);
+                    clustalwLine = chainid.padEnd(20, ' ');
+
+                    if(i == il - 1) {
+                        consArray.push(consLine);
+                        consLine = ''.padEnd(20, ' ');
+                    }
+                }
+            }
+
+            // add last line
+            if(cnt % 60 != 0) {
+                clustalwArray.push(clustalwLine);
+                if(i == il - 1) {
+                    consArray.push(consLine);
+                }
+            }
+
+            fastaFormat += '\n';
+
+            chainArrayClustal.push(clustalwArray);
+            if(i == il - 1) chainArrayClustal.push(consArray);
+
+            // residue by residue
+            let resiRangeStr1 = ic.resid2specCls.resi2range(resiArrayTarget, true);
+            let resiRangeStr2 = ic.resid2specCls.resi2range(resiArrayQuery, true);
+
+            if(i > 0) resbyresFormat += resiRangeStr1 + ' | ' + resiRangeStr2 + '\n';
+        }
+
+        // CLUSTALWW
+        for(let j = 0, jl = chainArrayClustal[0].length; j < jl; ++j) {
+            for(let i = 0, il = chainArrayClustal.length; i < il; ++i) {
+                clustalwFormat += chainArrayClustal[i][j] + '\n';
+            }
+            clustalwFormat += '\n';
+        }
+        
+        // seq MSA
+        if(!ic.msa) ic.msa = {};
+
+        if(!ic.msa['fasta']) ic.msa['fasta'] = [];
+        if(!ic.msa['clustalw']) ic.msa['clustalw'] = [];
+        if(!ic.msa['resbyres']) ic.msa['resbyres'] = [];
+
+        ic.msa['fasta'].push(fastaFormat);
+        ic.msa['clustalw'].push(clustalwFormat);
+        ic.msa['resbyres'].push(resbyresFormat);
+    }
 }
 
 /**
@@ -67375,6 +68008,12 @@ class ApplyCommand {
       else if(command == 'set slab off') {
         ic.opts['slab'] = 'no';
       }
+      else if(command == 'stereo on') {
+        ic.opts['effect'] = 'stereo';
+      }
+      else if(command == 'stereo off') {
+        ic.opts['effect'] = 'none';
+      }
       else if(command == 'set assembly on') {
         ic.bAssembly = true;
       }
@@ -69448,16 +70087,26 @@ class DefinedSets {
        } // outer for
     }
 
-    setHAtomsFromSets(nameArray, type) { let ic = this.icn3d, me = ic.icn3dui;
+    setHAtomsFromSets(nameArray, type) { let ic = this.icn3d; ic.icn3dui;
        for(let i = 0; i < nameArray.length; ++i) {
          let selectedSet = nameArray[i];
 
-         if((ic.defNames2Atoms === undefined || !ic.defNames2Atoms.hasOwnProperty(selectedSet)) &&(ic.defNames2Residues === undefined || !ic.defNames2Residues.hasOwnProperty(selectedSet)) ) continue;
+         this.setHAtomsFromSets_base(selectedSet, type);
 
+         // sometimes the "resi" changed and thus the name changed
+         //"sphere." + firstAtom.chain + ":" + me.utilsCls.residueName2Abbr(firstAtom.resn.substr(0, 3)).trim() + firstAtom.resi + "-" + radius + "A";
+         if(Object.keys(ic.hAtoms).length == 0 && (selectedSet.split('.')[0] == 'sphere' || selectedSet.split('.')[0] == 'interactions')) {
+            let pos = selectedSet.lastIndexOf('-');
+            selectedSet = selectedSet.split('.')[0] + selectedSet.substr(pos);
+            this.setHAtomsFromSets_base(selectedSet, type);
+         }
+       } // outer for
+    }
+
+    setHAtomsFromSets_base(selectedSet, type) { let ic = this.icn3d, me = ic.icn3dui;
          if(ic.defNames2Atoms !== undefined && ic.defNames2Atoms.hasOwnProperty(selectedSet)) {
 
              let atomArray = ic.defNames2Atoms[selectedSet];
-
              if(type === 'or') {
                  for(let j = 0, jl = atomArray.length; j < jl; ++j) {
                      ic.hAtoms[atomArray[j]] = 1;
@@ -69503,7 +70152,6 @@ class DefinedSets {
                  ic.hAtoms = me.hashUtilsCls.exclHash(ic.hAtoms, atomHash);
              }
          }
-       } // outer for
     }
 
     updateAdvancedCommands(nameArray, type) { let ic = this.icn3d; ic.icn3dui;
@@ -69526,6 +70174,7 @@ class DefinedSets {
 
     combineSets(orArray, andArray, notArray, commandname) { let ic = this.icn3d, me = ic.icn3dui;
        ic.hAtoms = {};
+       
        this.setHAtomsFromSets(orArray, 'or');
 
        if(Object.keys(ic.hAtoms).length == 0) {
@@ -71621,19 +72270,22 @@ class Selection {
     selectSideChains() { let ic = this.icn3d, me = ic.icn3dui;
         let currHAtoms = me.hashUtilsCls.cloneHash(ic.hAtoms);
 
-        //let nuclMainArray = ["C1'", "C1*", "C2'", "C2*", "C3'", "C3*", "C4'", "C4*", "C5'", "C5*", "O3'", "O3*", "O4'", "O4*", "O5'", "O5*", "P", "OP1", "O1P", "OP2", "O2P"];
+        ic.hAtoms = this.getSideAtoms(currHAtoms);
+        ic.hlUpdateCls.showHighlight();
+    }
 
-        ic.hAtoms = {};
-        for(let i in currHAtoms) {
+    getSideAtoms(atoms) { let ic = this.icn3d, me = ic.icn3dui;
+        let sideAtoms = {};
+        for(let i in atoms) {
             if((ic.proteins.hasOwnProperty(i) && ic.atoms[i].name !== "N" && ic.atoms[i].name !== "H" 
               && ic.atoms[i].name !== "C" && ic.atoms[i].name !== "O"
               && !(ic.atoms[i].name === "CA" && ic.atoms[i].elem === "C") && ic.atoms[i].name !== "HA")
               ||(ic.nucleotides.hasOwnProperty(i) && me.parasCls.nuclMainArray.indexOf(ic.atoms[i].name) === -1) ) {
-                ic.hAtoms[i] = 1;
+                sideAtoms[i] = 1;
             }
         }
 
-        ic.hlUpdateCls.showHighlight();
+        return sideAtoms;
     }
 
     selectMainSideChains() { let ic = this.icn3d, me = ic.icn3dui;
@@ -72246,21 +72898,29 @@ class Resid2spec {
          return spec;
     }
 
-    resi2range(resiArray) {var ic = this.icn3d; ic.icn3dui;
-        let range = [];
+    resi2range(resiArray, bString) {var ic = this.icn3d; ic.icn3dui;
+        let range = [], rangeStr = '';
     
-        let resiArraySorted = resiArray.sort(function(a, b) {
-           return parseInt(a) - parseInt(b);
-        });
+        // some chains such as 3SN6_R start with residues with high residue numbers, then end with residues with low residue numbers
+        // let resiArraySorted = resiArray.sort(function(a, b) {
+        //    return parseInt(a) - parseInt(b);
+        // });
+
+        let resiArraySorted = resiArray;
         
         let startResi = resiArraySorted[0];
         let prevResi, resi;
         for(let j = 0, jl = resiArraySorted.length; j < jl; ++j) {
             resi = resiArraySorted[j];
     
-            if(j != 0 && resi != prevResi + 1) {
+            if(j != 0 && parseInt(resi) != parseInt(prevResi) + 1) {
                 range.push(startResi);
                 range.push(prevResi);
+
+                if(rangeStr) rangeStr += ',';
+                if(startResi == prevResi) rangeStr += startResi;
+                else rangeStr += startResi + '-' + prevResi;
+
                 startResi = resi;
             }
     
@@ -72270,8 +72930,13 @@ class Resid2spec {
         // last residue
         range.push(startResi);
         range.push(prevResi);
-    
-        return range;
+
+        if(rangeStr) rangeStr += ',';
+        if(startResi == prevResi) rangeStr += startResi;
+        else rangeStr += startResi + '-' + prevResi;
+
+        if(bString) return rangeStr;
+        else return range;
     }
 
     atoms2spec(atomHash) {var ic = this.icn3d; ic.icn3dui;
@@ -73526,18 +74191,29 @@ class Dssp {
 
                 ic.pdbDataArray = await this.promiseWithFixedJobs(pdbAjaxArray);
 
-                let bNoMoreIg = await thisClass.parseRefPdbData(ic.pdbDataArray, template);
                 let numRound = 0;
+                let bNoMoreIg = await thisClass.parseRefPdbData(ic.pdbDataArray, template, undefined, numRound);
+                 ++numRound;
 
                 //while(!bNoMoreIg) {
                 while(!bNoMoreIg && numRound < 15) {
                     let bRerun = true;
-                    bNoMoreIg = await thisClass.parseRefPdbData(ic.pdbDataArray, template, bRerun);
+                    bNoMoreIg = await thisClass.parseRefPdbData(ic.pdbDataArray, template, bRerun, numRound);
                     ++numRound;
                 }
             }
             else {
-                await thisClass.parseRefPdbData(undefined, template);
+                await thisClass.parseRefPdbData(undefined, template, undefined, numRound);
+            }
+
+            // refnum should be adjusted after all Ig are detected since sometimes the sheet extension may affect another Ig domain
+            if(!ic.chainid2igtrack) ic.chainid2igtrack = {};
+            for(let chainid in ic.chains) {
+                let atom = ic.firstAtomObjCls.getFirstAtomObj(ic.chains[chainid]);
+                if(ic.proteins.hasOwnProperty(atom.serial)) {
+                    let giSeq = ic.showSeqCls.getSeq(chainid);
+                    ic.chainid2igtrack[chainid] = this.ajdustRefnum(giSeq, chainid);
+                }
             }
         // }
         // catch(err) {
@@ -73546,7 +74222,7 @@ class Dssp {
         // }
     }
 
-    async parseRefPdbData(dataArray, template, bRerun) { let ic = this.icn3d, me = ic.icn3dui;
+    async parseRefPdbData(dataArray, template, bRerun, numRound) { let ic = this.icn3d, me = ic.icn3dui;
         let thisClass = this;
 
         let struArray = Object.keys(ic.structures);
@@ -73640,7 +74316,7 @@ class Dssp {
                 dataArray2 = await this.promiseWithFixedJobs(ajaxArray);
 
                 let bRound1 = true;
-                bNoMoreIg = await thisClass.parseAlignData(dataArray2, domainidpairArray, bRound1);
+                bNoMoreIg = await thisClass.parseAlignData(dataArray2, domainidpairArray, bRound1, numRound);
 
                 /// if(ic.deferredRefnum !== undefined) ic.deferredRefnum.resolve();
             }
@@ -73686,7 +74362,7 @@ class Dssp {
 
                 dataArray3 = await this.promiseWithFixedJobs(ajaxArray);
 
-                bNoMoreIg = await thisClass.parseAlignData(dataArray3, domainidpairArray3);
+                bNoMoreIg = await thisClass.parseAlignData(dataArray3, domainidpairArray3, undefined, numRound);
             }
 
             return bNoMoreIg;
@@ -73914,7 +74590,7 @@ class Dssp {
                             delete ic.domainid2refpdbname[domainid];
                             delete ic.domainid2score[domainid];
                         }
-                        continue;  
+                        continue;                          
                   }
                 // }
             }
@@ -73978,7 +74654,7 @@ class Dssp {
         return domainid2segs; // only used in round 2
     }
 
-    async parseAlignData(dataArray, domainidpairArray, bRound1) { let ic = this.icn3d, me = ic.icn3dui;
+    async parseAlignData(dataArray, domainidpairArray, bRound1, numRound) { let ic = this.icn3d, me = ic.icn3dui;
         let bNoMoreIg = false;
 
         let domainid2segs = this.parseAlignData_part1(dataArray, domainidpairArray, bRound1);
@@ -74003,7 +74679,8 @@ class Dssp {
                 //let pdbid = domainid.substr(0, domainid.indexOf('_'));
                 let chainid = domainid.substr(0, domainid.indexOf(','));
 
-                if(ic.refpdbHash.hasOwnProperty(chainid)) {
+                // Adjusted refpdbname in the first try
+                if(ic.refpdbHash.hasOwnProperty(chainid) && numRound == 0) {
                     refpdbnameList = [chainid];
 
                     if(!me.bNode) console.log("Adjusted refpdbname for domainid " + domainid + ": " + chainid);
@@ -74056,7 +74733,7 @@ class Dssp {
 
             dataArray3 = await this.promiseWithFixedJobs(ajaxArray);
 
-            bNoMoreIg = await this.parseAlignData(dataArray3, domainidpairArray3, false);
+            bNoMoreIg = await this.parseAlignData(dataArray3, domainidpairArray3, false, numRound);
 
             // end of round 2
             return bNoMoreIg;
@@ -74301,6 +74978,8 @@ class Dssp {
             }
         }
 
+        // refnum should be adjusted after all Ig are detected since sometimes the sheet extension may affect another Ig domain
+        /*
         if(!ic.chainid2igtrack) ic.chainid2igtrack = {};
         for(let chainid in ic.chains) {
             let atom = ic.firstAtomObjCls.getFirstAtomObj(ic.chains[chainid]);
@@ -74309,6 +74988,7 @@ class Dssp {
                 ic.chainid2igtrack[chainid] = this.ajdustRefnum(giSeq, chainid);
             }
         }
+        */
     }
 
     getStrandFromRefnum(oriRefnum, finalStrand) { let ic = this.icn3d; ic.icn3dui;
@@ -79241,7 +79921,7 @@ class ResizeCanvas {
         //let itemArray = ['dl_selectannotations', 'dl_alignment', 'dl_2ddgm', 'dl_definedsets', 'dl_graph',
         //    'dl_linegraph', 'dl_scatterplot', 'dl_contactmap', 'dl_allinteraction', 'dl_copyurl',
         //    'dl_symmetry', 'dl_symd', 'dl_rmsd', 'dl_legend', 'dl_disttable'];
-        let itemArray = ['dl_2ddgm', 'dl_2dctn', 'dl_alignment', 'dl_sequence2', 'dl_definedsets', 'dl_setsmenu', 'dl_command', 'dl_setoperations', 'dl_vast', 'dl_foldseek', 'dl_mmtfid', 'dl_pdbid', 'dl_afid', 'dl_opmid', 'dl_pdbfile', 'dl_pdbfile_app', 'dl_rescolorfile', 'dl_customcolor', 'dl_align', 'dl_alignaf', 'dl_chainalign', 'dl_chainalign2', 'dl_chainalign3', 'dl_mutation', 'dl_mol2file', 'dl_sdffile', 'dl_xyzfile', 'dl_afmapfile', 'dl_urlfile', 'dl_mmciffile', 'dl_mmcifid', 'dl_mmdbid', 'dl_mmdbafid', 'dl_blast_rep_id', 'dl_yournote', 'dl_proteinname', 'dl_refseqid', 'dl_cid', 'dl_pngimage', 'dl_state', 'dl_fixedversion', 'dl_selection', 'dl_dsn6', 'dl_dsn6url', 'dl_clr', 'dl_symmetry', 'dl_symd', 'dl_contact', 'dl_hbonds', 'dl_realign', 'dl_realignbystruct', 'dl_allinteracton', 'dl_interactionsorted', 'dl_linegraph', 'dl_linegraphcolor', 'dl_scatterplot', 'dl_scatterploitcolor', 'dl_contactmap', 'dl_alignerrormap', 'dl_elecmap2fofc', 'dl_elecmapfofc', 'dl_emmap', 'dl_aroundsphere', 'dl_adjustmem', 'dl_selectplane', 'dl_addlabel', 'dl_addlabelselection', 'dl_labelColor', 'dl_distance', 'dl_stabilizer', 'dl_disttwosets', 'dl_distmanysets', 'dl_stabilizer_rm', 'dl_thickness', 'dl_thickness2', 'dl_addtrack', 'dl_addtrack_tabs', 'dl_saveselection', 'dl_copyurl', 'dl_selectannotations', 'dl_annotations_tabs', 'dl_anno_view_tabs', 'dl_annotations', 'dl_graph', 'dl_svgcolor', 'dl_area', 'dl_colorbyarea', 'dl_rmsd', 'dl_buriedarea', 'dl_propbypercentout', 'dl_propbybfactor', 'dl_legend', 'dl_disttable', 'dl_translate'];
+        let itemArray = ['dl_2ddgm', 'dl_2dctn', 'dl_alignment', 'dl_sequence2', 'dl_definedsets', 'dl_setsmenu', 'dl_command', 'dl_setoperations', 'dl_vast', 'dl_foldseek', 'dl_mmtfid', 'dl_pdbid', 'dl_afid', 'dl_opmid', 'dl_pdbfile', 'dl_pdbfile_app', 'dl_rescolorfile', 'dl_customcolor', 'dl_align', 'dl_alignaf', 'dl_chainalign', 'dl_chainalign2', 'dl_chainalign3', 'dl_mutation', 'dl_mol2file', 'dl_sdffile', 'dl_xyzfile', 'dl_clustalwfile', 'dl_fastafile', 'dl_afmapfile', 'dl_urlfile', 'dl_mmciffile', 'dl_mmcifid', 'dl_mmdbid', 'dl_mmdbafid', 'dl_blast_rep_id', 'dl_yournote', 'dl_proteinname', 'dl_refseqid', 'dl_cid', 'dl_pngimage', 'dl_state', 'dl_fixedversion', 'dl_selection', 'dl_dsn6', 'dl_dsn6url', 'dl_clr', 'dl_symmetry', 'dl_symd', 'dl_contact', 'dl_hbonds', 'dl_realign', 'dl_realignbystruct', 'dl_allinteracton', 'dl_interactionsorted', 'dl_linegraph', 'dl_linegraphcolor', 'dl_scatterplot', 'dl_scatterploitcolor', 'dl_contactmap', 'dl_alignerrormap', 'dl_elecmap2fofc', 'dl_elecmapfofc', 'dl_emmap', 'dl_aroundsphere', 'dl_adjustmem', 'dl_selectplane', 'dl_addlabel', 'dl_addlabelselection', 'dl_labelColor', 'dl_distance', 'dl_stabilizer', 'dl_disttwosets', 'dl_distmanysets', 'dl_stabilizer_rm', 'dl_thickness', 'dl_thickness2', 'dl_addtrack', 'dl_addtrack_tabs', 'dl_saveselection', 'dl_copyurl', 'dl_selectannotations', 'dl_annotations_tabs', 'dl_anno_view_tabs', 'dl_annotations', 'dl_graph', 'dl_svgcolor', 'dl_area', 'dl_colorbyarea', 'dl_rmsd', 'dl_buriedarea', 'dl_propbypercentout', 'dl_propbybfactor', 'dl_legend', 'dl_disttable', 'dl_translate'];
 
         for(let i in itemArray) {
             let item = itemArray[i];
@@ -79987,9 +80667,10 @@ class SaveFile {
                 ssObj.resn = atom.resn;
                 ssObj.resi = atom.resi;
 
-                if(parseInt(atom.resi) > parseInt(prevResi) + 1) {
-                    ssObj.ss = ' ';
-                    ssArray.push(ssObj);
+                if(parseInt(atom.resi) > parseInt(prevResi) + 1  || atom.ssbegin) {
+                    let ssObj2 = me.hashUtilsCls.cloneHash(ssObj);
+                    ssObj2.ss = ' ';
+                    ssArray.push(ssObj2);
                 }
 
                 if(atom.ss == 'helix') {
@@ -80000,13 +80681,13 @@ class SaveFile {
                     ssObj.ss = 'S';
                     ssArray.push(ssObj);
                 }
-
+/*
                 if(atom.ssend) {
                     let ssObj2 = me.hashUtilsCls.cloneHash(ssObj);
                     ssObj2.ss = ' ';
                     ssArray.push(ssObj2);
                 }
-
+*/
                 prevResi = atom.resi;
             }
 
@@ -80014,9 +80695,9 @@ class SaveFile {
             for(let i = 0, il = ssArray.length; i < il; ++i) {
                 let ssObj = ssArray[i];
 
-                if(ssObj.ss != prevSs || ssObj.ssbegin) {
+                if(ssObj.ss != prevSs) {
                     // print prev
-                    stru2header[stru] += this.printPrevSecondary(bHelix, bSheet, prevRealSsObj, ssCnt);
+                    if(prevSs !== ' ') stru2header[stru] += this.printPrevSecondary(bHelix, bSheet, prevRealSsObj, ssCnt);
 
                     // print current
                     ssCnt = 0;
@@ -80024,7 +80705,7 @@ class SaveFile {
                     bSheet = false;
                     prevRealSsObj = undefined;
 
-                    if(ssObj.ss != ' ') {
+                    if(ssObj.ss !== ' ') {
                         if(ssObj.ss == 'H') {
                             bHelix = true;
                             prevRealSsObj = ssObj;
@@ -80040,7 +80721,7 @@ class SaveFile {
                     }
                 }
 
-                if(ssObj.ss != ' ') {
+                if(ssObj.ss !== ' ') {
                     ++ssCnt;
                     prevRealSsObj = ssObj;
                 }
@@ -81889,8 +82570,10 @@ class Ray {
         this.icn3d = icn3d;
     }
 
-    rayCaster(e, bClick) {
+    rayCaster(e, bClick) { let ic = this.icn3d; ic.icn3dui;
+      if(!ic.opts || ic.opts['effect'] == 'none') {
         this.rayCasterBase(e, bClick);
+      }
     }
 
     rayCasterBase(e, bClick) { let ic = this.icn3d; ic.icn3dui;
@@ -83211,6 +83894,14 @@ class iCn3D {
                 });
             }
 
+            this.effects = {
+                //'anaglyph': new THREE.AnaglyphEffect(this.renderer),
+                //'parallax barrier': new THREE.ParallaxBarrierEffect(this.renderer),
+                //'oculus rift': new THREE.OculusRiftEffect(this.renderer),
+                'stereo': new THREE.StereoEffect(this.renderer),
+                'none': this.renderer
+            };
+
             this.overdraw = 0;
         }
         else {
@@ -83357,14 +84048,6 @@ class iCn3D {
 
     this.bExtrude = true;
 
-    this.effects = {
-        //'anaglyph': new THREE.AnaglyphEffect(this.renderer),
-        //'parallax barrier': new THREE.ParallaxBarrierEffect(this.renderer),
-        //'oculus rift': new THREE.OculusRiftEffect(this.renderer),
-        //'stereo': new THREE.StereoEffect(this.renderer),
-        'none': this.renderer
-    };
-
     this.maxD = 500; // size of the molecule
     this.oriMaxD = this.maxD; // size of the molecule
     //this.cam_z = -150;
@@ -83417,6 +84100,7 @@ class iCn3D {
     //The default display options
     this.optsOri = {};
     this.optsOri['camera']             = 'perspective';        //perspective, orthographic
+    this.optsOri['effect']             = 'none';               //stereo, none
     this.optsOri['background']         = 'black';              //transparent, black, grey, white
     this.optsOri['color']              = 'chain';              //spectrum, secondary structure, charge, hydrophobic, conserved, chain, residue, atom, b factor, red, green, blue, magenta, yellow, cyan, white, grey, custom, ig strand
     this.optsOri['proteins']           = 'ribbon';             //ribbon, strand, cylinder and plate, schematic, c alpha trace, backbone, b factor tube, lines, stick, ball and stick, sphere, nothing
@@ -83610,6 +84294,7 @@ class iCn3D {
     this.pdbParserCls = new PdbParser(this);
     this.sdfParserCls = new SdfParser(this);
     this.xyzParserCls = new XyzParser(this);
+    this.msaParserCls = new MsaParser(this);
     this.realignParserCls = new RealignParser(this);
     this.densityCifParserCls = new DensityCifParser(this);
     this.ParserUtilsCls = new ParserUtils(this);
@@ -83866,7 +84551,7 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.40.5';
+    this.REVISION = '3.42.0';
 
     // In nodejs, iCn3D defines "window = {navigator: {}}"
     this.bNode = (Object.keys(window).length < 2) ? true : false;
@@ -84617,4 +85302,4 @@ class printMsg {
   }
 }
 
-export { ARButton, AddTrack, AlignParser, AlignSW, AlignSeq, Alternate, Analysis, AnnoCddSite, AnnoContact, AnnoCrossLink, AnnoDomain, AnnoSnpClinVar, AnnoSsbond, AnnoTransMem, Annotation, ApplyCenter, ApplyClbonds, ApplyCommand, ApplyDisplay, ApplyMap, ApplyOther, ApplySsbonds, ApplySymd, Axes, Box, Brick, Camera, CartoonNucl, ChainalignParser, ClickMenu, Contact, Control, ConvertTypeCls, Curve, CurveStripArrow, Cylinder, DefinedSets, Delphi, DensityCifParser, Diagram2d, Dialog, Domain3d, Draw, DrawGraph, Dsn6Parser, Dssp, ElectronMap, Events, Export3D, FirstAtomObj, Fog, GetGraph, Glycan, HBond, HashUtilsCls, HlObjects, HlSeq, HlUpdate, Html, Impostor, Instancing, Label, Line$1 as Line, LineGraph, LoadAtomData, LoadCIF, LoadPDB, LoadScript, MarchingCube, MmcifParser, MmdbParser, Mol2Parser, MyEventCls, OpmParser, ParasCls, ParserUtils, PdbParser, PiHalogen, Picking, ProteinSurface, Ray, RealignParser, Refnum, ReprSub, Resid2spec, ResidueLabels, ResizeCanvas, RmsdSuprCls, Saltbridge, SaveFile, Scap, Scene, SdfParser, SelectByCommand, Selection, SetColor, SetDialog, SetHtml, SetMenu, SetOption, SetSeqAlign, SetStyle, ShareLink, ShowAnno, ShowInter, ShowSeq, Sphere$1 as Sphere, Stick, Strand, Strip, SubdivideCls, Surface, Symd, ThreeDPrint, Transform, Tube, UtilsCls, VRButton, Vastplus, ViewInterPairs, XyzParser, iCn3D, iCn3DUI, printMsg };
+export { ARButton, AddTrack, AlignParser, AlignSW, AlignSeq, Alternate, Analysis, AnnoCddSite, AnnoContact, AnnoCrossLink, AnnoDomain, AnnoSnpClinVar, AnnoSsbond, AnnoTransMem, Annotation, ApplyCenter, ApplyClbonds, ApplyCommand, ApplyDisplay, ApplyMap, ApplyOther, ApplySsbonds, ApplySymd, Axes, Box, Brick, Camera, CartoonNucl, ChainalignParser, ClickMenu, Contact, Control, ConvertTypeCls, Curve, CurveStripArrow, Cylinder, DefinedSets, Delphi, DensityCifParser, Diagram2d, Dialog, Domain3d, Draw, DrawGraph, Dsn6Parser, Dssp, ElectronMap, Events, Export3D, FirstAtomObj, Fog, GetGraph, Glycan, HBond, HashUtilsCls, HlObjects, HlSeq, HlUpdate, Html, Impostor, Instancing, Label, Line$1 as Line, LineGraph, LoadAtomData, LoadCIF, LoadPDB, LoadScript, MarchingCube, MmcifParser, MmdbParser, Mol2Parser, MsaParser, MyEventCls, OpmParser, ParasCls, ParserUtils, PdbParser, PiHalogen, Picking, ProteinSurface, Ray, RealignParser, Refnum, ReprSub, Resid2spec, ResidueLabels, ResizeCanvas, RmsdSuprCls, Saltbridge, SaveFile, Scap, Scene, SdfParser, SelectByCommand, Selection, SetColor, SetDialog, SetHtml, SetMenu, SetOption, SetSeqAlign, SetStyle, ShareLink, ShowAnno, ShowInter, ShowSeq, Sphere$1 as Sphere, Stick, Strand, Strip, SubdivideCls, Surface, Symd, ThreeDPrint, Transform, Tube, UtilsCls, VRButton, Vastplus, ViewInterPairs, XyzParser, iCn3D, iCn3DUI, printMsg };