{"version":3,"sources":["NestedList.js","components/MenuComponents/MenuBtn.js","components/MenuComponents/MenuProductView.js","components/MenuComponents/AnimationBtn.js","components/MenuComponents/Howtousenew.js","components/MenuComponents/HowToUse.js","components/MenuComponents/FooterControl.js","components/MenuComponents/FooterControlMob.js","components/MenuComponents/MainMenu.js","components/Header.js","App.js","index.js"],"names":["NestedList","props","readStates","myList","list","id","title","items","tempObj","tempItems","tempId","hasGroup","configStates","States","states","configGroups","displaylayers","state","update","json","sceneReady","i","length","j","checkGroup","split","k","name","l","subitems","push","divReact","getAttribute","cameraName","Object","keys","positions","cameraPos","values","setState","handleClick","e","check","c","window","scene","gotoPosInTime","pos","changeSelection","groupApplyState","handleClickSubItem","console","log","a","currentSelection","document","getElementById","fetchJson","fetch","headers","then","response","myJson","waitForGlobal","key","callback","_prepared","setTimeout","this","classes","map","List","className","root","item","ListItem","button","onClick","bind","selected","ListItemText","primary","Collapse","in","timeout","unmountOnExit","disablePadding","sitem","nested","React","Component","withStyles","theme","color","width","background","palette","paper","marginRight","paddingLeft","spacing","formControl","margin","minWidth","Btn","borderRadius","border","boxShadow","marginLeft","textTransform","BtnIcon","height","MenuBtn","Button","tabIndex","style","variant","startIcon","Avatar","src","source","submenu","ProductViewHeader","borderBottom","minHeight","AccordianIcons","MenuProductView","Accordion","onChange","onChanged","expanded","AccordionSummary","expandIcon","Typography","fontWeight","AccordionDetails","aria-label","onKeyPress","onLeftBtnClick","aria-hidden","finalLangues","overview","imgleft","onTopBtnClick","top","subname","imgtop","onRightBtnClick","side","imgright","onWirelessDesignBtnClick","feature","imgfront","display","onEcoSystemBtnClick","Animationbtns","marginTop","position","animText","fontSize","textAlign","AnimationBtn","Grid","container","xs","animations","forKeypress","onchange","type","onScreenControl","forKeypress1","onchange1","Howtousenew","getElementsByClassName","backgroundColor","zIndex","exploreClick","allThreeDiv","fontFamily","fontStyle","lineHeight","mobAllthreeDiv","alignItems","justifyContent","usestyle","left","iconStyle","transform","Fragment","Hidden","only","howToUseMenu","ReactDOM","createPortal","alt","move","rotate","zoom","cursor","retrunTo3D","flexWrap","wordBreak","HowToUse","howtoUseD","opacity","animationName","howToUseDiv","imgUse","transition","right","flexDirection","useStyles","makeStyles","newBtns","extendedIcon","FooterControl","useState","handleZoomChange","newValue","_nav","NavChangeDolly","undefined","target","value","localStorage","removeItem","setAttribute","threeButtons","letterSpacing","topBtnstyle","setCamData","animationSwitch","getItem","useEffect","setItem","rippleRef","useRef","rippleRefs","float","NavRotation","clearRefine","size","onMouseDown","current","start","onMouseUp","stop","role","getZoomFactor","parseFloat","ref","center","min","max","step","clear","onPrevious","paddingRight","previousView","onReset","resetView","onNext","nextView","FooterControlMob","mobthreeButtons","getData","_navYAng","onPreviousIpad","previous","onResetIpad","reset","onNextIpad","next","onPreviousMob","onResetMob","onNextMob","mob","navigator","userAgent","indexOf","moblandscap","innerHeight","innerWidth","isipad","match","maxTouchPoints","buttonSeq","buttonSeq180","selectedButton","MainMenu","expandedPanel","setExpandedPanel","laptop360FrontImg","laptop360TopImg","laptop360LeftImg","laptop360RightImg","camData","animTime","event","keyCode","click","GotoPosInTimeNamedValue","gotoposname","onComplete","onSample","opt","gp","fovy","zang","time","slowInOut","x","x2","px","Math","pow","resetBacklitCloseImg","setOpenCloseOnOff","setOpenClose","setBackliteOnOff","setBacklite","resetAll","animPlayInTime","tempfRotMinLimit","laptop180","onWirelessDesignClick","isNextPrevious","slider","nintyDegree","currentPos","alreadySelected","querySelector","classList","remove","add","focus","RT_RecordEvent","config","onSideClick","_zNearMin","_navMinDolly","UniqDeltaScroll","_fovRecoveryOffset","EcoSystemClick","onOverviewClick","onTopClick","_navMaxDolly","openCloseOnOff","onResetMode","tent","currentPosName","animPlayAllChildrenInTime","TentModeClick","theatre","TheaterModeClick","tablet","TabletModeClick","onPreviousMode","selectedButtonIndex","findIndex","element","prevButton","onNextMode","nextButton","animValue","setAnimValue","animValue1","setAnimValue1","checked","animationSwitchVal","panel","animStopped","paddingTop","paddingBottom","borderLeft","borderRight","endIcon","toggleDrawerAction","mainMenu","productview","isExpanded","innerHTML","animation1SwitchGlobal","removeAttribute","bottom","visibility","animationSwitchGlobal","value1","headerBackground","Header","closeWindow","aria-labelledby","md","Paper","align","ipad","ipadPortrait","statebtns","marginBottom","drawerPaper","overflow","selectEmpty","App","burgerBtnVisible","setBurgerBtnVisible","toggleDrawer","anchor","open","menuMobLandscapOpen","menuMobLandscapClose","orientationPotrait","setOrientation","checkOrientationStatus","orientationStatus","getLangTranscript","setgetLangTranscript","checkgetLangTranscript","closeBtnVisibilityOpen","closeBtnVisibilityClose","dektopCloseBtnVisibilityOpen","dektopCloseBtnVisibilityClose","disableElevation","maxWidth","Drawer","onClose","overflowY","overflowX","createMuiTheme","main","secondary","render","ThemeProvider"],"mappings":"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","file":"static/js/main.69cf3127.chunk.js","sourcesContent":["import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ListSubheader from \"@material-ui/core/ListSubheader\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\r\n// import Divider from \"@material-ui/core/Divider\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport States from \"./model_gl/config\";\r\n\r\n\r\nconst styles = theme => ({\r\n   root: {\r\n\r\n      //SubTitle Color\r\n      '& .MuiListSubheader-root.MuiListSubheader-colorPrimary': {\r\n         color: '#e91e63'\r\n      },\r\n\r\n      width: \"100%\",\r\n      //maxWidth: 360,\r\n      background: theme.palette.background.paper,\r\n      marginRight: '3vw',\r\n\r\n   },\r\n\r\n   nested: {\r\n      paddingLeft: theme.spacing(4)\r\n   },\r\n\r\n   formControl: {\r\n      margin: theme.spacing(1),\r\n      minWidth: 120,\r\n      width: \"92%\"\r\n   },\r\n\r\n});\r\n\r\n\r\n\r\nclass NestedList extends React.Component {\r\n\r\n   constructor(props) {\r\n      super(props);\r\n      this.state = { items: this.readStates(),json: {},update: false,cameraName: [],cameraPos: [],sceneReady: false,currentSelection: null };\r\n      //Get DIV react html element to access attributes\r\n      this.divReact = document.getElementById('root');\r\n   }\r\n\r\n\r\n   readStates = () => {\r\n\r\n      var myList = { list: [{ id: 1,title: \"States\",items: [] }] }\r\n\r\n      var tempObj = {};\r\n      var tempItems = [];\r\n      var tempId = 1;\r\n      var hasGroup = false;\r\n      var checkGroup = false;\r\n\r\n\r\n      var configStates = States.states;\r\n      var configGroups = States.displaylayers;\r\n\r\n      //If Config.json is fetched\r\n      if (this.state.update == true) {\r\n         configStates = this.state.json.states;\r\n         configGroups = this.state.json.displaylayers;\r\n\r\n         //Update Camera from Global Scene if the Scene exists\r\n         if (this.state.sceneReady == true) {\r\n\r\n            /* window.scene.gotoPosInTime(this.state.json.positions.reset.pos[0],\r\n            this.state.json.positions.reset.pos[1],\r\n            this.state.json.positions.reset.pos[2],\r\n            this.state.json.positions.reset.pos[3],\r\n            this.state.json.positions.reset.pos[4], 0); */\r\n         }\r\n      }\r\n\r\n      for (var i = 0; i < configStates.length; i++) {\r\n         hasGroup = false;\r\n         checkGroup = false;\r\n         for (var j = 0; j < configGroups.length; j++) {\r\n            //Check Groups on States\r\n            let checkGroup = configStates[i].split(configGroups[j] + \":\");\r\n            if (checkGroup.length > 1) {\r\n               hasGroup = true;\r\n               //Check if group exists in the tempItems\r\n               if (tempItems.length > 0) {\r\n                  for (var k = 0; k < tempItems.length; k++) {\r\n                     if (tempItems[k].name == configGroups[j]) {\r\n                        //Exist\r\n                        checkGroup = true;\r\n                     }\r\n                  }\r\n                  //Addind when already exists\r\n                  if (checkGroup == true) {\r\n                     //console.log(\"THERE IS\");\r\n                     //Search for GroupName\r\n                     for (var l = 0; l < tempItems.length; l++) {\r\n                        if (tempItems[l].name == configGroups[j]) {\r\n                           //Get the number of SubIDs\r\n                           let subId = tempItems[l].subitems.length + 1;\r\n                           tempObj = { id: subId,name: configStates[i] };\r\n                           tempItems[l].subitems.push(tempObj);\r\n                           tempObj = {};\r\n                        }\r\n                     }\r\n\r\n                     //Addind when does not exist\r\n                  } else {\r\n                     //console.log(\"NOT\");\r\n                     tempObj.id = tempId;\r\n                     tempObj.name = configGroups[j];\r\n                     tempObj.subitems = [{ id: 1,name: configStates[i] }];\r\n                     tempId += 1;\r\n                     tempItems.push(tempObj);\r\n                     tempObj = {};\r\n                  }\r\n\r\n               } else {\r\n                  //First Time to Add if tempArray is Empty\r\n                  tempObj.id = tempId;\r\n                  tempObj.name = configGroups[j];\r\n                  tempObj.subitems = [{ id: 1,name: configStates[i] }];\r\n                  tempId += 1;\r\n                  tempItems.push(tempObj);\r\n                  tempObj = {};\r\n               }\r\n\r\n            } else {\r\n               //if it has no groups and in the last interation\r\n               if (hasGroup == false && (j == configGroups.length - 1)) {\r\n                  tempObj.id = tempId;\r\n                  tempObj.name = configStates[i];\r\n                  tempId += 1;\r\n                  tempItems.push(tempObj);\r\n                  tempObj = {};\r\n               }\r\n            }\r\n\r\n         }\r\n      }\r\n\r\n      //Change names from SubGroups to work in the list\r\n      for (var i = 0; i < tempItems.length; i++) {\r\n         if (tempItems[i].subitems != null) {\r\n            tempItems[i].name = \"Grp_\" + tempItems[i].name;\r\n         }\r\n      }\r\n\r\n      //Final Result\r\n      // myList.list[0].items = [...tempItems]; \r\n\r\n      //Adding Cameras if Scene is Updated\r\n      if (this.state.update == true && this.divReact.getAttribute(\"data-camera\") == 'true') {\r\n\r\n         myList.list.push({ id: 2,title: \"Cameras\",items: [] });\r\n\r\n         let cameraName = Object.keys(this.state.json.positions);\r\n         let cameraPos = Object.values(this.state.json.positions);\r\n         this.setState({ cameraName: cameraName,cameraPos: cameraPos });\r\n\r\n         //console.log(cameraPos[0].pos);\r\n\r\n         for (var i = 0; i < cameraName.length; i++) {\r\n\r\n            myList.list[1].items.push({ id: (i + 1),name: cameraName[i] })\r\n         }\r\n\r\n\r\n\r\n      }\r\n\r\n      return myList;\r\n\r\n   };//Finished Function ********************************************\r\n\r\n\r\n   componentDidMount() {\r\n\r\n      // window.addEventListener('window.scene._prepared', ()=>{console.log(\"Prepared\") }, true );\r\n\r\n\r\n      //Update Json\r\n      const fetchJson = async () => {\r\n\r\n         const response = await fetch('./model_gl/config.json'\r\n            ,{\r\n               headers: {\r\n                  'Content-Type': 'application/json',\r\n                  'Accept': 'application/json'\r\n               }\r\n            }\r\n         ).then((response) => response.json())\r\n            .then((myJson) => { this.setState({ json: myJson,update: true }); this.setState({ items: this.readStates() }); })\r\n      }\r\n\r\n      //Function waiting for Global Variables (Camera) \r\n      const waitForGlobal = async function (key,callback) {\r\n\r\n         if (window[key]) {\r\n\r\n            if (window[key]._prepared == true) { callback(); }\r\n            else {\r\n               setTimeout(function () {\r\n                  waitForGlobal(key,callback);\r\n               },100);\r\n            }\r\n         } else {\r\n            setTimeout(function () {\r\n               waitForGlobal(key,callback);\r\n            },100);\r\n         }\r\n\r\n      };\r\n\r\n      waitForGlobal(\"scene\",fetchJson);\r\n   }\r\n\r\n   componentWillUnmount() {\r\n      // fix Warning: Can't perform a React state update on an unmounted component\r\n      this.setState = (state,callback) => {\r\n         return;\r\n      };\r\n   }\r\n\r\n\r\n   state = {};\r\n\r\n\r\n   handleClick = e => {\r\n\r\n      this.setState({ [e]: !this.state[e] });\r\n      let check = false;\r\n\r\n      //Check if it is a Camera\r\n      for (var c = 0; c < this.state.cameraName.length; c++) {\r\n         if (e === this.state.cameraName[c]) {\r\n            check = true\r\n\r\n            window.scene.gotoPosInTime(this.state.cameraPos[c].pos[0],\r\n               this.state.cameraPos[c].pos[1],\r\n               this.state.cameraPos[c].pos[2],\r\n               this.state.cameraPos[c].pos[3],\r\n               this.state.cameraPos[c].pos[4],0);\r\n         }\r\n      }\r\n\r\n      //If it is not a Camera neither a Group\r\n      if (check == false) {\r\n         if (e.split(\"Grp_\").length > 1) {\r\n\r\n         } else {\r\n\r\n            //Apply State\r\n            this.changeSelection(e);\r\n            window.scene.groupApplyState(e);\r\n\r\n\r\n         }\r\n      }\r\n\r\n   };\r\n\r\n   handleClickSubItem = e => {\r\n      console.log(e);\r\n      this.changeSelection(e);\r\n      window.scene.groupApplyState(e);\r\n   };\r\n\r\n   //Function to change Async(ly) the selection state\r\n   changeSelection = async (e) => {\r\n      await this.setState({ currentSelection: e });\r\n      console.log(this.state.currentSelection);\r\n   }\r\n\r\n\r\n   render() {\r\n\r\n      //Get All NestedList (states) from Models\r\n      // const items = this.state.items;\r\n\r\n      const { classes } = this.props;\r\n\r\n      return (\r\n         <div>\r\n\r\n            {this.state.items.list.map(list => {\r\n               return (\r\n\r\n                  <List\r\n                     className={classes.root}\r\n                     key={list.id}\r\n                  // subheader={\r\n                  //     <ListSubheader color={'primary'} className={classes.root}>{list.title}</ListSubheader>\r\n                  // }\r\n                  >\r\n                     {list.items.map(item => {\r\n                        return (\r\n                           <div key={item.id}>\r\n                              {item.subitems != null ? (\r\n                                 <div key={item.id}>\r\n                                    <ListItem\r\n                                       button\r\n                                       key={item.id}\r\n                                       onClick={this.handleClick.bind(\r\n                                          this,\r\n                                          item.name\r\n                                       )}\r\n                                       selected={this.state.currentSelection == item.name ? true : false}\r\n                                    >\r\n                                       {this.state[item.name] ? (\r\n                                          <ExpandLess />\r\n                                       ) : (\r\n                                          <ExpandMore />\r\n                                       )}\r\n\r\n                                       <ListItemText\r\n                                          primary={item.name}\r\n                                       />\r\n\r\n                                    </ListItem>\r\n                                    <Collapse\r\n                                       key={list.items.id}\r\n                                       // component=\"li\"\r\n                                       in={this.state[item.name]}\r\n                                       timeout=\"auto\"\r\n                                       unmountOnExit\r\n                                    >\r\n                                       <List disablePadding>\r\n                                          {item.subitems.map(\r\n                                             sitem => {\r\n                                                return (\r\n                                                   <ListItem\r\n                                                      button\r\n                                                      key={\r\n                                                         sitem.id\r\n                                                      }\r\n                                                      className={\r\n                                                         classes.nested\r\n                                                      }\r\n                                                      onClick={this.handleClickSubItem.bind(\r\n                                                         this,\r\n                                                         sitem.name\r\n                                                      )}\r\n\r\n                                                      selected={this.state.currentSelection == sitem.name ? true : false}\r\n\r\n                                                   >\r\n                                                      <ListItemText\r\n                                                         key={\r\n                                                            sitem.id\r\n                                                         }\r\n                                                         primary={\r\n                                                            sitem.name\r\n                                                         }\r\n                                                      />\r\n                                                   </ListItem>\r\n                                                );\r\n                                             }\r\n                                          )}\r\n                                       </List>\r\n                                    </Collapse>{\" \"}\r\n                                 </div>\r\n                              ) : (\r\n                                 <ListItem\r\n                                    button\r\n                                    key={item.id}\r\n                                    onClick={this.handleClick.bind(\r\n                                       this,\r\n                                       item.name\r\n                                    )}\r\n                                 >\r\n                                    <ListItemText\r\n                                       primary={item.name}\r\n                                    />\r\n                                 </ListItem>\r\n                              )}\r\n                           </div>\r\n                        );\r\n                     })}\r\n                     {/* <Divider key={list.id} absolute /> */}\r\n                  </List>\r\n               );\r\n            })}\r\n         </div>\r\n      );\r\n   }\r\n}\r\nNestedList.propTypes = {\r\n   classes: PropTypes.object.isRequired\r\n};\r\nexport default withStyles(styles)(NestedList);","import React from 'react';\r\nimport ReactDOM from \"react-dom\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nconst Btn={\r\n  borderRadius:\"0px\", \r\n  background:'transparent', \r\n  border:'none', \r\n  boxShadow:'none',\r\n  marginLeft:'10px',\r\n  color:'#000',\r\n  textTransform:'capitalize',\r\n  marginRight: \"12px\"\r\n}\r\n//  const Btn:hover {\r\n//   font-weight: bold;\r\n//   background-color: #d2dde4;\r\n// }\r\nconst BtnIcon={\r\n  borderRadius:\"0px\", \r\n  background:'transparent',\r\n  width:'52px',\r\n  height:'36px'\r\n}\r\nconst MenuBtn =(props)=>{\r\n    return(\r\n        <div className=\"menubtn\">\r\n         <Button tabIndex=\"\" className=\"Btnsubmenu\"\r\n         style={Btn}\r\n        variant=\"contained\"\r\n        color=\"secondary\"\r\n        startIcon={<Avatar style={BtnIcon}  src={props.source} />}\r\n      >\r\n        {props.submenu}\r\n      </Button>\r\n        </div>\r\n    )\r\n}\r\nexport default MenuBtn;","import React from 'react';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n// import Avatars from './Avatars';\r\nimport MenuBtn from './MenuBtn';\r\n// import RadioBtns from './RadioBtns';\r\nconst ProductViewHeader = {\r\n   borderBottom: \"1px solid #c7c7c7\",\r\n   minHeight: \"52px\"\r\n}\r\nconst AccordianIcons = {\r\n   width: \"36px\",\r\n   height: \"25px !important\",\r\n   marginLeft: '24px'\r\n}\r\n\r\nconst MenuProductView = (props) => {\r\n\r\n\r\n\r\n\r\n\r\n   return (\r\n      <div className=\"Accordians\">\r\n         <Accordion style={{ borderRadius: \"0px\" }} onChange={props.onChanged} expanded={props.expanded}>\r\n            <AccordionSummary id=\"productViewBtn\" tabIndex=\"1\"\r\n               expandIcon={<ExpandMoreIcon />} style={ProductViewHeader} >\r\n               <Typography id=\"productviewass\" className=\"accordion-headers AccordiansHeader\" style={{ fontWeight: \"700\",margin: \"0px 0px\" }}>{props.name}</Typography>\r\n            </AccordionSummary >\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Right\" id=\"leftBtn\" onKeyPress={props.onLeftBtnClick} onClick={props.onLeftBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.overview} source={props.imgleft} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Top\" id=\"topBtn\" onKeyPress={props.onTopBtnClick} onClick={props.onTopBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.top} subname={window.finalLangues.top} source={props.imgtop} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Left\" id=\"rightBtn\" onKeyPress={props.onRightBtnClick} onClick={props.onRightBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.side} source={props.imgright} />\r\n\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\"  aria-label=\"Wireless Design\" id=\"wirelessdesignBtn\" onKeyPress={props.onWirelessDesignBtnClick} onClick={props.onWirelessDesignBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons}  submenu={window.finalLangues.feature} source={props.imgfront} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" style={{ display: \"none\" }} aria-label=\"Ecosystem\" id=\"ecosystem\" onKeyPress={props.onEcoSystemBtnClick} onClick={props.onEcoSystemBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu=\"Eco System\" source=\"./img/front180White.png\" />\r\n            </AccordionDetails>\r\n\r\n         </Accordion>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default MenuProductView;","import React from \"react\";\r\nimport { Grid } from '@material-ui/core'\r\n\r\nconst Animationbtns = {\r\n   marginTop: \"14px\",position: \"relative\"\r\n}\r\n\r\nconst animText = {\r\n   fontSize: '16px',\r\n   textAlign: 'right',marginRight: '10px',display: 'block'\r\n}\r\n\r\nconst AnimationBtn = (props) => {\r\n\r\n   return (\r\n      <>\r\n         <div className=\"animationoff\" style={{ ...Animationbtns,marginTop: '30px' }}>\r\n            <Grid container>\r\n               <Grid item xs={8} id=\"animation\">\r\n                  <span style={animText}>{window.finalLangues.animations}: </span>\r\n               </Grid>\r\n               <Grid item xs={4}>\r\n                  <label className=\"switch\" tabIndex=\"1\" id=\"animswtich\" onKeyPress={props.forKeypress} >\r\n                     <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='animationOnOff' id=\"animSwitchValue\" onChange={props.onchange} type=\"checkbox\" />\r\n                     <span className=\"tabIndexStyle slider round\"></span>\r\n                     <span className=\"onOff\"></span>\r\n                  </label>\r\n               </Grid>\r\n            </Grid>\r\n         </div>\r\n\r\n         <div className=\"onscreencontrol\" style={Animationbtns}>\r\n            <Grid container>\r\n               <Grid item xs={8} id=\"animation1\">\r\n                  <span style={animText}>{window.finalLangues.onScreenControl}: </span>\r\n               </Grid>\r\n               <Grid item xs={4}>\r\n                  <label className=\"switch\" tabIndex=\"1\" id=\"animswtich1\" onKeyPress={props.forKeypress1} >\r\n                     <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='keyboadrControlsOnOff' id=\"animSwitchValue1\" onChange={props.onchange1} type=\"checkbox\" />\r\n                     <span className=\"tabIndexStyle slider round\" ></span>\r\n                     <span className=\"onOff1\"></span>\r\n                  </label>\r\n               </Grid>\r\n            </Grid>\r\n         </div>\r\n      </>\r\n   )\r\n}\r\n\r\nexport default AnimationBtn;","import React, {useState} from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport ErrorOutlineSharpIcon from '@material-ui/icons/ErrorOutlineSharp';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport { Translate } from '@material-ui/icons';\r\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\r\n\r\n\r\nconst Howtousenew = () => {\r\n\r\n\r\n      const handleClick = () => {\r\n        document.getElementById('howToUSE').style.display = \"block\";\r\n        document.getElementById('howTousePopup').style.display = \"block\";\r\n        document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#0076CE\";\r\n        document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#FFFFFF\";\r\n        document.getElementById('iconI').style.color = \"#FFFFFF\";\r\n        document.getElementById('howToUSE').style.zIndex = \"2\";\r\n        document.getElementById('howTousePopup').style.zIndex = \"2\";\r\n\r\n\r\n      };\r\n      const exploreClick = () => {\r\n        document.getElementById('howToUSE').style.display = \"none\";\r\n        document.getElementById('howTousePopup').style.display = \"none\";\r\n        document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n        document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n        document.getElementById('iconI').style.color = \"#006BBD\";\r\n        document.getElementById('howToUSE').style.zIndex = \"-1\";\r\n        document.getElementById('howTousePopup').style.zIndex = \"-1\";\r\n\r\n      };\r\n   \r\n      const howTouse = {\r\n        display: 'none',\r\n        position: 'fixed',\r\n        top: '0',\r\n        left: '0',\r\n        height: '100vh',\r\n        width: '100%',\r\n        backgroundColor: 'white'\r\n      }\r\n      const mobHowToUseMain = {\r\n        display: 'none',\r\n        position: 'fixed',\r\n        top: '0',\r\n        height: '100vh',\r\n        width: '100%',\r\n        backgroundColor: 'white',\r\n        zIndex: '2'\r\n      }\r\n      const mainDiv = {\r\n          display: 'flex',\r\n          position: 'absolute',\r\n          left: '51%',\r\n          top: '40%',\r\n          transform: 'translate(-50%,-40%)',\r\n          \r\n      }\r\n      const allThreeDiv = {\r\n        textAlign: 'center',\r\n        margin: '0px 40px 0 20px',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: '300',\r\n        fontSize: '20px',\r\n        lineHeight: '36px'\r\n      }\r\n      const mobAllthreeDiv = {\r\n        textAlign: 'center',\r\n        margin: '23px 0px 33px',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: 'normal',\r\n        fontSize: '24px',\r\n        lineHeight: '36px',\r\n        width: '350px',\r\n        display: 'flex',\r\n        alignItems:'baseline',\r\n        justifyContent: 'space-between'\r\n      }\r\n      \r\n      const mobAllthreeDivs = {\r\n        textAlign: 'center',\r\n        margin: '23px 0px 33px ',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: 'normal',\r\n        fontSize: '24px',\r\n        lineHeight: '36px',\r\n        width: '350px',\r\n        display: 'flex',\r\n        alignItems:'baseline',\r\n        justifyContent: 'space-between'\r\n      }\r\nconst exploreButtton = {\r\n   \r\n  position: 'absolute',\r\n  left: '50%',\r\n  top: '225px',\r\n  transform: 'translate(-50%, 100%)',\r\ncursor:'pointer',\r\n  height: '44px',\r\n  width: '513px',\r\n  background: '#0076CE',\r\n  borderRadius: '2px',\r\n  alignItems: 'center',\r\n  textAlign: 'center',\r\n \r\n  fontFamily: 'Roboto',\r\n  fontStyle: 'normal',\r\n  fontWeight: 'normal',\r\n  fontSize: '16px',\r\n  lineHeight: '36px',\r\n  color: '#FFFFFF',\r\n  border: '0'\r\n    \r\n}\r\nconst mobExploreButtton = {\r\n        position: 'absolute',\r\n        left: '50%',\r\n        top: '425px',\r\n        transform: 'translate(-50%, 100%)',\r\n      cursor:'pointer',\r\n        height: '54px',\r\n        width: '253px',\r\n        background: '#0076CE',\r\n        borderRadius: '2px',\r\n        alignItems: 'center',\r\n        textAlign: 'center',\r\n       \r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: 'normal',\r\n        fontSize: '16px',\r\n        lineHeight: '36px',\r\n        color: '#FFFFFF',\r\n        border: '0'\r\n\r\n}\r\nconst howToUseText = {\r\n        position: 'absolute',\r\n        left: '50%',\r\n        top: '-40px',\r\n        transform: 'translate(-50%, 100%)',\r\n        alignItems: 'center',\r\n        textAlign: 'center',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: '300',\r\n        fontSize: '38px',\r\n        lineHeight: '56px',\r\n        color: '#000000'\r\n}\r\nconst mobHowToUseText = {\r\n        position: 'absolute',\r\n        left: '50%',\r\n        transform: 'translate(-50%, 82%)',\r\n        alignItems: 'center',\r\n        textAlign: 'center',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: '300',\r\n        fontSize: '30px',\r\n        lineHeight: '37px',\r\n        color: '#000000',\r\n        width: '300px'\r\n}\r\nconst closeUseMob =  {\r\n  position: 'absolute',\r\n  right: '-2px',\r\n  top: '-84px',\r\n  color: '#CCCCCC',\r\n  height: '32px',\r\n  width: '32px',\r\n  cursor: 'pointer'\r\n}\r\n     const usestyle = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '16px',\r\n      position: 'relative',\r\n      left: '17px',\r\n      top: '-4px'\r\n      }\r\n      const iconStyle = {\r\n        transform:' rotate(180deg)',\r\n        position: 'relative',\r\n        left: '-2px',\r\n        top: '2px',\r\n        color: '#006BBD',\r\n        height: '22px',\r\n        width: '22px'\r\n      }\r\n      const mobHowToUse = {\r\n        display: 'flex',\r\n        flexWrap: 'wrap',\r\n        position: 'absolute',\r\n        left: '50%',\r\n        top: '40%',\r\n        transform: 'translate(-50%,-40%)',\r\n      }\r\n    return(\r\n      <React.Fragment>\r\n         <Hidden only={['md','lg','xl']}>\r\n       <span variant=\"contained\" onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUseMenu}</span></span>\r\n       </Hidden>\r\n\r\n      {ReactDOM.createPortal(\r\n\r\n        <div>\r\n\r\n       <Hidden only={['xs','md','xl','lg']}>\r\n       <span variant=\"contained\" onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUseMenu}</span></span>\r\n        <div id=\"howToUSE\" style={howTouse}>\r\n        <img onClick={exploreClick} className=\"closeUseMob\" tabIndex=\"-1\" alt=\"closeBtn\" src=\"./img/closeIcon.svg\"/>\r\n\r\n          <span style={howToUseText}>{window.finalLangues.howToUseMenu}:</span>\r\n\r\n        <div style={mainDiv}>\r\n            <div style={allThreeDiv}>{window.finalLangues.move}<br></br><img style={{marginTop: '20px', height: '66px', width: '130px'}} alt=\"moveDesk\" src=\"./img/move.svg\"/></div>\r\n            <div style={allThreeDiv}>{window.finalLangues.rotate}<br></br><img style={{marginTop: '20px', height: '66px', width: '130px'}} alt=\"rotateDesk\" src=\"./img/rotate.svg\"/></div>\r\n            <div style={allThreeDiv}>{window.finalLangues.zoom}<br></br><img style={{marginTop: '20px', height: '66px', width: '130px'}} alt=\"zoomDesk\" src=\"./img/zoom.svg\"/></div>\r\n        </div>\r\n        <button style={exploreButtton} onClick={exploreClick}>{window.finalLangues.retrunTo3D} <img style={{height: '24px', width: '24px',  position: 'relative', top: '6px', left: '12px'}} alt=\"arrowDesk\" src=\"./img/arrowIcon.png\"/></button>\r\n\r\n        </div>\r\n        </Hidden>\r\n        \r\n         <Hidden only={['sm','md','lg','xl']}>\r\n         <div id=\"howToUSE\" style={mobHowToUseMain} className='mobHowToUse'>\r\n         \r\n         <div style={mobHowToUse}>\r\n         <img onClick={exploreClick} className=\"closeUseMob\" tabIndex=\"-1\" alt=\"closeBtn\" src=\"./img/closeIcon.svg\"/>\r\n\r\n         <span style={mobHowToUseText} id=\"mobHowToUseText\">{window.finalLangues.howToUseMenu}:</span>\r\n         <div style={mobAllthreeDivs}><span style={{position: 'relative', top: '-28px',wordBreak:'break-all',textAlign:'left'}}>{window.finalLangues.move}</span><img style={{marginLeft: '62px', height: '76px', width: '166px'}} alt=\"moves\" src=\"./img/move.svg\"/></div>\r\n         <div style={mobAllthreeDiv}><span style={{position: 'relative', top: '-28px', wordBreak:'break-all',textAlign:'left'}}>{window.finalLangues.rotate}</span><img style={{marginLeft: '62px', height: '76px', width: '166px'}} alt=\"rotates\" src=\"./img/rotate.svg\"/></div>\r\n         <div style={mobAllthreeDiv}><span style={{position: 'relative', top: '-28px',wordBreak:'break-all',textAlign:'left'}}>{window.finalLangues.zoom}</span><img style={{marginLeft: '62px', height: '76px', width: '166px'}} alt=\"zommss\" src=\"./img/zoom.svg\"/></div>\r\n         <button style={mobExploreButtton} onClick={exploreClick}>{window.finalLangues.retrunTo3D} \r\n         {/* <img style={{height: '24px', width: '24px', position: 'relative', top: '6px', left: '12px'}} alt=\"arrow\" src=\"./img/arrowIcon.png\"/> */}\r\n         </button>\r\n         </div>\r\n         {/* <button style={mobExploreButtton} onClick={exploreClick}>Return to 3D View  <ArrowForwardIcon style={{color: '#FFFFFF'}}/></button> */}\r\n         \r\n         </div>\r\n         </Hidden> \r\n       \r\n      </div>, document.getElementById('howTousePopup')\r\n      )}\r\n    </React.Fragment>\r\n\r\n    )\r\n}\r\n\r\n\r\n\r\nexport default Howtousenew;\r\n\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport ErrorOutlineSharpIcon from '@material-ui/icons/ErrorOutlineSharp';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\n\r\n\r\nconst HowToUse = () => {\r\n   let howtoUseD = false;\r\n   // var howToUSeAnimation = document.getElementById('howToUSE').style.animationName\r\n   const handleClick = () => {\r\n\r\n      if (howtoUseD) {\r\n         console.log(\"if.......\")\r\n         document.getElementById('howToUSE').style.opacity = \"0\";\r\n         document.getElementById('howToUSE').style.marginTop = \"-100%\";\r\n         // document.getElementById('howToUSE').style.visibility = \"hidden\";\r\n\r\n         document.getElementById('howToUSE').style.animationName = \"example\";\r\n\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n         document.getElementById('iconI').style.color = \"#006BBD\";\r\n         howtoUseD = false;\r\n      } else {\r\n         console.log(\"else.......\")\r\n\r\n         document.getElementById('howToUSE').style.opacity = \"1\";\r\n         document.getElementById('howToUSE').style.marginTop = \"0%\";\r\n         // document.getElementById('howToUSE').style.visibility = \"visible\";\r\n\r\n         document.getElementById('howToUSE').style.animationName = \"example1\";\r\n\r\n         // document.getElementById('howToUSE').style.display = \"block\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#0076CE\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#FFFFFF\";\r\n         document.getElementById('iconI').style.color = \"#FFFFFF\";\r\n\r\n         howtoUseD = true;\r\n      }\r\n   };\r\n\r\n   const closeHandle = () => {\r\n      document.getElementById('howToUSE').style.animationName = \"example\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n      document.getElementById('iconI').style.color = \"#006BBD\";\r\n      document.getElementById('howToUSE').style.opacity = \"0\";\r\n      document.getElementById('howToUSE').style.marginTop = \"-100%\";\r\n\r\n      howtoUseD = false;\r\n\r\n   };\r\n\r\n   const howToUseName = {\r\n      position: 'absolute',\r\n      left: '90px',\r\n      top: '35px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      color: '#000000',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const useImages = {\r\n      position: 'fixed',\r\n\r\n      height: '498px',\r\n      width: '381px',\r\n      top: '185px',\r\n      border: '1px solid #EEEEEE',\r\n      boxShadow: '0px 2px 2px rgb(0 43 85 / 8%), 0px 4px 4px rgb(0 43 85 / 8%), 0px 8px 8px rgb(0 43 85 / 8%), 0px 16px 16px rgb(0 43 85 / 8%), 0px 32px 32px rgb(0 43 85 / 8%)',\r\n      borderRadius: '10px',\r\n      background: '#FFFFFF',\r\n      // display: 'none'\r\n      opacity: 0,\r\n      transition: \"opacity 2s\",\r\n      // visibility: 'Hidden',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const howToUseImages = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '56%',\r\n      transform: 'translate(-50%, -50%)',\r\n      display: 'flex',\r\n      justifyContent: 'center',\r\n      flexDirection: 'column',\r\n      width: '274px',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const UseImagesIpad = {\r\n      position: 'fixed',\r\n      left: '-351px',\r\n\r\n      border: '1px solid #EEEEEE',\r\n      boxShadow: '0px 2px 2px rgb(0 43 85 / 8%), 0px 4px 4px rgb(0 43 85 / 8%), 0px 8px 8px rgb(0 43 85 / 8%), 0px 16px 16px rgb(0 43 85 / 8%), 0px 32px 32px rgb(0 43 85 / 8%)',\r\n      borderRadius: '10px',\r\n      background: '#FFFFFF',\r\n      opacity: 0,\r\n      transition: \"opacity 2s\",\r\n      display: 'flex',\r\n      justifyContent: 'center'\r\n\r\n   }\r\n   const howToUseDiv = {\r\n      width: '100%',\r\n      textAlign: 'center',\r\n      lineHeight: '75px',\r\n      fontSize: '30px'\r\n   }\r\n   const useName1 = {\r\n      position: 'absolute',\r\n      width: '100px',\r\n      height: '28px',\r\n      left: '0',\r\n      top: '30px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000',\r\n      wordBreak:'break-all',\r\n   }\r\n   const useName2 = {\r\n      position: 'absolute',\r\n      width: '100px',\r\n      height: '28px',\r\n      left: '0',\r\n      top: '138px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000',\r\n      wordBreak:'break-all',\r\n   }\r\n   const useName3 = {\r\n      position: 'absolute',\r\n      width: '100px',\r\n      height: '28px',\r\n      left: '0',\r\n      top: '240px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000',\r\n      wordBreak:'break-all',\r\n   }\r\n   const imgUse = {\r\n      marginTop: '22px',\r\n      marginLeft: '111px',\r\n      height: '54px',\r\n      width: '127px'\r\n   }\r\n   const closeUse = {\r\n      position: 'absolute',\r\n      right: '18px',\r\n      top: '23px',\r\n      color: '#CCCCCC',\r\n      height: '32px',\r\n      width: '32px',\r\n      cursor: 'pointer'\r\n   }\r\n   const usestyle = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '16px',\r\n      position: 'relative',\r\n      left: '17px',\r\n      top: '-4px'\r\n   }\r\n   const iconStyle = {\r\n      transform: ' rotate(180deg)',\r\n      position: 'relative',\r\n      left: '0',\r\n      top: '2px',\r\n      color: '#006BBD',\r\n      height: '22px',\r\n      width: '22px'\r\n   }\r\n\r\n   return (\r\n      <React.Fragment>\r\n\r\n\r\n\r\n         {/* <Hidden only={['lg','xl','xs']}> */}\r\n         <span variant=\"contained\" tabIndex=\"1\" className=\"tabIndexStyle HowToUseHeader\" onKeyPress={handleClick} onClick={handleClick} ><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUseMenu}</span></span>\r\n         {ReactDOM.createPortal(\r\n            <div id=\"howToUSE\" tabIndex=\"-1\" style={UseImagesIpad} className=\"useImg\">\r\n               <span tabIndex=\"-1\" style={howToUseName}>{window.finalLangues.howToUseMenu}:</span>\r\n               <img tabIndex=\"-1\" onClick={closeHandle} style={closeUse} id=\"closeBtn\" alt=\"closeBtn\" src=\"./img/closeIcon.png\" />\r\n               {/* <HighlightOffIcon onClick={closeHandle} style={closeUse}/> */}\r\n               <div tabIndex=\"-1\" style={howToUseImages}>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span style={useName1}>{window.finalLangues.move}</span><img style={imgUse} alt=\"Move by swiping with two fingers on touchscreen or by clicking the right mouse button\" src=\"./img/move.svg\" /></div>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span style={useName2}>{window.finalLangues.rotate} </span><img style={imgUse} alt=\"Rotate by making a circular motion with one finger on touchscreen or by clicking the left mouse button\" src=\"./img/rotate.svg\" /></div>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span style={useName3}>{window.finalLangues.zoom}</span><img style={imgUse} alt=\"Zoom by using two fingers to pinch and expand or by using the scroll wheel on the mouse\" src=\"./img/zoom.svg\" /></div>\r\n               </div>\r\n            </div>,\r\n            document.getElementById('howTousePopupDesk')\r\n\r\n         )}\r\n         {/* </Hidden> */}\r\n      </React.Fragment>\r\n   )\r\n}\r\n\r\n\r\n\r\nexport default HowToUse;\r\n\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import DeleteIcon from '@material-ui/icons/Delete';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\nimport ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\nimport CallMadeIcon from '@material-ui/icons/CallMade';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n// import Grid from '@material-ui/core/Grid';\r\nimport TouchRipple from \"@material-ui/core/ButtonBase/TouchRipple\";\r\nimport Slider from '@material-ui/core/Slider';\r\n// import States from \"./model_gl/config\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   root: {\r\n      width: 170,\r\n   },\r\n   newBtns: {\r\n      borderRadius: \"0.1em\",\r\n   },\r\n\r\n   margin: {\r\n      margin: theme.spacing(2),\r\n      borderRadius: \"0.1em\",\r\n      textTransform: 'none',\r\n      fontSize: '0.7em'\r\n   },\r\n   extendedIcon: {\r\n      marginRight: theme.spacing(1),\r\n   },\r\n}));\r\n\r\n\r\nexport default function FooterControl(props) {\r\n\r\n\r\n   const classes = useStyles();\r\n   const [value,setValue] = React.useState(30);\r\n   const [prevDeltaScene,setPrevDeltaScene] = React.useState(0);\r\n   const [zoombarValue,setZoombarValue] = React.useState(0);\r\n\r\n\r\n\r\n   const handleChange = (event,newValue) => {\r\n      setValue(newValue);\r\n   };\r\n\r\n   const handleZoomChange = (e,newValue) => {\r\n\r\n\r\n\r\n      if (e) { //console.log(e.target.value);\r\n         window.scene._nav.NavChangeDolly(undefined,e.target.value / 100);\r\n\r\n      } else {\r\n\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,newValue / 100);\r\n\r\n         document.getElementById(\"sliderRange\").value = newValue;\r\n\r\n\r\n         //document.getElementById('sliderRange').setAttribute('aria-label', (newValue * 100)+ '%');\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n      var sliderValues = document.getElementById('sliderRange').value * 100;\r\n      // document.getElementById('sliderRange').setAttribute('aria-label',  (parseInt(sliderValues)+'%'));\r\n      document.getElementById('sliderRange').setAttribute('aria-label','');\r\n      setTimeout(function () {\r\n         document.getElementById('sliderRange').setAttribute('aria-label','%');\r\n      },400)\r\n\r\n      //   console.log('slidervalue',sliderValues )\r\n\r\n\r\n\r\n   };\r\n\r\n   const zoombar = {\r\n      height: '40.01px',\r\n      position: 'relative',\r\n      float: 'left',\r\n      marginLeft: '35px',\r\n      // left: '48%',\r\n      // bottom: '226px',\r\n\r\n   }\r\n\r\n   const topbtns = {\r\n      position: 'relative',\r\n      // bottom: '149px',\r\n      // marginLeft: '13.5%',\r\n      // marginBottom: '21px',\r\n      border: '1px solid CCCCCC',\r\n      float: 'left',\r\n   }\r\n   const threeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '40.01px',\r\n      width: '160px',\r\n      margin: '21px 19px 20px 19px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const mobthreeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '40.01px',\r\n      width: '123px',\r\n      margin: '5px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const topLeft = {\r\n      transform: 'rotate(270deg)',\r\n      fontSize: '1.5em'\r\n   }\r\n   const topRight = {\r\n      fontSize: '1.5em'\r\n   }\r\n   const prev = {\r\n      marginRight: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const next = {\r\n      marginLeft: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const topBtnstyle = {\r\n      height: '40.01px',\r\n      width: '62px',\r\n      marginLeft: '8.5px',\r\n      marginRight: '8.5px',\r\n      backgroundColor: '#FFFFFF',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const clearBoth = {\r\n      clear: 'both'\r\n   }\r\n   //only for mob\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.localStorage.getItem('Animation');\r\n   var animTime = 1;\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            // console.log(myJson.positions);\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.localStorage.getItem('Animation');\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[]);\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   // console.log('animTime', animTime)\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here\r\n      var opt = undefined,gp = camData[gotoposname];\r\n      console.log(gp);\r\n      //    console.log(gp)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      var animationSwitch = window.localStorage.getItem('Animation');\r\n      if (animationSwitch == 'off') { gp.time = 1 }\r\n      else {\r\n         gp.time = animTime;\r\n      }\r\n      // console.log('animationSwitch', animationSwitch);\r\n      // console.log('gp.time', gp.time);\r\n      window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      // console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n   }\r\n   //end\r\n\r\n   const slowInOut = (x) => {\r\n      var a = 2.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n   // const resetBacklitCloseImg = () =>{\r\n   //     setOpenCloseOnOff(false);\r\n   //     setOpenClose(\"./img/open.png\");\r\n   //     setBackliteOnOff(false);\r\n   //     setBacklite(\"./img/Backlite_Off.svg\");\r\n   //     // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n   //     window.scene.clearRefine();\r\n\r\n   // }\r\n\r\n   const posClicked1 = () => {\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1000);\r\n   }\r\n\r\n\r\n   const onUpdateZoombar = (e) => {\r\n      // console.log(e.target.value);\r\n      var s = window.scene;\r\n      var deltaScene = 0;\r\n      console.log('onUpdateZoombar',zoombarValue)\r\n      deltaScene = zoombarValue;\r\n      // var delta = (-e.detail * 10.0);\r\n      setPrevDeltaScene(deltaScene);\r\n      // prevDeltaScene = deltaScene;\r\n      if (prevDeltaScene - deltaScene > 0) {\r\n         console.log(deltaScene)\r\n         if (s._nav.NavChangeDolly(deltaScene))\r\n            s.clearRefine();\r\n      } else {\r\n         console.log(-deltaScene)\r\n         if (s._nav.NavChangeDolly(-deltaScene))\r\n            s.clearRefine();\r\n      }\r\n      document.getElementById('sliderRange').value = zoombarValue;\r\n      // console.log(prevDeltaScene)\r\n      // console.log(deltaScene)\r\n\r\n   }\r\n\r\n   const onZoomIn = (e) => {\r\n      if (window.scene._nav.getZoomFactor() > 0)\r\n         handleZoomChange(null,-1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n\r\n   }\r\n\r\n   const onZoomOut = (e) => {\r\n      if (window.scene._nav.getZoomFactor() < 100)\r\n         handleZoomChange(null,1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n\r\n   }\r\n\r\n\r\n   const onLeft = () => {\r\n\r\n      window.scene._nav.NavRotation([0,0],[2,0]);\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      window.scene.clearRefine();\r\n\r\n      // alert(\"Rotate product left\");\r\n      // window.scene._nav._navYAng += 0.5;\r\n      // console.log(count);\r\n      // window.scene._nav._navYAng = count;\r\n      // window.scene.clearRefine();\r\n\r\n\r\n   }\r\n   const onRight = () => {\r\n\r\n      window.scene._nav.NavRotation([0,0],[-2,0]);\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      window.scene.clearRefine();\r\n\r\n      // alert(\"Rotate product right\");\r\n      //count -= 0.1;\r\n      // console.log(count);\r\n      //window.scene._nav._navYAng -= 0.5;;\r\n      //window.scene.clearRefine();\r\n   }\r\n   const rippleRef = React.useRef('null');\r\n   const onRippleStart = (e) => {\r\n      rippleRef.current.start(e);\r\n   };\r\n   const onRippleStop = (e) => {\r\n      rippleRef.current.stop(e);\r\n   };\r\n   const rippleRefs = React.useRef('null');\r\n\r\n   const onRippleStarts = (e) => {\r\n      rippleRefs.current.start(e);\r\n   };\r\n   const onRippleStops = (e) => {\r\n      rippleRefs.current.stop(e);\r\n   };\r\n   return (\r\n      <React.Fragment>\r\n         {ReactDOM.createPortal(\r\n\r\n            <div id='footerControls'>\r\n               <Hidden only={['xs','sm','md']}>\r\n                  <div className=\"threebtns\">\r\n                     <div className=\"zoombarandRotateContainer\">\r\n\r\n                        <Hidden only={['xs','sm','md']}>\r\n                           <div style={topbtns} >\r\n                              <Button aria-label=\"Rotate\" id=\"rLeft\" tabIndex=\"2\" className={classes.newBtns} style={topBtnstyle} onClick={onLeft} title=\"left\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                                 <img alt=\"Rotate left\" src=\"./img/diagonalLeftArrow.svg\" />\r\n                              </Button>\r\n                              <Button aria-label=\"Rotate\" id=\"rRight\" tabIndex=\"2\" className={classes.newBtns} style={topBtnstyle} onClick={onRight} title=\"right\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                                 <img alt=\"Rotate right\" src=\"./img/diagonalRightArrow.svg\" />\r\n                              </Button>\r\n                           </div>\r\n\r\n                           <div id=\"zoomSliderContainer\" style={zoombar} >\r\n                              <img style={{ height: '100%' }} alt=\"zoombar\" src=\"./img/ZOOMBAR.svg\" />\r\n\r\n                              <Button tabIndex=\"2\" style={{ color: \"#0076CE\" }} type=\"button\" onMouseDown={onRippleStart} onMouseUp={onRippleStop} aria-label=\"Clickable Zoom Out\" role=\"button\" id=\"zoomIn\" onClick={onZoomIn}> <TouchRipple ref={rippleRef} center={false} /></Button>\r\n                              <div id=\"zoomSlider\" aria-hidden=\"true\">\r\n                                 <div className=\"rangeslider\" aria-hidden=\"true\">\r\n                                    {/* <label> <input tabIndex=\"2\" aria-hidden=\"true\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\"/> */}\r\n                                    <label> <input tabIndex=\"2\" aria-hidden=\"true\" type=\"range\" min=\"0\" max=\"100\" step=\"1\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\" />\r\n                                    </label>\r\n                                 </div>\r\n                              </div>\r\n                              <Button tabIndex=\"2\" style={{ color: \"#0076CE\" }} type=\"button\" onMouseDown={onRippleStarts} onMouseUp={onRippleStops} id=\"zoomOut\" role=\"button\" aria-label=\"Clickable Zoom In\" onClick={onZoomOut}><TouchRipple ref={rippleRefs} center={false} /></Button>\r\n                           </div>\r\n                        </Hidden>\r\n                     </div>\r\n                     <div style={clearBoth}>\r\n                        <Hidden only='xs'>\r\n                           <Button tabIndex=\"2\" aria-label=\"Previous view\" id=\"previousView\" style={threeButtons} variant=\"outlined\" color=\"primary\" onClick={props.onPrevious} className={classes.margin}>\r\n                              <img alt=\"Previous view\" style={{ height: '20px',width: '24px',paddingRight: '12px' }} src=\"./img/leftArrow.svg\" />{window.finalLangues.previousView}\r\n                           </Button>\r\n                           <Button tabIndex=\"2\" style={threeButtons} variant=\"outlined\" id=\"resetView\" color=\"primary\" onClick={props.onReset} className={classes.margin}>\r\n                              {window.finalLangues.resetView}\r\n                           </Button>\r\n                           <Button tabIndex=\"2\" aria-label=\"Next view\" style={threeButtons} id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNext} expanded={props.expanded} className={classes.margin}>\r\n                              {window.finalLangues.nextView}<img alt=\"Next view\" style={{ height: '20px',width: '24px',paddingLeft: '12px' }} src=\"./img/rightArrow.svg\" />\r\n                           </Button>\r\n                        </Hidden>\r\n                        {/* <Hidden only={['sm','md','lg','xl']}>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onPrevious} className={classes.margin}>\r\n        <ArrowBackOutlinedIcon style={prev}/>Previous\r\n        </Button>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onResetMob} className={classes.margin}>\r\n          Reset\r\n        </Button>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onNext} className={classes.margin}>\r\n          Next  <ArrowForwardOutlinedIcon style={next}/>\r\n        </Button>\r\n        </Hidden> */}\r\n\r\n                     </div>\r\n                  </div>\r\n\r\n\r\n               </Hidden>\r\n\r\n            </div>,document.getElementById('footerControlDesk')\r\n         )}\r\n      </React.Fragment>\r\n\r\n   );\r\n}\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import DeleteIcon from '@material-ui/icons/Delete';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\nimport ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\nimport CallMadeIcon from '@material-ui/icons/CallMade';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n// import Grid from '@material-ui/core/Grid';\r\n\r\nimport Slider from '@material-ui/core/Slider';\r\n// import States from \"./model_gl/config\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   root: {\r\n      width: 170,\r\n   },\r\n   newBtns: {\r\n      borderRadius: \"0.1em\",\r\n   },\r\n\r\n\r\n   margin: {\r\n      // margin: theme.spacing(2),\r\n      // borderRadius: \"0.1em\",\r\n      // textTransform: 'none',\r\n      // fontSize: '0.7em'\r\n   },\r\n   extendedIcon: {\r\n      marginRight: theme.spacing(1),\r\n   },\r\n}));\r\n\r\n\r\nexport default function FooterControlMob(props) {\r\n\r\n   var prevCounter = 0;\r\n   var nextClicked = false;\r\n   var prevClicked = false;\r\n\r\n   const classes = useStyles();\r\n   const [value,setValue] = React.useState(30);\r\n   const [prevDeltaScene,setPrevDeltaScene] = React.useState(0);\r\n   const [zoombarValue,setZoombarValue] = React.useState(0);\r\n\r\n   const handleChange = (event,newValue) => {\r\n      setValue(newValue);\r\n   };\r\n\r\n   const handleZoomChange = (e,newValue) => {\r\n\r\n\r\n\r\n      if (e) { //console.log(e.target.value);\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,e.target.value);\r\n\r\n      } else {\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,newValue);\r\n         document.getElementById(\"sliderRange\").value = newValue;\r\n\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n\r\n      /*     //console.log('newValue', newValue)\r\n          if(newValue == undefined) newValue = e.target.value;\r\n          setZoombarValue(newValue);\r\n          console.log('zoombarValue', zoombarValue)\r\n          onUpdateZoombar(); */\r\n   };\r\n\r\n   const zoombar = {\r\n      height: '47px',\r\n      position: 'relative',\r\n      float: 'left',\r\n      marginLeft: '4px',\r\n      // left: '48%',\r\n      // bottom: '226px',\r\n\r\n   }\r\n\r\n   const topbtns = {\r\n      position: 'relative',\r\n      // bottom: '149px',\r\n      // marginLeft: '13.5%',\r\n      // marginBottom: '21px',\r\n      border: '1px solid CCCCCC',\r\n      float: 'left',\r\n   }\r\n   const mobthreeButtonsIpad = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '47px',\r\n      width: '143px',\r\n      margin: '21px 19px 20px 19px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const mobthreeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '48px',\r\n      width: '118px',\r\n      margin: '5px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const topLeft = {\r\n      transform: 'rotate(270deg)',\r\n      fontSize: '1.5em'\r\n   }\r\n   const topRight = {\r\n      fontSize: '1.5em'\r\n   }\r\n   const prev = {\r\n      marginRight: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const next = {\r\n      marginLeft: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const topBtnstyle = {\r\n      height: '47px',\r\n      width: '62px',\r\n      marginLeft: '8.5px',\r\n      marginRight: '8.5px',\r\n      backgroundColor: '#FFFFFF',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const clearBoth = {\r\n      clear: 'both'\r\n   }\r\n   //only for mob\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.localStorage.getItem('Animation');\r\n   var animTime = 1;\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            //console.log(myJson.positions);\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.localStorage.getItem('Animation');\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[]);\r\n\r\n   //For Animation Switch \r\n   //console.log('animationSwitch anim',animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   //console.log('animTime',animTime)\r\n\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here\r\n      var opt = undefined,gp = camData[gotoposname];\r\n      //console.log(gp);\r\n      //    console.log(gp)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      var animationSwitch = window.localStorage.getItem('Animation');\r\n      if (animationSwitch == 'off') { gp.time = 1 }\r\n      else {\r\n         gp.time = animTime;\r\n      }\r\n      //console.log('animationSwitch',animationSwitch);\r\n      //console.log('gp.time',gp.time);\r\n      window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      // //console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n   }\r\n   //end\r\n\r\n   const slowInOut = (x) => {\r\n      var a = 3.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n   // const resetBacklitCloseImg = () =>{\r\n   //     setOpenCloseOnOff(false);\r\n   //     setOpenClose(\"./img/Lid_open.svg\");\r\n   //     setBackliteOnOff(false);\r\n   //     setBacklite(\"./img/Backlite_Off.svg\");\r\n   //     // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n   //     window.scene.clearRefine();\r\n\r\n   // }\r\n   const resetTimeline1 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_01_A')) window.scene.getAnim(\"Screen_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_01_A')) window.scene.getAnim(\"Hinge_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_01_A')) window.scene.getAnim(\"Main_grp_timeline_01_A\").stop();\r\n\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close180\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close360\", 0, 0);\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline2 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_02_A')) window.scene.getAnim(\"Screen_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_02_A')) window.scene.getAnim(\"Hinge_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_02_A')) window.scene.getAnim(\"Main_grp_timeline_02_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline3 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_03_A')) window.scene.getAnim(\"Screen_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_03_A')) window.scene.getAnim(\"Hinge_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_03_A')) window.scene.getAnim(\"Main_grp_timeline_03_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_03_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline4 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_04_A')) window.scene.getAnim(\"Main_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_04_A')) window.scene.getAnim(\"Hinge_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_04_A')) window.scene.getAnim(\"Screen_grp_timeline_04_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const posClicked1 = () => {\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1000);\r\n   }\r\n\r\n\r\n   // const onUpdateZoombar = (e) => {\r\n   //   // console.log(e.target.value);\r\n   //   var s = window.scene;\r\n   //   var deltaScene = 0;\r\n   //   console.log('onUpdateZoombar', zoombarValue)\r\n   //   deltaScene =  zoombarValue;\r\n   //   // var delta = (-e.detail * 10.0);\r\n   //   setPrevDeltaScene(deltaScene);\r\n   //   // prevDeltaScene = deltaScene;\r\n   //   if(prevDeltaScene-deltaScene > 0) {\r\n   //     console.log(deltaScene)\r\n   //     if (s._nav.NavChangeDolly(deltaScene))\r\n   //               s.clearRefine();\r\n   //   } else{\r\n   //     console.log(-deltaScene)\r\n   //     if (s._nav.NavChangeDolly(-deltaScene))\r\n   //               s.clearRefine();\r\n   //   }\r\n   //   document.getElementById('sliderRange').value = zoombarValue;\r\n   //   // console.log(prevDeltaScene)\r\n   //   // console.log(deltaScene)\r\n\r\n   // }\r\n\r\n   // const onZoomIn = (e) => {\r\n   //   // alert(\"zoom in\");\r\n   //   if(window.scene._nav._navDolly >=50 && window.scene._nav._navDolly <=128)\r\n   //     handleZoomChange(null, 2)\r\n\r\n   //   /*var s = window.scene;\r\n   //   var delta = (-e.detail * 10.0);\r\n   //   var deltaScene = delta * 0.1;\r\n   //   if (s._nav.NavChangeDolly(-25))\r\n   //               s.clearRefine(); */\r\n   //   // console.log(deltaScene);\r\n   // }\r\n   // const onZoomOut = (e) => {\r\n   //   if(window.scene._nav._navDolly >=52 && window.scene._nav._navDolly <=130)\r\n   //     handleZoomChange(null, -2)\r\n   //   /*\r\n   //   var s = window.scene;\r\n   //   var delta = (-e.detail * 10.0);\r\n   //   var deltaScene = delta * 0.1;\r\n   //   if (s._nav.NavChangeDolly(+25))\r\n   //               s.clearRefine();\r\n   //   console.log(deltaScene);\r\n   //   */\r\n   //   // alert(\"zoom out\");\r\n   // }\r\n\r\n   const onResetMob = () => {\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //   alreadySelected.classList.remove('active');\r\n      //   document.getElementById('whiteBtn').classList.add('active');\r\n      if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      // posClicked1();\r\n      setCounter(0);\r\n      //setExpandedPanel(false);\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      setPort5Click(true);\r\n      // window.localStorage.setItem('tent', false);\r\n      // window.localStorage.setItem('tablet', false);\r\n      // window.localStorage.setItem('theater', false);\r\n      window.localStorage.removeItem('closeMode');\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      // window.localStorage.setItem('tent', false);\r\n      // window.localStorage.setItem('tablet', false);\r\n      // window.localStorage.setItem('theater', false);\r\n      var isClose = window.localStorage.getItem('closeMode')\r\n      if (port1Click == true) {\r\n         console.log(\"tent to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n\r\n      }\r\n      else if (port2Click == true) {\r\n         //console.log(\"theater to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n\r\n      }\r\n      else if (port3Click == true) {\r\n         //console.log(\"tablet to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n\r\n      }\r\n      else if (port4Click == true) {\r\n         //console.log(\"close to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         //   window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 0, 1500);\r\n         //   window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n         //   window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n         //   window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n         // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1500);\r\n         //   window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1500);\r\n         //   window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1500);\r\n\r\n         if (!isClose) {\r\n            //console.log(\"if\");\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",0,1500);\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 1.66, 0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,1500);\r\n\r\n\r\n            window.scene.clearRefine();\r\n\r\n         } else {\r\n            //console.log(\"else\");\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.clearRefine();\r\n\r\n         }\r\n\r\n      }\r\n      else {\r\n         //console.log(\"no\");\r\n         // resetTimeline1();\r\n         // resetTimeline2();\r\n         // resetTimeline3();\r\n         // resetTimeline4();\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         setPort5Click(true);\r\n\r\n         if (port4Click == true) {\r\n            GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n               if (window.localStorage.getItem(\"Carbon_Fibre\") == true) {\r\n                  window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n                  window.scene.groupApplyState(\"Screen_Fill_180_ON\");\r\n               } else if (window.localStorage.getItem(\"silver\") == true) {\r\n                  window.scene.groupApplyState(\"Silver\");\r\n                  window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n               }\r\n               if (!isClose) {\r\n                  window.scene.animPlayInTime(\"Screen_90_degree\",0,1500);\r\n                  window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,1500);\r\n\r\n                  window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n                  window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n                  window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n                  window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n                  window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n                  window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n                  //  } else{\r\n\r\n\r\n                  //  }\r\n               }\r\n            });\r\n         }\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n            if (window.localStorage.getItem(\"Carbon_Fibre\") == true) {\r\n               window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n               window.scene.groupApplyState(\"Screen_Fill_180_ON\");\r\n            } else if (window.localStorage.getItem(\"silver\") == true) {\r\n               window.scene.groupApplyState(\"Silver\");\r\n               window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n            }\r\n            window.scene.animPlayInTime('Screen_90_degree',0,animTime);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n            // window.scene.animPlayInTime(\"screen_90_degree_animation\", 0, animTime);\r\n            window.scene.clearRefine();\r\n         });\r\n      }\r\n   }\r\n   //front to top \r\n   const onWirelessDesignClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(2);\r\n      // }else{\r\n      //   setCounter(3);\r\n      // }\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('wirelessdesignBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // alert(\"front click\");\r\n      ////console.log(camData.Render_Cam_F196_JD);\r\n      // event.target.className = \"selected\";\r\n      //  document.querySelectorAll('.MuiAccordionDetails-root').className = \"selected\";\r\n      ////console.log(event.target);\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(1);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(4);\r\n         }\r\n\r\n      }\r\n\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(6);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(2);\r\n         }\r\n      }\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.scene.clearRefine();\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      var isClose = window.localStorage.getItem('closeMode');\r\n\r\n      if (port1Click == true) {\r\n         window.scene.gotoPosInTime(0,0,-2,1.1237486091039337,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,0);\r\n\r\n         }\r\n      }\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n\r\n      //    window.scene.gotoPosInTime(camData.Render_Cam_F196_JD.pos[0], camData.Render_Cam_F196_JD.pos[1], camData.Render_Cam_F196_JD.pos[2], camData.Render_Cam_F196_JD.pos[3], camData.Render_Cam_F196_JD.pos[4], 1000, function () {\r\n      // window.scene.animPlayInTime('Screen_90_degree', 1, 1);\r\n      // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, 1);\r\n      //  window.scene.animPlayInTime('Screen_90_degree_180', 1, 1);   \r\n      //   if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.34, 0)\r\n      // }\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F196_JD',function () {\r\n         window.scene.animPlayInTime('Screen_90_degree',0.62,animTime,function () {\r\n            window.localStorage.setItem('hotspot','front')\r\n\r\n         });\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime('Screen_grp_timeline_01',0.34,animTime,function () {\r\n            window.localStorage.setItem('hotspot','front')\r\n\r\n         });\r\n         window.scene.clearRefine();\r\n      })\r\n\r\n   }\r\n\r\n   const onRightClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(4);\r\n      // }else{\r\n      //   setCounter(5);\r\n      // }\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(5)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(3);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(6);\r\n         }\r\n      }\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(3)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(1);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(4);\r\n         }\r\n      }\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('rightBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      var isClose = window.localStorage.getItem('closeMode');\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime('Screen_grp_timeline_01',1.66,0)\r\n\r\n         }\r\n      }\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      //window.scene.gotoPosInTime(3.5793310556726188, -0.12797237544732043, 1.9108546394009327, 1.1237486091039337, -2.94957, 1000, function () {\r\n      // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, 1000);\r\n      // window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 1);\r\n      // window.scene.animPlayInTime('Screen_90_degree_180', 1, 1);\r\n      //   if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.45,0)\r\n\r\n      // }\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F194_R',function () {\r\n         window.scene.animPlayInTime('Screen_grp_timeline_01',0.45,animTime,function () {\r\n            window.localStorage.setItem('hotspot','right')\r\n\r\n         });\r\n         // window.scene.animPlayInTime(\"Screen_90_degree_180\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.83,animTime,function () {\r\n            window.localStorage.setItem('hotspot','right')\r\n\r\n         });\r\n         window.scene.clearRefine();\r\n      });\r\n   }\r\n\r\n   const onLeftClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(5);\r\n      // }else{\r\n      //   setCounter(6);\r\n      // }\r\n\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(6)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(4);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(7);\r\n         }\r\n      }\r\n\r\n\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(4)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(3);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(5);\r\n         }\r\n      }\r\n      var isClose = window.localStorage.getItem('closeMode');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('leftBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         //console.log(\"4\")\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,0);\r\n\r\n         }\r\n      }\r\n\r\n      //    if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.45, 0)\r\n      // }\r\n      GotoPosInTimeNamedValue('Render_Cam_F194_L',function () {\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0.45,animTime,function () {\r\n            window.localStorage.setItem('hotspot','left')\r\n\r\n         });\r\n\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.83,animTime,function () {\r\n            window.localStorage.setItem('hotspot','left')\r\n\r\n         });\r\n         window.scene.clearRefine();\r\n      });\r\n   }\r\n   const onTopClick = () => {\r\n      //   if(laptop180){\r\n      //     setCounter(3);\r\n      //   }else{\r\n      //     setCounter(4);\r\n      //   }\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(4)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(2);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(5);\r\n         }\r\n      }\r\n\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(2)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(0);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(3);\r\n         }\r\n      }\r\n      var isClose = window.localStorage.getItem('closeMode');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('topBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,0);\r\n\r\n         }\r\n      }\r\n      //    if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.26, 0)\r\n      // }\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      //window. scene.gotoPosInTime(-1.0027337231599986, 1.413716694115407, -3.3206931126926346, -8, 16, 1000, function(){\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F198_Top',function () {\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.50,animTime,function () {\r\n            window.localStorage.setItem('hotspot','top')\r\n\r\n         });\r\n         window.scene.animPlayInTime('Screen_grp_timeline_01',0.26,animTime,function () {\r\n            window.localStorage.setItem('hotspot','top')\r\n\r\n         });\r\n      });\r\n\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   //end\r\n   //open close and backlit\r\n   const openCloseClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(6);\r\n      // }else{\r\n      //   setCounter(7);\r\n\r\n      // }\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(7)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(5);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(8);\r\n\r\n         }\r\n      }\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(6)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(5);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(6);\r\n\r\n         }\r\n      }\r\n      var fromPos = window.localStorage.getItem('hotspot')\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.setItem('closeMode','on');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('openCloseBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setBackliteOnOff(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      // resetTimeline1();\r\n      // resetTimeline2();\r\n      // resetTimeline3();\r\n      // resetTimeline4();\r\n\r\n      if (port1Click == true) {\r\n         //console.log('abcd');\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n\r\n      //console.log(backliteOnOff);\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.scene.animPlayInTime(\"Screen_90_degree_180\",0,0);\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      window.scene.clearRefine();\r\n      if (openCloseOnOff) {\r\n\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         setOpenCloseOnOff(false);\r\n         //console.log(\"open\");\r\n         setOpenClose(\"./img/Lid_open.svg\");\r\n\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n\r\n\r\n\r\n         });\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0,1);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,1500);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,1500);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,1500);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,1500);\r\n         window.scene.clearRefine();\r\n      } else {\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(true);\r\n         setOpenCloseOnOff(true);\r\n         //console.log(\"close\");\r\n         setBackliteOnOff(false);\r\n         setOpenClose(\"./img/Lid_close.svg\");\r\n         //window.localStorage.setItem('position', 'close');\r\n         //window.localStorage.setItem('tent', false);\r\n         //window.localStorage.setItem('theater', false);\r\n         //window.localStorage.setItem('tablet', false);\r\n         // console.log(\"else\")\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         GotoPosInTimeNamedValue('Close_Cam_F158_Close',function () {\r\n\r\n\r\n         });\r\n         if (fromPos == 'right' || fromPos == 'left' || fromPos == 'front' || fromPos == 'top' || fromPos == 'backlit') {\r\n            // alert('right')\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,1500);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,1500);\r\n\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.41, 0);\r\n            // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.41, 0);\r\n            // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.41, 0);\r\n\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n            // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n            // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            //console.log(\"else close\")\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,1500);\r\n            // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,1500);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,1500);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,1500);\r\n\r\n            window.scene.clearRefine();\r\n         }\r\n\r\n      }\r\n\r\n   }\r\n\r\n   const backliteClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(7);\r\n      // }else{\r\n      //   setCounter(8);\r\n\r\n      // }\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(0)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(0);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(0);\r\n         }\r\n      }\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(7)\r\n         if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n            setCounter(6);\r\n         } else if (window.localStorage.setItem(\"laptop\",\"laptop360\")) {\r\n            setCounter(7);\r\n         }\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('backlitBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      //resetBacklitCloseImg();\r\n      var isClose = window.localStorage.getItem('closeMode');\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 1.66, 0);\r\n\r\n         }\r\n      }\r\n\r\n      if (!openCloseOnOff) {\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_degree_180\", 1, 0);\r\n         //  window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 0);\r\n      }\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 0, 1500);\r\n\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F198_Top',function () {\r\n\r\n         window.localStorage.setItem('hotspot','backlit');\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0.26,animTime);\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.50,animTime);\r\n         window.scene.clearRefine();\r\n      })\r\n\r\n      if (backliteOnOff) {\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         //console.log(\"off\");\r\n         setBackliteOnOff(false);\r\n\r\n         //window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 1);\r\n         //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n         window.scene.groupApplyState(\"Backlit_OFF\");\r\n         window.scene.clearRefine();\r\n         setBacklite(\"./img/Backlite_Off.svg\");\r\n      } else {\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         setBackliteOnOff(true);\r\n         //console.log(\"on\");\r\n         setBacklite(\"./img/Backlite_On.svg\");\r\n         // if(port4Click == true){\r\n         //   window.scene.animPlayInTime(\"Screen_90_degree_180\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n         // }\r\n         //else{\r\n         //   window.scene.animPlayInTime(\"Screen_90_degree_180\", 1, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 0);\r\n         // }\r\n\r\n         //window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 1);\r\n         //window.scene.materialReplace('LED_Backlit_OFF_env', 'LED_Backlit_ON_env');\r\n         window.scene.groupApplyState(\"Backlit_ON\");\r\n         window.scene.clearRefine();\r\n\r\n\r\n\r\n      }\r\n   }\r\n\r\n\r\n   //menufeature\r\n\r\n   const color1Click = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // if(nextClick){\r\n      //   console.log(\"next\")\r\n      //   setNextClick(true)\r\n      //   setPrevClick(false)\r\n      // //  setCounter(0)\r\n      // if(laptop180){\r\n      //   setCounter(1);\r\n      // }\r\n\r\n      // }\r\n      // if(prevClick){\r\n      //   console.log(\"previuos\")\r\n\r\n      //   setNextClick(false)\r\n      //   setPrevClick(true)\r\n      // //  setCounter(7)\r\n      // if(laptop180){\r\n      //   setCounter(7);\r\n      // }\r\n      // }\r\n\r\n      // setLaptop360FrontImg(\"./img/front180White.png\");\r\n      // setLaptop360TopImg(\"./img/top180White.png\");\r\n      // setLaptop360LefttImg(\"./img/left.png\");\r\n      // setLaptop360RightImg(\"./img/right.png\");\r\n      setPort4Click(false);\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n      }\r\n      // if(laptop360){\r\n      //   console.log(\"360white\");\r\n      //   setScreen360(true);\r\n      //   setScreen180(false);\r\n      //   window.scene.groupApplyState(\"Silver\");\r\n\r\n      // }else if(laptop180){        \r\n      // console.log(\"180white\");\r\n\r\n      // setScreen360(false);\r\n      // setScreen180(true);\r\n      window.localStorage.setItem(\"silver\",true);\r\n      window.scene.groupApplyState(\"Silver\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      window.scene.clearRefine();\r\n\r\n      // }\r\n\r\n\r\n   }\r\n\r\n   const color2Click = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('blackBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      // if(laptop360){\r\n      // console.log(\"360black\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // if(nextClick){\r\n      //   console.log(\"next\")\r\n      //   setNextClick(true)\r\n      //   setPrevClick(false)\r\n      // //  setCounter(0)\r\n      // if(laptop180){\r\n      //   setCounter(2);\r\n      // }\r\n\r\n      // }\r\n      // if(prevClick){\r\n      //   console.log(\"previuos\")\r\n\r\n      //   setNextClick(false)\r\n      //   setPrevClick(true)\r\n      // //  setCounter(7)\r\n      // if(laptop180){\r\n      //   setCounter(0);\r\n      // }\r\n      // }\r\n      // setLaptop360FrontImg(\"./img/front180Black.png\");\r\n      // setLaptop360TopImg(\"./img/top180Black.png\");\r\n      // setLaptop360LefttImg(\"./img/left180Black.png\");\r\n      // setLaptop360RightImg(\"./img/right180Black.png\");\r\n      setPort2Click(false);\r\n      setPort1Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n\r\n      }\r\n      //     setScreen360(true);\r\n      //     setScreen180(false);\r\n      //       window.scene.groupApplyState(\"Silver\");\r\n      //   }else if(laptop180){\r\n      // setScreen360(false);\r\n      // setScreen180(true);\r\n      // console.log(\"180black\");\r\n      window.localStorage.setItem(\"Carbon_Fibre\",true);\r\n      //window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n      window.scene.groupApplyState(\"Carbon_Black\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      window.scene.clearRefine();\r\n      // }  \r\n   }\r\n\r\n   //end\r\n\r\n   //tent theater tablet\r\n   const TentModeClick = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('tentBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_360\");\r\n\r\n      //window.localStorage.setItem('position', 'tent');\r\n      if (nextClick) {\r\n         //console.log(\"next\");\r\n         window.localStorage.setItem(\"laptop\",\"laptop360\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         setCounter(1)\r\n      }\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n         window.localStorage.setItem(\"laptop\",\"laptop360\")\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         setCounter(8)\r\n      }\r\n      setPort1Click(true);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      // resetTimeline2();\r\n      // resetTimeline4();\r\n      window.scene.instanceSet(\"Tent_Mode_\",\"visible\",true);\r\n      if (port2Click == true) {\r\n         //console.log('2to1');\r\n         //window.scene.gotoPosInTime(5.870586012158568, -0.07421835782862393, -2.8433458463639633, -7.834415216000001, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",3.8,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",3.8,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",3.8,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",2.6,animTime);\r\n         window.scene.instanceSet(\"Tent_Mode_\",\"visible\",true);\r\n         window.scene.clearRefine();\r\n      }\r\n      else if (port3Click == true) {\r\n         //console.log('3to1');\r\n         //window.scene.gotoPosInTime(5.870586012158568, -0.07421835782862393, -2.8433458463639633, -7.834415216000001, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.6,animTime);\r\n         window.scene.clearRefine();\r\n      } else {\r\n         //console.log('1to1');\r\n         //setPort1Click(false);\r\n         //window.scene.gotoPosInTime(5.870586012158568, -0.07421835782862393, -2.8433458463639633, -7.834415216000001, 0, 1000);\r\n         if (port1Click == true) {\r\n            //console.log(\"1\");\r\n            GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0.04166,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.6,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.6,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.6,0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            //console.log(\"2\");\r\n            GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0.04166,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.6,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.6,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.6,animTime);\r\n            window.scene.clearRefine();\r\n         }\r\n      }\r\n\r\n   }\r\n\r\n   const TheaterModeClick = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('theaterBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      //window.localStorage.setItem('position', 'theater');\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         window.localStorage.setItem(\"laptop\",\"laptop360\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         setCounter(2)\r\n      }\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n         window.localStorage.setItem(\"laptop\",\"laptop360\")\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         setCounter(0)\r\n      }\r\n      setPort2Click(true);\r\n      setPort1Click(false);\r\n      setPort3Click(false);\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      // resetTimeline2();\r\n      // resetTimeline4();\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      if (port1Click == true) {\r\n         //console.log('1to2');\r\n         // window.scene.gotoPosInTime(5.828445577373697, 0.09175761916456742, -1.3551467671742682, -4.1122478625104312, 0, 1000);\r\n         GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",2.5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",3.8,animTime);\r\n      }\r\n      else if (port3Click == true) {\r\n         //console.log('3to2');\r\n         // window.scene.gotoPosInTime(5.828445577373697, 0.09175761916456742, -1.3551467671742682, -4.1122478625104312, 0, 1000);\r\n         GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",3.8,animTime);\r\n      } else {\r\n         //console.log('2to2');\r\n\r\n\r\n         if (port2Click == true) {\r\n            //console.log(\"1\")\r\n            GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.4,0);\r\n\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.8,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.8,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.8,0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            //console.log(\"2\");\r\n            GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.4,0);\r\n\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.8,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.8,animTime);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.8,animTime);\r\n            window.scene.clearRefine();\r\n         }\r\n      }\r\n\r\n\r\n   }\r\n   const TabletModeClick = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('tabletBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      //window.localStorage.setItem('position', 'tablet');\r\n      if (nextClick) {\r\n         //console.log(\"next\")\r\n         window.localStorage.setItem(\"laptop\",\"laptop360\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         setCounter(3)\r\n      }\r\n      if (prevClick) {\r\n         //console.log(\"previuos\")\r\n         window.localStorage.setItem(\"laptop\",\"laptop360\")\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         setCounter(1)\r\n      }\r\n      setPort3Click(true);\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      // resetTimeline2();\r\n      // resetTimeline4();\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      if (port1Click == true) {\r\n         //console.log('1to3');\r\n         //window.scene.gotoPosInTime(5.867081672070415, -0.03458257862338644, -2.391488170611039, -6.5, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.9,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.9,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.9,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,animTime);\r\n         window.scene.clearRefine();\r\n      }\r\n      else if (port2Click == true) {\r\n         //console.log('2to3');\r\n         // window.scene.gotoPosInTime(5.867081672070415, -0.03458257862338644, -2.391488170611039, -6.5, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",4.2,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",4.2,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",4.2,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",5.1,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",5.1,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",5.1,animTime);\r\n         window.scene.clearRefine();\r\n      }\r\n      else {\r\n         //console.log('3to3');\r\n         //window.scene.gotoPosInTime(5.867081672070415, -0.03458257862338644, -2.391488170611039, -6.5, 0, 1000);\r\n\r\n\r\n         if (port3Click == true) {\r\n            //console.log(\"1\")\r\n            GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            //console.log(\"2\")\r\n            GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,animTime);\r\n            window.scene.clearRefine();\r\n         }\r\n\r\n\r\n      }\r\n\r\n   }\r\n\r\n   //end\r\n\r\n   const laptopClick = (event) => {\r\n      setlaptop180(true);\r\n      setlaptop360(false);\r\n      //console.log(laptop180);\r\n      setCounter(0);\r\n      setValue(event.target.value);\r\n      // setDisplayed(true);\r\n      // setExpandedPanel(false);\r\n      // setHidden(false);\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      // setLaptop360FrontImg(\"./img/front180White.png\");\r\n      // setLaptop360TopImg(\"./img/top180White.png\");\r\n      // setLaptop360LefttImg(\"./img/left.png\");\r\n      // setLaptop360RightImg(\"./img/right.png\");\r\n      // resetBacklitCloseImg();\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.localStorage.setItem(\"laptop\",\"laptop180\");\r\n      // window.localStorage.removeItem('color');\r\n      window.localStorage.removeItem('closeMode')\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n      var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      alreadySelecte.classList.remove('select');\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      // alreadySelected.classList.remove('active');\r\n      //  document.getElementById('whiteBtn').classList.add('select');\r\n      //  document.getElementById('whiteBtn').classList.add('active');\r\n\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n      }\r\n      window.scene.animPlayInTime('Screen_90_degree',0,animTime);\r\n      window.scene.animPlayInTime(\"screen_90_degree_animation\",0,animTime);\r\n      window.scene.animPlayInTime('Screen_90_degree_180',0,animTime);\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_360\", \"visible\", false);\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_180\", \"visible\", true);\r\n\r\n         window.scene.groupApplyState(\"Silver_180\");\r\n         window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n      });\r\n\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   // const [value, setValue] = useState('2 in 1');\r\n\r\n   const select2in1Click = (event) => {\r\n      setlaptop360(true);\r\n      setlaptop180(false);\r\n      //console.log(laptop360);\r\n      setCounter(0);\r\n      setValue(event.target.value);\r\n      // setDisplayed(false);\r\n      // setHidden(true);\r\n      // setExpandedPanel(false);\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      window.localStorage.removeItem('hotspot');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screenfill_360\");\r\n      // window.scene.groupApplyState(\"dynamic_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      window.localStorage.setItem(\"laptop\",\"laptop360\");\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('closeMode')\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n\r\n      // window.localStorage.removeItem('color');\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n      }\r\n      // setLaptop360FrontImg(\"./img/front360.png\");\r\n      // setLaptop360TopImg(\"./img/top360.png\");\r\n      // setLaptop360LefttImg(\"./img/left.png\");\r\n      // setLaptop360RightImg(\"./img/right.png\");\r\n\r\n      // resetBacklitCloseImg();\r\n      window.scene.animPlayInTime('Screen_90_degree',0,animTime);\r\n      window.scene.animPlayInTime(\"screen_90_degree_animation\",0,animTime);\r\n      window.scene.animPlayInTime('Screen_90_degree_180',0,animTime);\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n         window.scene.groupApplyState(\"Silver\");\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_360\", \"visible\", true);\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_180\", \"visible\", false);\r\n         //window.scene.instanceSet(\"GP_Laptop_360\", \"visible\", true);\r\n      });\r\n\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"Open_mode\", \"visible\", false);\r\n      //window.scene.instanceSet(\"normal_screen\", \"visible\", true);\r\n      //window.scene.instanceSet(\"tent_mode_screen\", \"visible\", false);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   const [openCloseOnOff,setOpenCloseOnOff] = useState(false);\r\n   const [backlit,setBacklite] = useState(\"./img/Backlite_Off.svg\");\r\n   const [opneClose,setOpenClose] = useState(\"./img/Lid_open.svg\");\r\n   const [backliteOnOff,setBackliteOnOff] = useState(false);\r\n   const [laptop360,setlaptop360] = useState(true);\r\n   const [laptop180,setlaptop180] = useState(false);\r\n   const [counter,setCounter] = useState(0);\r\n   const [port1Click,setPort1Click] = useState(false);\r\n   const [port2Click,setPort2Click] = useState(false);\r\n   const [port3Click,setPort3Click] = useState(false);\r\n   const [port4Click,setPort4Click] = useState(false);\r\n   const [port5Click,setPort5Click] = useState(true);\r\n   const [nextClick,setNextClick] = useState(false);\r\n   const [prevClick,setPrevClick] = useState(false);\r\n\r\n   const onPreviousMob = () => {\r\n      // if(counter > 0)\r\n\r\n      if (nextClicked) {\r\n         // alert('iffff');\r\n         // return;\r\n         prevCounter = counter - 2;\r\n      } else {\r\n         // alert('else');\r\n         prevCounter = counter;\r\n      }\r\n      setNextClick(false);\r\n      setPrevClick(true);\r\n      //console.log(\"****************** Inside prev prevCounter\",prevCounter);\r\n      //console.log(\"****************** Inside prev\",counter);\r\n      if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n         // setlaptop180(true);\r\n\r\n         switch (prevCounter) {\r\n\r\n            case 0:\r\n               // setExpandedPanel(\"panel1\");\r\n               onWirelessDesignClick();\r\n               setCounter(5);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 1:\r\n               onTopClick();\r\n\r\n               //console.log('top',counter);\r\n               setCounter(0);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 2:\r\n\r\n               onRightClick();\r\n               //console.log('left',counter);\r\n               setCounter(1);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel1\");\r\n               onLeftClick();\r\n               //console.log('right',counter);\r\n               setCounter(2);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 4:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n\r\n               //console.log('openclose',counter);\r\n               setCounter(3);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n            case 5:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               backliteClick();\r\n               //console.log('backliteOnOff',counter);\r\n               setCounter(4);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n         }\r\n\r\n      } else {\r\n         // setlaptop180(false);\r\n\r\n         switch (prevCounter) {\r\n            case 0:\r\n               TentModeClick();\r\n\r\n               //console.log('tent',counter);\r\n               setCounter(8);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n\r\n            case 1:\r\n               TheaterModeClick();\r\n               //console.log('next cha theater',counter);\r\n               setCounter(0);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 2:\r\n               // setExpandedPanel(\"panel2\");\r\n               TabletModeClick();\r\n               //console.log('tablet',counter);\r\n               setCounter(1);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel1\");\r\n               onWirelessDesignClick();\r\n               //console.log('front',counter);\r\n               setCounter(2);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 4:\r\n               onTopClick();\r\n               //console.log('top',counter);\r\n               setCounter(3);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 5:\r\n               onRightClick();\r\n               //console.log('right',counter);\r\n               setCounter(4);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 6:\r\n               // setExpandedPanel(\"panel1\");\r\n               onLeftClick();\r\n               //console.log('left',counter);\r\n               setCounter(5);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n            case 7:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n               //console.log('openClose',counter);\r\n               setCounter(6);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n            case 8:\r\n               // setExpandedPanel(\"panel3\");\r\n               backliteClick();\r\n               //console.log('backliteOnOff',counter);\r\n               setCounter(7);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n         }\r\n\r\n      }\r\n      prevCounter = counter;\r\n      nextClicked = false;\r\n      prevClicked = true;\r\n   }\r\n\r\n\r\n   const onNextMob = () => {\r\n      ////console.log(\"****************** Inside next\",prevState.counter);\r\n      // setCounter(counter+1);\r\n      if (prevClicked) {\r\n         // alert('iffff');\r\n         // return;\r\n         prevCounter = counter + 2;\r\n      } else {\r\n         // alert('else');\r\n         prevCounter = counter;\r\n      }\r\n      setNextClick(true)\r\n      setPrevClick(false)\r\n      //console.log(\"****************** Inside next prevCounter\",prevCounter);\r\n      //console.log(\"****************** Inside next\",counter);\r\n\r\n\r\n      // if (counter == 0) {\r\n      //   setExpandedPanel(\"panel2\");\r\n      //    TentModeClick();\r\n      //     //console.log('tent', counter);\r\n      // }\r\n      // else if (counter == 1) {\r\n      //   TheaterModeClick();\r\n      //   //console.log('theater', counter);\r\n      // }\r\n      // else if (counter == 2) {\r\n      //   TabletModeClick();\r\n      //   //console.log('tablet', counter);\r\n\r\n      // }\r\n      if (window.localStorage.setItem(\"laptop\",\"laptop180\")) {\r\n         // setlaptop180(true);\r\n\r\n         switch (prevCounter) {\r\n            // case 0:\r\n            //   setExpandedPanel(\"panel4\");\r\n            //   color1Click();\r\n            //   //console.log('colorsilver', counter);\r\n            //   setCounter(counter+1);\r\n            //   setNextClick(true)\r\n            //   setPrevClick(false)\r\n            //   break;\r\n\r\n            // case 1:\r\n            //   color2Click()\r\n\r\n            // //console.log('colorBlack', counter);\r\n            // setCounter(counter+1);\r\n            // setNextClick(true)\r\n            // setPrevClick(false)\r\n            //   break;  \r\n\r\n            case 0:\r\n               // setExpandedPanel(\"panel1\");\r\n               // setExpandedPanel(\"panel1\");\r\n               onWirelessDesignClick();\r\n               //console.log('Front',counter);\r\n\r\n               setCounter(1);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 1:\r\n               onTopClick();\r\n               //console.log('Top',counter);\r\n               setCounter(2);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 2:\r\n               onRightClick();\r\n               //console.log('left',counter);\r\n               setCounter(3);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel3\");\r\n               onLeftClick();\r\n               //console.log('right',counter);\r\n               setCounter(4);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 4:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n\r\n               //console.log('openclose',counter);\r\n               setCounter(5);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n            case 5:\r\n               backliteClick();\r\n               //console.log('backliteOnOff',counter);\r\n               setCounter(0);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n         }\r\n\r\n      } else {\r\n         setlaptop180(false);\r\n\r\n         switch (prevCounter) {\r\n            case 0:\r\n               // setExpandedPanel(\"panel2\");\r\n               TentModeClick();\r\n               //console.log('tent',counter);\r\n               setCounter(1);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 1:\r\n               TheaterModeClick();\r\n               //console.log('theater',counter);\r\n               setCounter(2);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 2:\r\n               TabletModeClick();\r\n               //console.log('tablet',counter);\r\n               setCounter(3);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel1\");\r\n               onWirelessDesignClick();\r\n               //console.log('front',counter);\r\n               setCounter(4);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 4:\r\n               onTopClick();\r\n               //console.log('top',counter);\r\n               setCounter(5);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 5:\r\n               onRightClick();\r\n               //console.log('right',counter);\r\n               setCounter(6);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 6:\r\n               onLeftClick();\r\n               //console.log('left',counter);\r\n               setCounter(7);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n            case 7:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n               //console.log('openClose',counter);\r\n               setCounter(8);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n            case 8:\r\n               backliteClick();\r\n               //console.log('backliteOnOff',counter);\r\n               setCounter(0);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n         }\r\n\r\n      }\r\n      prevCounter = counter;\r\n      nextClicked = true;\r\n      prevClicked = false;\r\n   }\r\n   // const [camData, setCamData] = useState(\"\");\r\n   // var animationSwitch = window.localStorage.getItem('Animation');\r\n   // var animTime = 1;\r\n   // const getData=()=>{\r\n   //   fetch('./model_gl/config.json')\r\n   //     .then(function(response){\r\n   //       return response.json();\r\n   //     })\r\n   //     .then(function(myJson) {\r\n   //       // //console.log(myJson.positions);\r\n   //       setCamData(myJson.positions);\r\n   //     });\r\n   // }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.localStorage.getItem('Animation');\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[]);\r\n\r\n   //For Animation Switch \r\n   // //console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   // //console.log('animTime', animTime)\r\n\r\n   //   //new camera function\r\n   //   const GotoPosInTimeNamedValue = (gotoposname, onComplete, onSample) => {\r\n   //     // below code is updated in it.  \r\n   //     // updated code ends here\r\n   //     var opt = undefined, gp = camData[gotoposname];\r\n   //       //console.log(gp);\r\n   //     //    //console.log(gp)\r\n   //     if (gp.fovy && window.scene.fovy != gp.fovy)\r\n   //     opt = { fovy: gp.fovy };\r\n   //   if (gp.pos.length > 5) {\r\n   //     if (!opt)\r\n   //         opt = {};\r\n   //     opt.zang = gp.pos[5];\r\n   //   }\r\n   //   var animationSwitch = window.localStorage.getItem('Animation');\r\n   // if(animationSwitch == 'off'){gp.time = 1}\r\n   // else{\r\n   //   gp.time = animTime;\r\n   // }\r\n   // // //console.log('animationSwitch', animationSwitch);\r\n   // // //console.log('gp.time', gp.time);\r\n   //     window.scene.gotoPosInTime(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, slowInOut, opt);\r\n   //     // //console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n   //   }\r\n   //end\r\n\r\n   // const slowInOut = (x) => {\r\n   //   var a = 2.1;\r\n   //   var x2 = 1.0 - x;\r\n   //   var px = Math.pow(x, a);\r\n   //   var px2 = Math.pow(x2, a);\r\n\r\n   //   return px / (px + px2);\r\n   //   }\r\n\r\n   // const resetBacklitCloseImg = () =>{\r\n   //     setOpenCloseOnOff(false);\r\n   //     setOpenClose(\"./img/Lid_open.svg\");\r\n   //     setBackliteOnOff(false);\r\n   //     setBacklite(\"./img/Backlite_Off.svg\");\r\n   //     // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n   //     window.scene.clearRefine();\r\n\r\n   // }\r\n   // const resetTimeline1 = () => {\r\n   //     window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n   //     window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n   //     window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 0, 0);\r\n   //     window.scene.clearRefine();\r\n   //   }\r\n   //   const resetTimeline2 = () => {\r\n   //     window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n   //     window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n   //     window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Main_grp_timeline_02_A\", 0, 0);\r\n   //     window.scene.clearRefine();\r\n   //   }\r\n   //   const resetTimeline3 = () => {\r\n   //     window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n   //     window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n   //     window.scene.animPlayInTime(\"Screen_grp_timeline_03_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Hinge_grp_timeline_03_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Main_grp_timeline_03_A\", 0, 0);\r\n   //     window.scene.clearRefine();\r\n   //   }\r\n   //   const resetTimeline4 = () => {\r\n   //     window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n   //     window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n   //     window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n   //     window.scene.animPlayInTime(\"Main_grp_timeline_04_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\", 0, 0);\r\n   //     window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\", 0, 0);\r\n   //     window.scene.clearRefine();\r\n   //   }\r\n   //  const posClicked1 = () => {\r\n   //   window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 0, animTime);\r\n   //   // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n   //   // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n   //   // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n   //   // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1000);\r\n   //   // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1000);\r\n   //   // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1000);\r\n   //  }\r\n\r\n\r\n   const onUpdateZoombar = (e) => {\r\n      // //console.log(e.target.value);\r\n      var s = window.scene;\r\n      var deltaScene = 0;\r\n      //console.log('onUpdateZoombar',zoombarValue)\r\n      deltaScene = zoombarValue;\r\n      // var delta = (-e.detail * 10.0);\r\n      setPrevDeltaScene(deltaScene);\r\n      // prevDeltaScene = deltaScene;\r\n      if (prevDeltaScene - deltaScene > 0) {\r\n         //console.log(deltaScene)\r\n         if (s._nav.NavChangeDolly(deltaScene))\r\n            s.clearRefine();\r\n      } else {\r\n         //console.log(-deltaScene)\r\n         if (s._nav.NavChangeDolly(-deltaScene))\r\n            s.clearRefine();\r\n      }\r\n      document.getElementById('sliderRange').value = zoombarValue;\r\n      // console.log(prevDeltaScene)\r\n      // console.log(deltaScene)\r\n\r\n   }\r\n\r\n   const onZoomIn = (e) => {\r\n      if (window.scene._nav.getZoomFactor() > 0)\r\n         handleZoomChange(null,-0.1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n   }\r\n\r\n   const onZoomOut = (e) => {\r\n      if (window.scene._nav.getZoomFactor() < 1)\r\n         handleZoomChange(null,0.1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n   }\r\n\r\n   let count = 1;\r\n   const onLeft = () => {\r\n      // alert(\"Rotate product left\");\r\n      window.scene._nav._navYAng += 0.5;\r\n      window.localStorage.removeItem('hotspot');\r\n      // console.log(count);\r\n      // window.scene._nav._navYAng = count;\r\n      window.scene.clearRefine();\r\n\r\n\r\n   }\r\n   const onRight = () => {\r\n      // alert(\"Rotate product right\");\r\n      count -= 0.1;\r\n      // console.log(count);\r\n      window.scene._nav._navYAng -= 0.5;;\r\n      window.scene.clearRefine();\r\n      window.localStorage.removeItem('hotspot');\r\n   }\r\n   return (\r\n      <React.Fragment>\r\n\r\n         {ReactDOM.createPortal(\r\n            <div id='footerControls'>\r\n               {/* <Hidden only={['sm','md','lg','xl']}>  */}\r\n\r\n               <div className=\"threebtns\">\r\n                  <div className=\"zoombarandRotateContainer\">\r\n\r\n\r\n                     <Hidden only={['xs','lg','xl']}>\r\n                        <div style={topbtns}>\r\n                           <Button className={classes.newBtns + \" tabIndexStyle\"} id=\"rLeft\" style={topBtnstyle} onClick={onLeft} title=\"left\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                              <img alt=\"diagonalarrowleft\" src=\"./img/diagonalLeftArrow.svg\" />\r\n                           </Button>\r\n                           <Button className={classes.newBtns + \" tabIndexStyle\"} id=\"rRight\" style={topBtnstyle} onClick={onRight} title=\"right\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                              <img alt=\"arrowright\" src=\"./img/diagonalRightArrow.svg\" />\r\n                           </Button>\r\n                        </div>\r\n\r\n                        <div id=\"zoomSliderContainer\" style={zoombar} >\r\n                           <img style={{ height: '100%' }} alt=\"zoombar\" src=\"./img/ZOOMBAR.svg\" />\r\n\r\n                           <div id=\"zoomIn\" onClick={onZoomIn}></div>\r\n                           <div id=\"zoomSlider\" className=\"tabIndexStyle\">\r\n                              <div className=\"rangeslider\">\r\n                                 <label>  <input type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\" />\r\n                                 </label>\r\n                              </div>\r\n                           </div>\r\n                           <div id=\"zoomOut\" onClick={onZoomOut}></div>\r\n                        </div>\r\n                     </Hidden>\r\n                  </div>\r\n\r\n                  <div className=\"mainDiv\" style={clearBoth}>\r\n                     <Hidden only={['xs','lg','xl']}>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"previousView\" variant=\"outlined\" color=\"primary\" onClick={props.onPreviousIpad}>\r\n                           <img style={{ height: '20px',width: '24px',paddingRight: '12px' }} alt=\"arrowleftMob\" src=\"./img/leftArrow.svg\" />{window.finalLangues.previous}\r\n                        </Button>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"resetView\" variant=\"outlined\" color=\"primary\" onClick={props.onResetIpad}>\r\n                           {window.finalLangues.reset}\r\n                        </Button>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNextIpad}>\r\n                        {window.finalLangues.next} <img style={{ height: '20px',width: '24px',paddingLeft: '12px' }} alt=\"arrowrightMob\" src=\"./img/rightArrow.svg\" />\r\n                        </Button>\r\n                     </Hidden>\r\n\r\n\r\n                     <Hidden only={['sm','md','lg','xl']}>\r\n                        <Button style={mobthreeButtons} id=\"previousView\" variant=\"outlined\" color=\"primary\" onClick={props.onPreviousMob} className={classes.margin}>\r\n                           <img style={{ height: '20px',width: '24px',paddingRight: '12px' }} alt=\"arrowleftMob\" src=\"./img/leftArrow.svg\" />{window.finalLangues.previous}\r\n                        </Button>\r\n                        <Button style={mobthreeButtons} id=\"resetView\" variant=\"outlined\" color=\"primary\" onClick={props.onResetMob} className={classes.margin}>\r\n                        {window.finalLangues.reset}\r\n                        </Button>\r\n                        <Button style={mobthreeButtons} id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNextMob} className={classes.margin}>\r\n                        {window.finalLangues.next}  <img style={{ height: '20px',width: '24px',paddingLeft: '12px' }} alt=\"arrowrightMob\" src=\"./img/rightArrow.svg\" />\r\n                        </Button>\r\n                     </Hidden>\r\n                  </div>\r\n               </div>\r\n\r\n            </div>,document.getElementById('footerControMob')\r\n         )}\r\n\r\n\r\n      </React.Fragment>\r\n\r\n\r\n   )\r\n}","import React,{ useState,useEffect } from 'react';\r\nimport MenuSelectProductType from './MenuSelectProduct';\r\nimport MenuProductView from './MenuProductView';\r\nimport MenuPositions from './MenuPosition';\r\nimport AnimationBtn from './AnimationBtn';\r\nimport MenuFeatures from './MenuFeatures';\r\n// import MenuColors from './MenuColors';\r\nimport Howtousenew from './Howtousenew';\r\nimport HowToUse from './HowToUse';\r\nimport FooterControl from './FooterControl';\r\nimport FooterControlMob from './FooterControlMob';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport Button from '@material-ui/core/Button';\r\n\r\n// import MenuBtn from './MenuBtn';\r\n// import { MicNone } from '@material-ui/icons';\r\nvar mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\nvar mobPortrait = (mob && window.innerHeight > window.innerWidth);\r\nvar moblandscap = (mob && window.innerWidth > window.innerHeight);\r\nvar isipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\n\r\nexport const userContext = React.createContext();\r\nvar prevCounter = 0;\r\nvar nextClicked = false;\r\nvar prevClicked = false;\r\nvar buttonSeq = ['onResetMode','onOverviewClick','onTopClick','onSideClick','onWirelessDesignClick','EcoSystemClick','onOverviewClick'];\r\nvar buttonSeq180 = ['onResetMode','onOverviewClick','onTopClick','onSideClick','onWirelessDesignClick','EcoSystemClick','onOverviewClick'];\r\nvar selectedButton = 'onResetMode';\r\n\r\nvar position = {\r\n   'currentPos': 'reset',\r\n   'close': 0,\r\n   'nintyDegree': 1.04167,\r\n   'reset': 2.08333,\r\n   'top': 1.583,\r\n   'tent': 3.125,\r\n   'theatre': 4.1667,\r\n   'tablet': 5.208,\r\n   'ecosystem': 0.8330000\r\n}\r\n\r\nconst MainMenu = (props) => {\r\n   const [expandedPanel,setExpandedPanel] = useState(false);\r\n   const [displayed,setDisplayed] = useState(false);\r\n   const [hidden,setHidden] = useState(true);\r\n   const [laptop360FrontImg,setLaptop360FrontImg] = useState(\"./img/wireless_desing.png\");\r\n   const [laptop360TopImg,setLaptop360TopImg] = useState(\"./img/top360.png\");\r\n   const [laptop360LeftImg,setLaptop360LefttImg] = useState(\"./img/front360.png\");\r\n   const [laptop360RightImg,setLaptop360RightImg] = useState(\"./img/360_left.png\");\r\n   const [counter,setCounter] = useState(0);\r\n\r\n   //   const [orientationPotrait, setOrientation] = useState(true);\r\n   //   window.checkOrientationStatus = (orientationStatus) => \r\n   //   {\r\n   //   //  alert(window.screen.orientation.type);\r\n   //     setOrientation(orientationStatus);\r\n   //  }\r\n\r\n   const handleAccordionChange = (panel) => (event,isExpanded) => {\r\n      console.log({ event,isExpanded });\r\n      //setExpandedPanel(isExpanded ? panel  : false );\r\n      if (isExpanded) {\r\n         setExpandedPanel(panel);\r\n         //console.log(\"shubham\");\r\n      } else {\r\n         //  console.log(\"Pawar\");\r\n         setExpandedPanel(false)\r\n      };\r\n      // resetBacklitCloseImg();\r\n\r\n   };\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.localStorage.getItem('Animation');\r\n   var animTime = 1;\r\n   var animTimes = 1;\r\n\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            // console.log(myJson.positions);\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.localStorage.getItem('Animation');\r\n      moblandscap = (mob && window.innerWidth > window.innerHeight);\r\n\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      // document.querySelector('#blackBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#blackBtn').style.pointerEvents = 'none';\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // window.xmlhttp.open(\"GET\", \"locale.json\", true);\r\n      // window.xmlhttp.send();\r\n      // alert('moblandscap '+moblandscap )\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[]);\r\n\r\n   useEffect((event) => {\r\n      if (event) {\r\n         if (event.keyCode === 13) {\r\n            this.click();\r\n         }\r\n      }\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[])\r\n   useEffect((event) => {\r\n      if (event) {\r\n         if (event.keyCode === 13) {\r\n            this.click();\r\n         }\r\n      }\r\n      var isipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\n\r\n      let mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n\r\n   })\r\n\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000; animTimes = 2000 }\r\n   else { animTime = 1; animTimes = 1 }\r\n   // console.log('animTime', animTime)\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here\r\n\r\n      var opt = undefined,gp = camData[gotoposname];\r\n\r\n      //    console.log(gp)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      // console.log('animationSwitch', animationSwitch)\r\n      if (animationSwitch == 'off') {\r\n         gp.time = 1\r\n         // console.log('animationSwitch iffff', gp.time)\r\n      }\r\n      else {\r\n         gp.time = animTime;\r\n         // console.log('animationSwitch elseeee', gp.time)\r\n      }\r\n      console.log('animationSwitch',animationSwitch);\r\n      console.log('gp.time',gp.time);\r\n      if (mob || isipad) {\r\n         if (selectedButton == 'EcoSystemClick') {\r\n            console.log(\"eco zoom\");\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] + 30,gp.time,onComplete,slowInOut,opt);\r\n         } else {\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n         }\r\n\r\n      } else {\r\n         window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      }\r\n\r\n      // console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n   }\r\n   //end\r\n   const slowInOut = (x) => {\r\n      var a = 2.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n\r\n   const resetBacklitCloseImg = () => {\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const resetAll = () => {\r\n\r\n\r\n      window.scene.groupApplyState(\"normal_gp\");\r\n      // window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0,0);\r\n      window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0,0);\r\n      window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",0,0);\r\n      window.scene.animPlayInTime(\"KM5221W52\",0,0);\r\n      window.scene.animPlayInTime(\"KM5221W52.001\",0,0);\r\n      window.scene.animPlayInTime(\"Reflection\",0,0);\r\n      window.scene.animPlayInTime(\"Feet_1.001\",0,0);\r\n      window.scene.animPlayInTime(\"Feet_2.001\",0,0);\r\n      window.scene.animPlayInTime(\"Feet_1\",0,0);\r\n      window.scene.animPlayInTime(\"Feet_2\",0,0);\r\n      window.scene.animPlayInTime(\"Feet_1.002\",0,0);\r\n      window.scene.animPlayInTime(\"Feet_2.002\",0,0);\r\n      window.scene.animPlayInTime(\"KEYBORDE_GP\",0,0);\r\n      window.scene.groupApplyState(\"eco_system_off\");\r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      window.scene._nav.tempfRotMinLimit = 0.48;\r\n\r\n\r\n      window.scene.clearRefine();\r\n   }\r\n   const reverseAll = () => {\r\n      window.scene._nav.tempfRotMinLimit = 0.48;\r\n      window.scene._nav._navMinDolly = 9;\r\n      // window.scene._nav._navMaxDolly = 27;\r\n      window.scene._nav._navMaxDolly = 23;\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   const resetTimeline1 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_01_A')) window.scene.getAnim(\"Screen_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_01_A')) window.scene.getAnim(\"Hinge_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_01_A')) window.scene.getAnim(\"Main_grp_timeline_01_A\").stop();\r\n\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close180\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close360\", 0, 0);\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline2 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_02_A')) window.scene.getAnim(\"Screen_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_02_A')) window.scene.getAnim(\"Hinge_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_02_A')) window.scene.getAnim(\"Main_grp_timeline_02_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline3 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_03_A')) window.scene.getAnim(\"Screen_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_03_A')) window.scene.getAnim(\"Hinge_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_03_A')) window.scene.getAnim(\"Main_grp_timeline_03_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_03_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline4 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_04_A')) window.scene.getAnim(\"Main_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_04_A')) window.scene.getAnim(\"Hinge_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_04_A')) window.scene.getAnim(\"Screen_grp_timeline_04_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const posClicked1 = () => {\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('color');\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n\r\n   }\r\n\r\n\r\n   //MenuSelectProduct\r\n   const [laptop360,setlaptop360] = useState(true);\r\n\r\n   const [laptop180,setlaptop180] = useState(false);\r\n\r\n   const laptopClick = (event) => {\r\n\r\n      setlaptop180(true);\r\n      setlaptop360(false);\r\n      console.log(laptop180);\r\n      setCounter(0);\r\n      selectedButton = 'onResetMode';\r\n      setValue(event.target.value);\r\n      setDisplayed(true);\r\n      // setExpandedPanel(false);\r\n      setHidden(false);\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('laptop').setAttribute('aria-label','laptop radio butoon selected');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      setLaptop360FrontImg(\"./img/front180White.png\");\r\n      setLaptop360TopImg(\"./img/top180White.png\");\r\n      setLaptop360LefttImg(\"./img/180_white_left.png\");\r\n      setLaptop360RightImg(\"./img/180_white_right.png\");\r\n      resetBacklitCloseImg();\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.localStorage.setItem(\"laptop\",\"laptop180\");\r\n      window.localStorage.removeItem('color');\r\n\r\n      var radiobtn1 = document.getElementById('twoinoneRadio');\r\n      radiobtn1.checked = false;\r\n      var radioSelector1 = document.querySelector('#twoinoneRadio')\r\n      var nextSibling1 = radioSelector1.nextElementSibling;\r\n      var selectSVG1 = nextSibling1.lastChild;\r\n      selectSVG1.style.transform = 'scale(0)'\r\n      // nextSibling1.classList.remove('PrivateRadioButtonIcon-checked-16')\r\n      var radiobtn2 = document.getElementById('laptopRadio');\r\n      radiobtn2.checked = true;\r\n      var radioSelector2 = document.querySelector('#laptopRadio')\r\n      var nextSibling2 = radioSelector2.nextElementSibling;\r\n      var selectSVG2 = nextSibling2.lastChild;\r\n      selectSVG2.style.transform = 'scale(1)'\r\n      // nextSibling2.classList.add('PrivateRadioButtonIcon-checked-16')\r\n      document.getElementById(\"laptopRadio\").tabIndex = 1;\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //  alreadySelected.classList.remove('active');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.select');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('select');\r\n      }\r\n      window.RT_RecordEvent(\"Product Type\",\"Laptop\",window.config.name);\r\n      //add for tab issues\r\n      document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n      // document.getElementById(\"tentBtn\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"theaterBtn\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"tabletBtn\").setAttribute(\"tabindex\", \"-1\");\r\n\r\n      document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      document.getElementById(\"tentBtn\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"theaterBtn\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"tabletBtn\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      //  document.getElementById('laptop2in1').classList.remove('select');\r\n      document.getElementById('laptop').classList.add('active');\r\n      document.getElementById('laptop2in1').classList.remove('active');\r\n      document.getElementById('laptop2in1').classList.remove('select');\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n\r\n         window.scene.groupApplyState(\"Silver_180\");\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n         window.localStorage.setItem('hotspot','right');\r\n         window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52.001\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Reflection\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Feet_1.001\",0.4190000,1000);\r\n         window.scene.animPlayInTime(\"Feet_2.001\",0.4190000,1000);\r\n         window.scene.animPlayInTime(\"Feet_1\",0.4190000,1000);\r\n         window.scene.animPlayInTime(\"Feet_2\",0.4190000,1000);\r\n         window.scene.clearRefine();\r\n      });\r\n\r\n      // document.querySelector('#blackBtn').classList.add('Btnsubmenus');\r\n      // document.querySelector('#blackBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#blackBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#blackBtn').style.pointerEvents = \"auto\";\r\n      // document.querySelector('#blackBtn').setAttribute = (\"onclick\");\r\n      // document.querySelector('#menucolor').setAttribute = (\"onBlackBtnClick\");\r\n\r\n\r\n      // document.querySelector('#tentBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#tentBtn').style.pointerEvents = 'none';\r\n      // document.querySelector('#tentBtn').setAttribute(\"tabindex\", \"-1\");\r\n\r\n      // document.querySelector('#theaterBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#theaterBtn').style.pointerEvents = 'none';\r\n      // document.querySelector('#theaterBtn').setAttribute(\"tabindex\", \"-1\");\r\n\r\n      // document.querySelector('#tabletBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#tabletBtn').style.pointerEvents = 'none';\r\n      // document.querySelector('#tabletBtn').setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"blackBtn\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      // document.getElementById(\"tentBtn1\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"theaterBtn1\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"tabletBtn1\").setAttribute(\"tabindex\", \"-1\");\r\n\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      } else {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      }\r\n\r\n\r\n   }\r\n\r\n   const [value,setValue] = useState('2 in 1');\r\n\r\n   const select2in1Click = (event) => {\r\n      setlaptop360(true);\r\n      setlaptop180(false);\r\n      console.log(laptop360);\r\n      selectedButton = 'onResetMode';\r\n      setValue(event.target.value);\r\n      setDisplayed(false);\r\n      setHidden(true);\r\n      // setExpandedPanel(false);\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('laptop2in1').setAttribute('aria-label','2in1 radio butoon selected');\r\n      var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      if (alreadySelecte != null) {\r\n         alreadySelecte.classList.remove('select');\r\n      }\r\n\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      // if(alreadySelected != null){\r\n      //   alreadySelected.classList.remove('active');\r\n      // }\r\n      document.getElementById('laptop2in1').classList.add('active');\r\n      document.getElementById('laptop2in1').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      document.getElementById('laptop').classList.remove('active');\r\n      document.getElementById('laptop').classList.remove('select');\r\n      document.getElementById(\"tentBtn\").setAttribute(\"tabindex\",\"1\");\r\n      document.getElementById(\"theaterBtn\").setAttribute(\"tabindex\",\"1\");\r\n      document.getElementById(\"tabletBtn\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      // document.getElementById(\"blackBtn\").setAttribute(\"tabindex\", \"-1\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screenfill_360\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      window.localStorage.setItem(\"laptop\",\"laptop360\");\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      var radiobtn1 = document.getElementById('laptopRadio');\r\n      radiobtn1.checked = false;\r\n      var radioSelector1 = document.querySelector('#laptopRadio')\r\n      var nextSibling1 = radioSelector1.nextElementSibling;\r\n      var selectSVG1 = nextSibling1.lastChild;\r\n      selectSVG1.style.transform = 'scale(0)'\r\n      var radiobtn2 = document.getElementById('twoinoneRadio');\r\n      radiobtn2.checked = true;\r\n      var radioSelector2 = document.querySelector('#twoinoneRadio')\r\n      var nextSibling2 = radioSelector2.nextElementSibling;\r\n      var selectSVG2 = nextSibling2.lastChild;\r\n      selectSVG2.style.transform = 'scale(1)'\r\n\r\n      window.localStorage.removeItem('color');\r\n      document.getElementById(\"twoinoneRadio\").tabIndex = 1;\r\n\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"2 in 1\",window.config.name);\r\n      //add for tab issues\r\n      document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n\r\n      setLaptop360FrontImg(\"./img/wireless_desing.png\");\r\n      setLaptop360TopImg(\"./img/top360.png\");\r\n      setLaptop360LefttImg(\"./img/front360.png\");\r\n      setLaptop360RightImg(\"./img/360_left.png\");\r\n\r\n      resetBacklitCloseImg();\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n         window.scene.groupApplyState(\"Silver\");\r\n         window.localStorage.setItem('hotspot','right');\r\n         window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52.001\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Reflection\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Feet_1.001\",0.4190000,1000);\r\n         window.scene.animPlayInTime(\"Feet_2.001\",0.4190000,1000);\r\n         window.scene.animPlayInTime(\"Feet_1\",0.4190000,1000);\r\n         window.scene.animPlayInTime(\"Feet_2\",0.4190000,1000);\r\n         window.scene.clearRefine();\r\n\r\n      });\r\n      // document.querySelector('#blackBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#blackBtn').style.pointerEvents = \"auto\";\r\n      // document.querySelector('#blackBtns').classList.remove('Btnsubmenus');\r\n\r\n      // document.querySelector('#blackBtn').removeAttribute = (\"onclick\");\r\n\r\n      // document.querySelector('#menucolor').removeAttribute = (\"onBlackBtnClick\");\r\n\r\n\r\n      // document.querySelector('#tentBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#tentBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#tentBtn').setAttribute(\"tabindex\", \"1\");\r\n\r\n      // document.querySelector('#theaterBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#theaterBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#theaterBtn').setAttribute(\"tabindex\", \"1\");\r\n\r\n      // document.querySelector('#tabletBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#tabletBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#tabletBtn').setAttribute(\"tabindex\", \"1\");\r\n      // document.getElementById(\"blackBtn\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      // document.getElementById(\"tentBtn1\").setAttribute(\"tabindex\", \"1\");\r\n      // document.getElementById(\"theaterBtn1\").setAttribute(\"tabindex\", \"1\");\r\n      // document.getElementById(\"tabletBtn1\").setAttribute(\"tabindex\", \"1\");\r\n\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      } else {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      }\r\n\r\n   }\r\n\r\n   //MenuProductView\r\n\r\n   const onWirelessDesignClick = (isNextPrevious) => {\r\n      console.log(\"----------------onWirelessDesignBtnClick\");\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      resetAll();\r\n      // window.scene._nav._navMinDolly = 11.0;\r\n      // window.scene._nav._navMaxDolly = 30.0;\r\n      window.scene.groupApplyState(\"dongle_on\");\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      console.log(position.nintyDegree,position.currentPos)\r\n\r\n      //   var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //    alreadySelected.classList.remove('active');\r\n      // document.getElementById('frontBtn').classList.add('active');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('wirelessdesignBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      var currentPosName = position.currentPos;\r\n\r\n\r\n      selectedButton = 'onWirelessDesignClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Front view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Front view');\r\n      }\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      window.scene.clearRefine();\r\n      resetBacklitCloseImg();\r\n\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () {\r\n         window.localStorage.setItem('hotspot','wirelessdesign')\r\n\r\n\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n\r\n\r\n      })\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"1\");\r\n\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      // if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      // if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n      //    console.log(\"Theater\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // }\r\n      // else {\r\n      //    console.log(\"else\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // }\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'nintyDegree';\r\n\r\n   }\r\n\r\n   const onSideClick = (isNextPrevious) => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      resetAll();\r\n\r\n      window.scene._zNearMin = 3.5;\r\n      window.scene._nav._navMinDolly = 9;\r\n\r\n      console.log(position.nintyDegree,position.currentPos)\r\n      // window.scene._nav._fovRecoveryOffset = 15;\r\n      window.UniqDeltaScroll = true;\r\n\r\n\r\n      selectedButton = 'onSideClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','right view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','right view');\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('rightBtn').classList.add('active');\r\n\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n\r\n      resetBacklitCloseImg();\r\n\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n\r\n\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n         // window.localStorage.setItem('hotspot','right');\r\n         window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",0.4160000,1000);\r\n         window.scene.animPlayInTime(\"Feet_1\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Feet_2\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52.001\",0.4166667,1000);\r\n         // window.scene.animPlayInTime(\"Reflection\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Feet_1.002\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Feet_2.002\",0.4166667,1000);\r\n\r\n         setTimeout(function () {\r\n            window.localStorage.setItem('hotspot','right')\r\n         },1000);\r\n         window.scene._nav._fovRecoveryOffset = 20;\r\n         if (slider != null) {\r\n            // console.log(\"--\")\r\n            document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n            setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n         }\r\n\r\n         // window.scene.clearRefine();\r\n\r\n      });\r\n\r\n\r\n      // window.document.getElementById(\"hotspot11\").focus();\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"1\");\r\n\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      // if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      // if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n      //    console.log(\"Theater\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // }\r\n      // else {\r\n      //    console.log(\"else\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // }\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'nintyDegree';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Right\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const EcoSystemClick = (isNextPrevious) => {\r\n      console.log(position.nintyDegree,position.currentPos)\r\n      resetAll();\r\n\r\n\r\n\r\n      // window.UniqDeltaScroll = true;\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      selectedButton = 'EcoSystemClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','EcoSystem');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','EcoSystem');\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('ecosystem').classList.add('active');\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n\r\n      resetBacklitCloseImg();\r\n   \r\n      // window.scene._nav._navMinDolly = 40.0;\r\n      // window.scene._nav._navMaxDolly = 100.0;\r\n      setTimeout(function () {\r\n\r\n         window.scene._nav.getZoomFactor();\r\n         console.log(\"timeout call\");\r\n      },500);\r\n\r\n      window.scene.groupApplyState(\"eco_system_on\");\r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",1.6660000,1);\r\n      window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",1.6660000,1);\r\n      window.scene.animPlayInTime(\"KEYBORDE_GP\",1.6660000,1);\r\n      window.scene.animPlayInTime(\"Mouse_New\",0.8330000,1);\r\n      window.scene.animPlayInTime(\"Mouse_New.013\",0.8330000,1);\r\n      GotoPosInTimeNamedValue('Render_Cam_F40_Ecosystem',function () {\r\n         // window.localStorage.setItem('hotspot','right')\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n         window.scene.animPlayInTime(\"Feet_1\",0.0416667,1000);\r\n         window.scene.animPlayInTime(\"Feet_2\",0.0416667,1000);\r\n         window.scene.animPlayInTime(\"Feet_1.002\",0.0416667,1000);\r\n         window.scene.animPlayInTime(\"Feet_2.002\",0.0416667,1000);\r\n\r\n\r\n         window.scene.clearRefine();\r\n\r\n      });\r\n      // window.document.getElementById(\"hotspot11\").focus();\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      // var currentPosName = position.currentPos;\r\n      // if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'ecosystem'; return; }\r\n      // if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n      // console.log(\"Theater\")\r\n      // window.scene.animPlayAllChildrenInTime(\"DE_1494_CA_Wireless_KB_LPB\",position.ecosystem,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // window.scene.animPlayAllChildrenInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",position.ecosystem,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // }\r\n      // else {\r\n      // console.log(\"else\")\r\n      // window.scene.animPlayAllChildrenInTime(\"DE_1494_CA_Wireless_KB_LPB\",position.ecosystem,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // window.scene.animPlayAllChildrenInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",position.ecosystem,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // }\r\n\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'ecosystem';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Ecosystem\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n   const onOverviewClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n\r\n      console.log(position.nintyDegree,position.currentPos)\r\n      resetAll();\r\n      // window.scene._nav._navMinDolly = 11;\r\n      // window.scene._nav._navMaxDolly = 25.0;\r\n\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      console.log(\"left\")\r\n      selectedButton = 'onOverviewClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','left view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','left view');\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n\r\n      document.getElementById('leftBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      (window.localStorage.getItem(\"hotspot\",\"right\"))\r\n      // window.scene.groupApplyState(\"screen_180\");\r\n      // if (laptop180) {\r\n      //    window.scene.groupApplyState(\"screenfill_180\");\r\n      // } else {\r\n      //    window.scene.groupApplyState(\"screenfill_360\");\r\n      // }\r\n      // window.scene.groupApplyState(\"GP_open\");\r\n      // window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      window.scene.groupApplyState(\"TF_gp\");\r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      GotoPosInTimeNamedValue('Render_Cam_F15_TF',function () {\r\n         window.localStorage.setItem('hotspot','left')\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n\r\n         // window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"KM5221W52.001\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"Reflection\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"Feet_1.001\",0.0416667,1000);\r\n         window.scene.animPlayInTime(\"Feet_2.001\",0.6250000,1000);\r\n         window.scene.animPlayInTime(\"Feet_1\",0.0416667,1000);\r\n         // window.scene.animPlayInTime(\"Feet_2\",0.6250000,1000);\r\n         window.scene.clearRefine();\r\n\r\n\r\n      });\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      // if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      // if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n      //    console.log(\"Theater\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // }\r\n      // else {\r\n      //    console.log(\"else\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // }\r\n      position.currentPos = 'nintyDegree';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Left\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n   const onTopClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      // window.scene._nav.tempfRotMinLimit = 0.48;\r\n\r\n\r\n      console.log(position.top,position.currentPos)\r\n      resetAll();\r\n      // window.scene._nav._navMinDolly = 9;\r\n     \r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      selectedButton = 'onTopClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Top view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Top view');\r\n      }\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n\r\n      document.getElementById('topBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      resetBacklitCloseImg();\r\n      reverseAll();\r\n      window.scene._nav._navMaxDolly = 30;\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n\r\n         window.localStorage.setItem('hotspot','top')\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n\r\n      });\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      // if (position.top == position[currentPosName]) { position.currentPos = 'top'; return; }\r\n      // if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n      //    console.log(\"Theater\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // }\r\n      // else {\r\n      //    console.log(\"else\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      //    window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // }\r\n\r\n      position.currentPos = 'top';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Top\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   //MenuFeatureView\r\n\r\n   const [openCloseOnOff,setOpenCloseOnOff] = useState(false);\r\n   const [backlit,setBacklite] = useState(\"./img/Backlite_Off.svg\");\r\n   const [opneClose,setOpenClose] = useState(\"./img/Lid_open.svg\");\r\n   const [backliteOnOff,setBackliteOnOff] = useState(false);\r\n\r\n\r\n   const openCloseClick = () => {\r\n      console.log(position.close,position.currentPos)\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      selectedButton = 'openCloseClick';\r\n\r\n\r\n      var fromPos = window.localStorage.getItem('hotspot')\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.setItem('closeMode','on');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('openCloseBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      setBackliteOnOff(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      console.log(backliteOnOff);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n\r\n      if (openCloseOnOff) {\r\n\r\n         document.getElementById('openCloseBtn').setAttribute('aria-label','');\r\n         document.getElementById('openCloseLid').innerHTML = 'Open Lid';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Open Lid');\r\n\r\n            document.getElementById('nextView').setAttribute('aria-label','Open Lid');\r\n\r\n\r\n         }\r\n         setOpenCloseOnOff(false);\r\n         console.log(\"open\");\r\n         setOpenClose(\"./img/Lid_open.svg\");\r\n\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F15_TF',function () {\r\n\r\n\r\n\r\n         });\r\n\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n\r\n         window.RT_RecordEvent(\"Features\",\"Open Lid\",window.config.name);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n      } else {\r\n\r\n         document.getElementById('openCloseBtn').setAttribute('aria-label','');\r\n         document.getElementById('openCloseLid').innerHTML = 'Close Lid';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Close Lid');\r\n\r\n            document.getElementById('nextView').setAttribute('aria-label','Close Lid');\r\n         }\r\n         setOpenCloseOnOff(true);\r\n         console.log(\"close\");\r\n         setBackliteOnOff(false);\r\n         setOpenClose(\"./img/Lid_close.svg\");\r\n\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         GotoPosInTimeNamedValue('Close_Cam_F158_Close',function () {\r\n\r\n\r\n         });\r\n\r\n         var currentPosName = position.currentPos;\r\n         if (position.close == position[currentPosName]) { position.currentPos = 'close'; return; }\r\n         if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n            console.log(\"Theater\")\r\n            window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n            window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         }\r\n         else {\r\n            console.log(\"else\")\r\n            window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n\r\n            window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         }\r\n\r\n         window.RT_RecordEvent(\"Features\",\"Close Lid\",window.config.name);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'close';\r\n      }\r\n\r\n\r\n   }\r\n   let backliteVar = document.getElementById('backlitBtn');\r\n\r\n   const backliteClick = () => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      selectedButton = 'backliteClick';\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('backlitBtn').classList.add('active');\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      resetBacklitCloseImg();\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n\r\n         window.localStorage.setItem('hotspot','backlit');\r\n\r\n         window.scene.clearRefine();\r\n      })\r\n\r\n      //add for tab issues\r\n      document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      if (backliteOnOff) {\r\n\r\n         console.log(\"off\");\r\n         setBackliteOnOff(false);\r\n         // backliteVar.setAttribute.ariaLabel = \"Close dialog\";\r\n         document.getElementById('backlitBtn').setAttribute('aria-label','');\r\n         document.getElementById('backlitOnnOff').innerHTML = 'Backlit off';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Backlit off');\r\n            document.getElementById('nextView').setAttribute('aria-label','Backlit off');\r\n         }\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () { })\r\n\r\n         window.scene.groupApplyState(\"Backlit_OFF\");\r\n         // window.scene.clearRefine();\r\n         // document.getElementById('backlitOff').style.display=\"none\";\r\n         // document.getElementById('backlitOn').style.display=\"block\";\r\n         // window.document.getElementById('backlitOff').src=\"./img/Backlite_Off.svg\";\r\n         window.RT_RecordEvent(\"Features\",\"Backlite Off\",window.config.name);\r\n\r\n      } else {\r\n         // backliteVar.setAttribute.ariaLabel = \"Backlit on\";\r\n         document.getElementById('backlitBtn').setAttribute('aria-label','');\r\n         document.getElementById('backlitOnnOff').innerHTML = 'Backlit on';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Backlit on');\r\n            document.getElementById('nextView').setAttribute('aria-label','Backlit on');\r\n         }\r\n         setBackliteOnOff(true);\r\n         console.log(\"on\");\r\n         setBacklite(\"./img/Backlite_On.svg\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         })\r\n         window.scene.groupApplyState(\"Backlit_ON\");\r\n         // document.getElementById('backlitOn').style.display=\"none\";\r\n         // document.getElementById('backlitOff').style.display=\"block\";\r\n         // window.document.getElementById('backlitOn').src=\"./img/Backlite_On.svg\";\r\n         window.RT_RecordEvent(\"Features\",\"Backlite On\",window.config.name);\r\n         window.scene.clearRefine();\r\n\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      if (position.top == position[currentPosName]) { position.currentPos = 'top'; return; }\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         console.log(\"Theater\")\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      }\r\n      else {\r\n         console.log(\"else\")\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n\r\n         window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      }\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'top';\r\n   }\r\n\r\n   //menucolor\r\n\r\n   const color1Click = () => {\r\n      //   var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      // alreadySelecte.classList.remove('select');\r\n\r\n      var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      if (alreadySelecte != null) {\r\n         alreadySelecte.classList.remove('select');\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      setLaptop360FrontImg(\"./img/front180White.png\");\r\n      setLaptop360TopImg(\"./img/top180White.png\");\r\n      setLaptop360LefttImg(\"./img/180_white_left.png\");\r\n      setLaptop360RightImg(\"./img/180_white_right.png\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      window.localStorage.setItem(\"color\",\"laptopSilver\");\r\n      setPort4Click(false);\r\n      if (window.localStorage.getItem('laptop') == 'laptop360') {\r\n         // console.log('a')\r\n         window.scene.groupApplyState(\"Silver\");\r\n\r\n      }\r\n      else if (window.localStorage.getItem('laptop') == 'laptop180') {\r\n         // console.log('b')\r\n         window.scene.groupApplyState(\"Silver_180\");\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      }\r\n      window.localStorage.setItem(\"silver\",true);\r\n      window.RT_RecordEvent(\"Color\",\"Aluminium\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n\r\n\r\n   }\r\n\r\n   const color2Click = () => {\r\n\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.localStorage.setItem(\"color\",\"laptopBlack\");\r\n      window.localStorage.removeItem('closeMode')\r\n\r\n\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      setLaptop360FrontImg(\"./img/front180Black.png\");\r\n      setLaptop360TopImg(\"./img/top180Black.png\");\r\n      setLaptop360LefttImg(\"./img/180_black_left.png\");\r\n      setLaptop360RightImg(\"./img/180_black_right.png\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      setPort2Click(false);\r\n      setPort1Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n\r\n      window.localStorage.setItem(\"Carbon_Fibre\",true);\r\n      if (window.localStorage.getItem('laptop') == 'laptop360') {\r\n         // console.log('a')\r\n         //         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         // alreadySelecte.classList.remove('select');\r\n\r\n         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         if (alreadySelecte != null) {\r\n            alreadySelecte.classList.remove('select');\r\n         }\r\n\r\n         var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n         if (alreadySelected != null) {\r\n            alreadySelected.classList.remove('active');\r\n         }\r\n         // document.getElementById('whiteBtn').classList.add('select');\r\n         // document.getElementById('whiteBtn').classList.add('active');\r\n         window.scene.groupApplyState(\"Silver\");\r\n\r\n      }\r\n      else if (window.localStorage.getItem('laptop') == 'laptop180') {\r\n         // console.log('b')\r\n         //         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         // alreadySelecte.classList.remove('select');\r\n\r\n         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         if (alreadySelecte != null) {\r\n            alreadySelecte.classList.remove('select');\r\n         }\r\n\r\n         var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n         if (alreadySelected != null) {\r\n            alreadySelected.classList.remove('active');\r\n         }\r\n         // document.getElementById('blackBtn').classList.add('select');\r\n         // document.getElementById('blackBtn').classList.add('active');\r\n         window.scene.groupApplyState(\"Carbon_Black\");\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      }\r\n      window.RT_RecordEvent(\"Color\",\"Carbon Fiber\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n   //Menu Position\r\n\r\n   const [port1Click,setPort1Click] = useState(false);\r\n   const [port2Click,setPort2Click] = useState(false);\r\n   const [port3Click,setPort3Click] = useState(false);\r\n   const [port4Click,setPort4Click] = useState(false);\r\n   const [port5Click,setPort5Click] = useState(true);\r\n\r\n   const [nextClick,setNextClick] = useState(false);\r\n   const [prevClick,setPrevClick] = useState(false);\r\n\r\n   const TentModeClick = () => {\r\n      console.log(position.tent,position.currentPos)\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('tentBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_360\");\r\n\r\n      selectedButton = 'TentModeClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Tent Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Tent Mode');\r\n      }\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      window.localStorage.removeItem('hotspot');\r\n      GotoPosInTimeNamedValue('Tent_Cam_F53_Tent',function () {\r\n         window.scene.groupApplyState(\"GP_tent\");\r\n      });\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.tent == position[currentPosName]) { position.currentPos = 'tent'; return; }\r\n      window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.tent,animTime,undefined,undefined,undefined,true,position[currentPosName],4);\r\n      window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.tent,animTime,undefined,undefined,undefined,true,position[currentPosName],4);\r\n\r\n      window.RT_RecordEvent(\"Positions\",\"Tent\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'tent';\r\n\r\n   }\r\n\r\n   const TheaterModeClick = () => {\r\n      console.log(position.theatre,position.currentPos)\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('theaterBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      window.localStorage.removeItem('closeMode')\r\n      selectedButton = 'TheaterModeClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Theater Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Theater Mode');\r\n      }\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.scene.groupApplyState(\"all_GP_off\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      GotoPosInTimeNamedValue('Render_Cam_F100_Stand');\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.theatre == position[currentPosName]) { position.currentPos = 'theatre'; return; }\r\n      window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.theatre,animTime,undefined,undefined,undefined,true,position[currentPosName],9);\r\n      window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.theatre,animTime,undefined,undefined,undefined,true,position[currentPosName],4);\r\n\r\n      window.RT_RecordEvent(\"Positions\",\"Theatre\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'theatre';\r\n\r\n   }\r\n   const TabletModeClick = () => {\r\n      console.log(position.tent,position.currentPos)\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n\r\n      document.getElementById('tabletBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"all_GP_off\");\r\n\r\n      selectedButton = 'TabletModeClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Tablet Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Tablet Mode');\r\n      }\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      GotoPosInTimeNamedValue('Close_Cam_F158_Close1');\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.tablet == position[currentPosName]) { position.currentPos = 'tablet'; return; }\r\n      window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\",position.tablet,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\",position.tablet,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n\r\n      window.RT_RecordEvent(\"Positions\",\"Tablet\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'tablet';\r\n   }\r\n   const resetMode = () => {\r\n      selectedButton = 'onResetMode';\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () { })\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Reset Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Reset Mode');\r\n      }\r\n   }\r\n   const onResetMode = () => {\r\n      //Update ZoomBar\r\n      console.log(position.tent,position.currentPos)\r\n\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //   alreadySelected.classList.remove('active');\r\n\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n\r\n      // window.scene.groupApplyState(\"screen_180\");\r\n      // // window.scene.groupApplyState(\"GP_open\");\r\n      // // window.scene.groupApplyState(\"dynamic_reset\");\r\n      // window.localStorage.removeItem('color');\r\n      // if (laptop180) {\r\n      //    window.scene.groupApplyState(\"screenfill_180\");\r\n      // } else {\r\n      //    window.scene.groupApplyState(\"screenfill_360\");\r\n      // }\r\n      // selectedButton = 'onResetMode';\r\n\r\n      if (selectedButton == 'TentModeClick') {\r\n         TentModeClick();\r\n         GotoPosInTimeNamedValue('Tent_Cam_F53_Tent',function () {\r\n            window.scene.groupApplyState(\"GP_tent\");\r\n         });\r\n      }\r\n      else if (selectedButton == 'TheaterModeClick') {\r\n         TheaterModeClick();\r\n         GotoPosInTimeNamedValue('Render_Cam_F100_Stand');\r\n\r\n      }\r\n      else if (selectedButton == 'TabletModeClick') {\r\n         GotoPosInTimeNamedValue('Close_Cam_F158_Close1');\r\n         TabletModeClick();\r\n      }\r\n      else if (selectedButton == 'onWirelessDesignClick') {\r\n         console.log(\"front onreset\")\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () {\r\n            window.localStorage.setItem('hotspot','wirelessdesign')\r\n\r\n         });\r\n         onWirelessDesignClick();\r\n      }\r\n      else if (selectedButton == 'onTopClick') {\r\n         console.log(\"top onreset\")\r\n\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n            window.localStorage.setItem('hotspot','top')\r\n\r\n         });\r\n         onTopClick();\r\n      }\r\n      else if (selectedButton == 'onSideClick') {\r\n         onSideClick();\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n            window.localStorage.setItem('hotspot','right');\r\n            window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.4166667,1000);\r\n            window.scene.animPlayInTime(\"KM5221W52\",0.4166667,1000);\r\n            window.scene.animPlayInTime(\"KM5221W52.001\",0.4166667,1000);\r\n            window.scene.animPlayInTime(\"Reflection\",0.4166667,1000);\r\n            window.scene.animPlayInTime(\"Feet_1.001\",0.4190000,1000);\r\n            window.scene.animPlayInTime(\"Feet_2.001\",0.4190000,1000);\r\n            window.scene.animPlayInTime(\"Feet_1\",0.4190000,1000);\r\n            window.scene.animPlayInTime(\"Feet_2\",0.4190000,1000);\r\n            window.localStorage.setItem('hotspot','right')\r\n\r\n            window.scene.clearRefine();\r\n\r\n         })\r\n         console.log(\"side reset\");\r\n\r\n      }\r\n      else if (selectedButton == 'onOverviewClick') {\r\n         onOverviewClick();\r\n         GotoPosInTimeNamedValue('Render_Cam_F15_TF',function () {\r\n            window.localStorage.setItem('hotspot','left')\r\n\r\n            // window.localStorage.setItem('hotspot','left')\r\n            window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",0.6250000,1000);\r\n            window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",0.6250000,1000);\r\n            window.scene.animPlayInTime(\"KM5221W52\",0.6250000,1000);\r\n            window.scene.animPlayInTime(\"KM5221W52.001\",0.6250000,1000);\r\n            window.scene.animPlayInTime(\"Reflection\",0.6250000,1000);\r\n            window.scene.animPlayInTime(\"Feet_1.001\",0.0416667,1000);\r\n            window.scene.animPlayInTime(\"Feet_2.001\",0.6250000,1000);\r\n            window.scene.animPlayInTime(\"Feet_1\",0.0416667,1000);\r\n            window.scene.clearRefine();\r\n\r\n         })\r\n      }\r\n      else if (selectedButton == 'EcoSystemClick') {\r\n\r\n         //    window.scene.groupApplyState(\"eco_system_on\");\r\n         // window.scene.groupApplyState(\"dongle_off\");\r\n         // window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB\",1.6660000, 1);\r\n         // window.scene.animPlayInTime(\"DE_1494_CA_Wireless_KB_LPB.001\",1.6660000 ,1);\r\n         // window.scene.animPlayInTime(\"KEYBORDE_GP\",1.6660000 ,1);\r\n         GotoPosInTimeNamedValue('Render_Cam_F40_Ecosystem',function () {\r\n            EcoSystemClick();\r\n            // window.localStorage.setItem('hotspot','right')\r\n            // window.scene.animPlayInTime(\"Feet_1\",0.0416667 ,1000);\r\n            // window.scene.animPlayInTime(\"Feet_2\",0.0416667 ,1000);\r\n            // window.scene.animPlayInTime(\"Feet_1.002\",0.0416667 ,1000);\r\n            // window.scene.animPlayInTime(\"Feet_2.002\",0.0416667 ,1000);\r\n            // window.scene.animPlayInTime(\"Mouse_New\",0.8330000 ,1000);\r\n            // window.scene.animPlayInTime(\"Mouse_New.013\",0.8330000 ,1000);\r\n\r\n            window.scene.clearRefine();\r\n\r\n         });\r\n\r\n         console.log(\"eco reset\");\r\n      }\r\n      else if (selectedButton == 'openCloseClick') {\r\n         if (openCloseOnOff) {\r\n            // setOpenCloseOnOff(false);\r\n            //   setOpenClose(\"./img/Lid_open.svg\");\r\n            //   window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n            GotoPosInTimeNamedValue('Close_Cam_F158_Close',function () {\r\n\r\n            });\r\n\r\n\r\n         } else {\r\n            // setOpenCloseOnOff(true);\r\n            //   setOpenClose(\"./img/Lid_close.svg\");\r\n            // window.scene.groupApplyState(\"dynamic_reset\");\r\n            // GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () { })\r\n\r\n         }\r\n\r\n\r\n      } else if (selectedButton == 'backliteClick') {\r\n         //   if (backliteOnOff) {\r\n\r\n         //     // console.log(\"off\");\r\n         //     // setBackliteOnOff(false);\r\n         //     GotoPosInTimeNamedValue('Render_Cam_F01_Top', function(){})\r\n\r\n         //     // window.scene.groupApplyState(\"Backlit_OFF\");\r\n         //     window.scene.clearRefine();\r\n         //     // setBacklite(\"./img/Backlite_Off.svg\");\r\n         // } else {\r\n\r\n         // setBackliteOnOff(true);\r\n         // console.log(\"on\");\r\n         // setBacklite(\"./img/Backlite_On.svg\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         })\r\n         // window.scene.groupApplyState(\"Backlit_ON\");\r\n         window.scene.clearRefine();\r\n\r\n         // }\r\n\r\n\r\n      } else if (selectedButton == 'onResetMode') {\r\n         resetMode()\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () { })\r\n\r\n      }\r\n\r\n      // selectedButton = 'onResetMode';\r\n      // setExpandedPanel(false);\r\n\r\n\r\n      // resetBacklitCloseImg();\r\n      // window.localStorage.removeItem('closeMode');\r\n      // window.scene.groupApplyState(\"Backlit_OFF\");\r\n      // window.localStorage.removeItem('hotspot');\r\n      // GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n\r\n      // GotoPosInTimeNamedValue('Render_Cam_F01_FL', function(){\r\n      // if (window.localStorage.getItem(\"Carbon_Fibre\") == true) {\r\n      //    window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n      //    window.scene.groupApplyState(\"Screen_Fill_180_ON\");\r\n      // } else if (window.localStorage.getItem(\"silver\") == true) {\r\n      //    window.scene.groupApplyState(\"Silver\");\r\n      //    window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n      // }\r\n\r\n      window.scene.clearRefine();\r\n      // });\r\n      // var currentPosName = position.currentPos;\r\n\r\n      //   if(position.reset == position[currentPosName]) {position.currentPos = 'reset';return;}\r\n\r\n      //   if(position.currentPos == 'theatre' || position.currentPos == 'tablet'){\r\n      //     console.log(\"Theater\")\r\n      //     window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 10);\r\n      //     window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 10);\r\n      //   } else {\r\n\r\n      //   window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version1\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 0);\r\n      //   window.scene.animPlayAllChildrenInTime(\"Latitude_7410_Chromebook_Enterprise_360_Version2\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 0);\r\n      //   }\r\n      //   window.scene.clearRefine();\r\n      //   position.currentPos = 'reset';\r\n\r\n\r\n   }\r\n\r\n   const onPreviousMode = () => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      // alert(selectedButton)\r\n      if (laptop180) {\r\n         var prevButton;\r\n         var selectedButtonIndex = buttonSeq180.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onOverviewClick' || selectedButton == 'onResetMode') {\r\n            prevButton = 'onSideClick';\r\n         } else {\r\n            prevButton = buttonSeq180[selectedButtonIndex - 1];\r\n         }\r\n      }\r\n      else {\r\n         var prevButton;\r\n         var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onOverviewClick' || selectedButton == 'onResetMode') {\r\n            prevButton = 'onWirelessDesignClick';\r\n         } else {\r\n            prevButton = buttonSeq[selectedButtonIndex - 1];\r\n         }\r\n      }\r\n      // alert(buttonSeq[selectedButtonIndex+1])\r\n\r\n      if (prevButton == 'onOverviewClick') onOverviewClick(true);\r\n      else if (prevButton == 'onWirelessDesignClick') {\r\n         onWirelessDesignClick(true);\r\n         setExpandedPanel(\"panel1\");\r\n\r\n      }\r\n      else if (prevButton == 'onTopClick') onTopClick(true);\r\n      // else if (prevButton == 'onEcoSystemClick') EcoSystemClick(true);\r\n      else if (prevButton == 'onSideClick') {\r\n         onSideClick(true);\r\n\r\n\r\n      }\r\n      // else if(prevButton == 'EcoSystemClick'){\r\n      //    EcoSystemClick(true);\r\n      //    setExpandedPanel(\"panel1\");\r\n      // }\r\n      // else if (prevButton == 'openCloseClick') openCloseClick(true);\r\n      // else if (prevButton == 'backliteClick') {\r\n      //    setExpandedPanel(\"panel3\");\r\n\r\n      //    backliteClick(true);\r\n      // }\r\n      return false;\r\n\r\n   }\r\n\r\n\r\n   const onNextMode = () => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      if (laptop180) {\r\n\r\n         var nextButton;\r\n         var selectedButtonIndex = buttonSeq180.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onSideClick') {\r\n            nextButton = 'onOverviewClick';\r\n         } else {\r\n            nextButton = buttonSeq180[selectedButtonIndex + 1];\r\n         }\r\n      }\r\n      else {\r\n         var nextButton;\r\n         var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onWirelessDesignClick') {\r\n            nextButton = 'onOverviewClick';\r\n         } else {\r\n            nextButton = buttonSeq[selectedButtonIndex + 1];\r\n         }\r\n      }\r\n      // alert(laptop180)\r\n\r\n\r\n\r\n      if (nextButton == 'onOverviewClick') {\r\n         onOverviewClick(true);\r\n         setExpandedPanel(\"panel1\");\r\n\r\n      }\r\n      else if (nextButton == 'onTopClick') onTopClick(true);\r\n      else if (nextButton == 'onSideClick') onSideClick(true);\r\n      else if (nextButton == 'onWirelessDesignClick') { onWirelessDesignClick(true); }\r\n      // else if(nextButton == 'EcoSystemClick'){EcoSystemClick(true);}\r\n      // else if (nextButton == 'onEcoSystemClick') {\r\n      //    EcoSystemClick(true);\r\n      //    setExpandedPanel(\"panel1\");\r\n      // }\r\n\r\n      // else if (nextButton == 'backliteClick') backliteClick(true);\r\n      return false;\r\n\r\n\r\n   }\r\n\r\n   // useEffect(()=>{\r\n   //   getData();\r\n\r\n   // },[counter])\r\n   const [animValue,setAnimValue] = useState(\"On\");\r\n   const [animValue1,setAnimValue1] = useState(\"On\");\r\n   // window.localStorage.setItem('Animation', 'on');\r\n\r\n   useEffect(() => {\r\n      // alert();\r\n      document.getElementById(\"animSwitchValue\").setAttribute('aria-label','Animation On')\r\n      // document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked On');\r\n      document.getElementById(\"animSwitchValue\").checked = true;\r\n\r\n      setAnimValue(\"On\");\r\n      window.localStorage.setItem('Animation','on');\r\n      document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n      window.animationSwitchVal = 'on';\r\n\r\n\r\n\r\n      document.getElementById(\"animSwitchValue1\").setAttribute('aria-label','Animation On')\r\n      // document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked On');\r\n      document.getElementById(\"animSwitchValue1\").checked = true;\r\n\r\n      setAnimValue(\"On\");\r\n      window.localStorage.setItem('Animation','on');\r\n      document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[]);\r\n\r\n   const setAnimationSwitch = (e) => {\r\n      console.log(e)\r\n      // displayName(e);\r\n      const isChecked = document.getElementById(\"animSwitchValue\").checked;\r\n\r\n      if (isChecked == true) {\r\n         document.getElementById(\"animSwitchValue\").setAttribute('aria-label','Animation Off');\r\n         document.getElementById(\"animSwitchValue\").checked = false;\r\n         setAnimValue(\"Off\");\r\n         document.getElementsByClassName('onOff')[0].style.left = \"9px\";\r\n         window.localStorage.setItem('Animation','off');\r\n         window.animationSwitchVal = 'off';\r\n\r\n         window.RT_RecordEvent(\"Animations\",\"Off\",window.config.name);\r\n         //   document.getElementById('animSwitchValue').setAttribute('aria-label', '');\r\n         // document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked On';\r\n         // alert(\"Animation On\");\r\n\r\n      } else {\r\n         document.getElementById(\"animSwitchValue\").setAttribute('aria-label','Animation On')\r\n         document.getElementById(\"animSwitchValue\").checked = true;\r\n         window.animationSwitchVal = 'on';\r\n         setAnimValue(\"On\");\r\n         window.localStorage.setItem('Animation','on');\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n\r\n         window.RT_RecordEvent(\"Animations\",\"On\",window.config.name);\r\n         // alert(\"Animation Off\");\r\n         //   document.getElementById('animSwitchValue').setAttribute('aria-label', '');\r\n         // document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked Off';\r\n      }\r\n   }\r\n\r\n   const displayName = (e) => {\r\n      console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue\").checked;\r\n\r\n      if (isChecked == true) {\r\n         setAnimValue(\"On\");\r\n         window.localStorage.setItem('Animation','on');\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n         document.getElementById('animSwitchValue').setAttribute('aria-label','');\r\n         document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked On';\r\n         window.animationSwitchVal = 'off';\r\n         // document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked On');\r\n         // alert(\"Animation On\");\r\n\r\n      } else {\r\n         setAnimValue(\"Off\");\r\n         document.getElementsByClassName('onOff')[0].style.left = \"9px\";\r\n         window.localStorage.setItem('Animation','off');\r\n         document.getElementById('animSwitchValue').setAttribute('aria-label','');\r\n         document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked Off';\r\n         window.animationSwitchVal = 'on';\r\n         // document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked Off');\r\n         // alert(\"Animation Off\");\r\n\r\n      }\r\n\r\n   }\r\n\r\n   const keyboardOff = () => {\r\n      console.log('Keyboard off');\r\n      document.onkeydown = function (e) {\r\n         if (e.keyCode == 13 || e.keyCode == 32)\r\n            setExpandedPanel(false)\r\n         e.preventDefault();\r\n         return false;\r\n      };\r\n   }\r\n   const keyboardOn = () => {\r\n      console.log('Keyboard on');\r\n      document.onkeydown = function (e) {\r\n         return true;\r\n      }\r\n   }\r\n\r\n\r\n   const setAnimationSwitch1 = (e) => {\r\n      console.log(e)\r\n      // displayName(e);\r\n      const isChecked = document.getElementById(\"animSwitchValue1\").checked;\r\n\r\n      if (isChecked == true) {\r\n         //document.getElementById(\"animSwitchValue\").setAttribute('aria-label', 'Animation Off');\r\n         document.getElementById(\"animSwitchValue1\").checked = false;\r\n         setAnimValue1(\"Off\");\r\n         // keyboardOff();\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"9px\";\r\n         // window.localStorage.setItem('Animation1','off');\r\n         window.animationSwitchVal = 'off';\r\n         window.animationSwitchGlobal = 'off';\r\n\r\n\r\n      } else {\r\n         // document.getElementById(\"animSwitchValue\").setAttribute('aria-label', 'Animation On')\r\n         document.getElementById(\"animSwitchValue1\").checked = true;\r\n\r\n         setAnimValue1(\"On\");\r\n         window.animationSwitchVal = 'on';\r\n         // keyboardOn();\r\n         // window.localStorage.setItem('Animation1','on');\r\n         window.animationSwitchGlobal = 'on';\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n\r\n\r\n\r\n\r\n      }\r\n   }\r\n   var animStopped = true;\r\n\r\n   const displayName1 = (e) => {\r\n      if (animStopped == false) {\r\n         return;\r\n         animStopped = false;\r\n      }\r\n      console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue1\").checked;\r\n\r\n      if (isChecked == true) {\r\n         setAnimValue1(\"On\");\r\n         // keyboardOn();\r\n         // window.localStorage.setItem('Animation1','on');\r\n         window.animation1SwitchGlobal = 'on';\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n         document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked On');\r\n         window.animationSwitchVal = 'on';\r\n\r\n         if (mob) {\r\n            document.getElementById('footerControls').removeAttribute('style');\r\n            document.getElementById('footerControMob').style.display = 'block';\r\n         }\r\n         else if (isipad) {\r\n            console.log('portrait');\r\n            document.getElementById('footerControMob').style.display = 'block';\r\n            document.getElementById('footerControls').style.display = 'block';\r\n         }\r\n         else {\r\n            console.log(\"show\");\r\n\r\n            setTimeout(function () {\r\n               document.getElementById('footerControls').style.transition = \"bottom 0.2s linear\";\r\n               document.getElementById('footerControls').style.bottom = \"20px\";\r\n               /*  document.getElementById('footerControMob').style.transition = \"bottom 0.2s linear\";\r\n               document.getElementById('footerControMob').style.bottom = \"20px\"; */\r\n\r\n               document.getElementById('footerControls').style.visibility = \"\";\r\n               document.getElementById('footerControIpad').style.visibility = \"\";\r\n               //document.getElementById('footerControMob').style.visibility = \"\";\r\n            }, 200);\r\n\r\n         }\r\n\r\n\r\n      } else {\r\n         setAnimValue1(\"Off\");\r\n         // keyboardOff();\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"9px\";\r\n         // window.localStorage.setItem('Animation1','off');\r\n         window.animation1SwitchGlobal = 'off';\r\n\r\n         document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked Off');\r\n\r\n         if (mob) {\r\n            document.getElementById('footerControls').removeAttribute('style');\r\n            document.getElementById('footerControMob').style.display = 'none';\r\n         } else if (isipad) {\r\n            console.log('landscape');\r\n            document.getElementById('footerControMob').style.display = 'none';\r\n            document.getElementById('footerControls').style.display = 'none';\r\n         }\r\n         else {\r\n            console.log(\"hide\");\r\n            //document.getElementById('footerControls').style.transition = \"bottom 0.2s linear\";\r\n            document.getElementById('footerControls').style.bottom = \"-112px\";\r\n            //   document.getElementById('footerControMob').style.transition = \"bottom 0.24s linear\";\r\n            document.getElementById('footerControMob').style.bottom = \"-112px\";\r\n            //  document.getElementById('footerControIpad').style.bottom = \"-112px\"; \r\n\r\n            setTimeout(function () {\r\n\r\n               document.getElementById('footerControls').style.visibility = \"hidden\";\r\n               document.getElementById('footerControIpad').style.visibility = \"hidden\";\r\n\r\n               document.getElementById('footerControMob').style.visibility = \"hidden\";\r\n\r\n               animStopped = true;\r\n            },100);\r\n         }\r\n\r\n      }\r\n\r\n   }\r\n\r\n\r\n   return (\r\n      <>\r\n         {/* <Hidden only={[\"xs\",'sm']}> */}\r\n         {!mob && <HowToUse />}\r\n         {/* </Hidden> */}\r\n         <Hidden only={['sm','md','lg','xl']}>\r\n\r\n            <Button style={{ position: 'fixed',backgroundColor: '#F0F0F0',width: '100%',height: '56px',paddingTop: '15px',paddingBottom: '15px',zIndex: '1',border: '1px solid #E1E1E1',borderLeft: \"none\",borderRight: \"none\",borderRadius: \"0\",margin: \"-1px 0px 0px 0px\" }}\r\n               variant=\"outlined\"\r\n               color=\"primary\"\r\n               // className={classes.button}\r\n               endIcon={<img src=\"./img/cross.svg\" alt=\"cross\" style={{ marginLeft: '207px',height: '23px' }} />}\r\n               onClick={props.toggleDrawerAction}\r\n            >\r\n              {window.finalLangues.mainMenu}\r\n            </Button>\r\n            <Howtousenew />\r\n\r\n         </Hidden >\r\n         <Hidden only={['md','lg','xl','xs']}>\r\n            {moblandscap && <Howtousenew />}\r\n         </Hidden>\r\n\r\n         <Hidden only={[\"xs\"]}>\r\n            <FooterControl name=\"reset and next previous\" onReset={onResetMode} onPrevious={onPreviousMode} onNext={onNextMode} />\r\n         </Hidden>\r\n         <Hidden only={['lg','xl']}>\r\n            <FooterControlMob onResetMob={onResetMode} onPreviousMob={onPreviousMode} onNextMob={onNextMode} onResetIpad={onResetMode} onNextIpad={onNextMode} onPreviousIpad={onPreviousMode} />\r\n         </Hidden>\r\n         {/* <MenuSelectProductType tabIndex=\"1\" name={window.finalLangues.selectproduct_text} onclicked={laptopClick} onclickedtwo={select2in1Click} value={value} expanded={expandedPanel === 'panel5'} onChanged={handleAccordionChange('panel5')} /> */}\r\n         {/* <userContext.Provider value=\"\"> */}\r\n         {/* <MenuColors name={window.finalLangues.colors} tabIndex=\"1\" onWhiteBtnClick={color1Click} onBlackBtnClick={color2Click} expanded={expandedPanel === 'panel4'} onChanged={handleAccordionChange('panel4')} /> */}\r\n         {/* </userContext.Provider> */}\r\n         {/* <MenuPositions name={window.finalLangues.position} tabIndex=\"1\" onTentMode={TentModeClick} onTheaterMode={TheaterModeClick} onTabletMode={TabletModeClick} expanded={expandedPanel === 'panel2'} onChanged={handleAccordionChange('panel2')} /> */}\r\n         <MenuProductView tabIndex=\"1\" onWirelessDesignBtnClick={onWirelessDesignClick} onTopBtnClick={onTopClick} onLeftBtnClick={onOverviewClick} onRightBtnClick={onSideClick} onEcoSystemBtnClick={EcoSystemClick} imgfront={laptop360FrontImg} imgtop={laptop360TopImg} imgleft={laptop360LeftImg} imgright={laptop360RightImg} name={window.finalLangues.productview} expanded={expandedPanel === 'panel1'} onChanged={handleAccordionChange('panel1')} />\r\n\r\n         {/* <MenuFeatures name={window.finalLangues.feature} tabIndex=\"1\" tobechange={opneClose} tobeChanged={backlit} openClosedClicked={openCloseClick} onOffBackliteClicked={backliteClick} expanded={expandedPanel === 'panel3'} onChanged={handleAccordionChange('panel3')} /> */}\r\n\r\n         {/* <AnimationBtn onchange={displayName} forKeypress={setAnimationSwitch} value={animValue} /> */}\r\n         <AnimationBtn onchange={displayName} forKeypress={setAnimationSwitch} value={animValue} onchange1={displayName1} forKeypress1={setAnimationSwitch1} value1={animValue1} />\r\n\r\n      </>\r\n   );\r\n}\r\n\r\nexport default MainMenu;","import React from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Avatars from \"./MenuComponents/Avatars\";\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\n\r\nconst headerBackground = {\r\n   background: 'transparent'\r\n}\r\n\r\nconst Header = () => {\r\n\r\n   const closeWindow = () => {\r\n      // alert(\"Close window\");\r\n   }\r\n\r\n   return (\r\n      <div aria-labelledby=\"Dell Technologies\" className=\"maniHeader\">\r\n         <Grid style={{ paddingTop: '20px' }} container spacing={3}>\r\n            <Grid item xs={3} aria-label=\"Dell Technologies\" className=\"tabIndexStyle\">\r\n               {/* <div aria-label=\"Dell Technologies\" id=\"headerName\" tabIndex=\"1\"style={{padding:\"5px\"}}>\r\n          <Paper style={headerBackground}><p className=\"dellLogo\"><Avatars className=\"headerLogo\"  img=\"./img/DellTech_Logo_Prm_Blue_rgb.svg\" alt=\"\"/></p></Paper>\r\n        </div> */}\r\n            </Grid>\r\n            {/* <Grid item xs={7} md={6}>\r\n        <Hidden only={['sm','md']}>\r\n          <Paper tabIndex=\"1\" id=\"productName\" className=\"tabIndexStyle\" align={\"center\"} style={{border:'0', padding: '7px', backgroundColor: 'transparent', marginLeft:'32%'}}><p className=\"ProductName\">Latitude 7410 Chromebook Enterprise</p></Paper>\r\n        </Hidden>\r\n          <Hidden only={['xs','lg','xl']}>\r\n            <Paper  className=\"tabIndexStyle\" align={\"center\"} style={{border:'0', padding: '7px', backgroundColor: 'transparent', marginLeft:'22%'}}><p className=\"ProductName\">Latitude 7410 Chromebook Enterprise</p></Paper>\r\n          </Hidden>\r\n        </Grid> */}\r\n            <Grid item xs={9} md={9}>\r\n               <Hidden only='xs'>\r\n                  <Paper align={\"right\"} style={headerBackground}>\r\n                     {/* <p className=\"closeIcon\"><HighlightOffIcon onClick={closeWindow} style={{marginRight:'55px',cursor: \"pointer\", color: '#000000', height: '32px',float:'right', width: '32px'}}/></p> */}\r\n                     <p className=\"tabIndexStyle closeIcon\"><img id='closeIcon' tabIndex=\"1\" src=\"./img/closeIcon.png\" alt=\"closeHeader\" onClick={closeWindow} /></p>\r\n                  </Paper>\r\n               </Hidden>\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n                  <Paper align={\"right\"} style={headerBackground}>\r\n                     <p className=\"closeIcon\"><img src=\"./img/mobClose.png\" id=\"closeBtnImg\" alt=\"mobcloseheader\" onClick={closeWindow} style={{ marginRight: '25px',cursor: \"pointer\",color: '#767676',height: '32px',width: '32px' }} /></p>\r\n                  </Paper>\r\n               </Hidden>\r\n            </Grid>\r\n         </Grid>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default Header;","import { makeStyles } from '@material-ui/core/styles';\r\nimport DehazeIcon from '@material-ui/icons/Dehaze';\r\nimport Button from '@material-ui/core/Button';\r\nimport React,{ useState,useEffect } from 'react';\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport NestedList from './NestedList';\r\n\r\nimport MainMenu from \"./components/MenuComponents/MainMenu\";\r\nimport \"./App.css\";\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport Header from './components/Header';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n// import BoxTest from './components/breakpoints';\r\n// import { ThemeProvider } from '@material-ui/core/styles';\r\n// import { createMuiTheme } from '@material-ui/core/styles';\r\nvar ipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\nvar ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\nvar mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\n\r\n\r\nconst statebtns = {\r\n   border: \"1px solid #c7c7c7\",\r\n   borderRadius: \"0px\",\r\n   right: \"0\",\r\n   width: \"100%\",\r\n   height: '56px',\r\n   marginLeft: \"0px\",\r\n   borderLeft: \"0px\",\r\n   borderRight: \"0px\",\r\n   position: \"fixed\",\r\n   bottom: \"0px\",\r\n   marginBottom: '0px',\r\n   backgroundColor: 'white',\r\n   border: '1px solid #B6B6B6'\r\n}\r\n\r\n// const CloseBtn={\r\n//   borderLeft: \"none\",\r\n//   borderRight: \"none\",\r\n//   borderRadius: \"0\",\r\n//   position: \"fixed\",\r\n//   background: \"#fff\",\r\n//   width: \"100%\",\r\n//   zIndex: \"1\",\r\n// }\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   button: {\r\n      margin: theme.spacing(1),\r\n   },\r\n\r\n   drawerPaper: {\r\n      width: '285px',\r\n      overflow: 'visible',\r\n      top: '9%'\r\n      //background: \"#c7addd\"\r\n\r\n   },\r\n\r\n   root: {\r\n      width: 'auto',\r\n      /*     '& > *': {\r\n            margin: theme.spacing(1),\r\n            width: '25ch',\r\n          }, */\r\n      //marginRight: '5vh',\r\n      //maxWidth: 360,\r\n      //backgroundColor: theme.palette.background.paper,\r\n   },\r\n\r\n   nested: {\r\n      paddingLeft: theme.spacing(4),\r\n   },\r\n\r\n   formControl: {\r\n      margin: theme.spacing(1),\r\n      minWidth: 120,\r\n   },\r\n\r\n   selectEmpty: {\r\n      marginTop: theme.spacing(2),\r\n   },\r\n}));\r\n\r\n\r\nfunction App() {\r\n\r\n   const classes = useStyles();\r\n\r\n   //States for opening Drawer\r\n   const [state,setState] = React.useState({\r\n      top: false,\r\n      left: false,\r\n      bottom: false,\r\n      right: false,\r\n   });\r\n\r\n   const [burgerBtnVisible,setBurgerBtnVisible] = useState(true);\r\n\r\n   //Open Drawer\r\n   const toggleDrawer = (anchor,open) => (event) => {\r\n      if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\r\n         return;\r\n      }\r\n\r\n\r\n      //Open Drawer states\r\n      setState({ ...state,[anchor]: open });\r\n   };\r\n   const mobCloseDrawer = () => {\r\n      // var currentHotspot = window.localStorage.getItem('hotspot');\r\n      // alert(currentHotspot)\r\n      setState({ ...state,[\"bottom\"]: false });\r\n      setTimeout(() => {\r\n         document.getElementById(\"footerControMob\").style.display = \"block\";\r\n         document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n         document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n\r\n      },270)\r\n\r\n      // toggleDrawer(\"bottom\", false)\r\n   }\r\n   const mobOpenDrawer = () => {\r\n      // var currentHotspot = window.localStorage.getItem('hotspot');\r\n      // alert(currentHotspot)\r\n      setState({ ...state,[\"bottom\"]: true });\r\n      document.getElementById(\"infinityrt-canvas\").style.marginTop = \"-150px\";\r\n      document.getElementById(\"calloutcanvas\").style.marginTop = \"-150px\";\r\n\r\n      document.getElementById(\"footerControMob\").style.display = \"none\";\r\n      // toggleDrawer(\"bottom\", false)\r\n   }\r\n\r\n   const menuMobLandscapOpen = () => {\r\n      setState({ ...state,[\"left\"]: true });\r\n      setBurgerBtnVisible(false);\r\n      // toggleDrawer(\"left\", true)\r\n      if (ipad) {\r\n         document.getElementById('footerControMob').style.zIndex = 2;\r\n      } else if (mob) {\r\n         document.getElementById('footerControMob').style.zIndex = 0;\r\n         // document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n         // document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n\r\n      }\r\n   }\r\n   const menuMobLandscapClose = () => {\r\n      setState({ ...state,[\"left\"]: false });\r\n      setBurgerBtnVisible(true);\r\n      // if(ipad){\r\n      // document.getElementById('footerControMob').style.zIndex = 2;}else if(mob){\r\n      document.getElementById('footerControMob').style.zIndex = 2;\r\n      // document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n      // document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n      // }\r\n      // toggleDrawer(\"left\", false)\r\n   }\r\n   const [orientationPotrait,setOrientation] = useState(true);\r\n   window.checkOrientationStatus = (orientationStatus) => {\r\n      // alert(window.screen.orientation.type);\r\n      setOrientation(orientationStatus);\r\n   }\r\n   useEffect((event) => {\r\n      if (window.innerHeight > window.innerWidth) {\r\n         // setBurgerBtnVisible(false);\r\n      }\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n\r\n   },[])\r\n   useEffect((event) => {\r\n      ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\n      // alert(orientationPotrait);\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   })\r\n   const [getLangTranscript,setgetLangTranscript] = useState(false);\r\n   window.checkgetLangTranscript = (getLangTranscript) => {\r\n      // alert(window.screen.orientation.type);\r\n      setgetLangTranscript(getLangTranscript);\r\n   }\r\n   let closeBtnVisibilityOpen = burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   let closeBtnVisibilityClose = !burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   let dektopCloseBtnVisibilityOpen = burgerBtnVisible\r\n   let dektopCloseBtnVisibilityClose = !burgerBtnVisible\r\n   return (\r\n      <>\r\n         <Header />\r\n\r\n\r\n         <div id=\"menubar\" className={classes.root}>\r\n            {/* Desktop start no open btn */}\r\n            <Hidden only=\"xs\">\r\n\r\n               <Button\r\n                  variant=\"outlined\"\r\n                  color=\"primary\"\r\n                  size=\"large\"\r\n                  style={{ display: \"none\" }}\r\n                  className={classes.button}\r\n                  startIcon={<DehazeIcon />}\r\n                  disableElevation\r\n                  onClick={toggleDrawer(\"left\",true)}\r\n               >\r\n                  States Desktop\r\n               </Button>\r\n            </Hidden>\r\n            {/* desktop end */}\r\n\r\n            {/* Ipad with open btn */}\r\n\r\n            {(ipad != null || mob != false) && <Hidden only={['xs','lg','xl']}>\r\n               {window.innerWidth < window.innerHeight && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n               {closeBtnVisibilityOpen && <Button id=\"forTest1\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n\r\n               {(ipad != null || mob != false) && <div className=\"openCloseBar\" style={{}}></div>}\r\n\r\n               {closeBtnVisibilityClose && <Button id=\"forTest2\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn closeBtnMobLAndscap\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<CloseIcon />} onClick={menuMobLandscapClose} > </Button>}\r\n            </Hidden>}\r\n\r\n            {/* Ipad end */}\r\n\r\n            {/* Mobile Start */}\r\n            <Hidden only={['sm','md','lg','xl']}>\r\n\r\n               <Button\r\n                  variant=\"outlined\"\r\n                  color=\"primary\"\r\n                  size=\"large\"\r\n                  id=\"forTest3\"\r\n                  endIcon={<img src=\"./img/menu.svg\" alt=\"menu\" style={{ marginLeft: '190px',width: '23px',height: '21px' }} />}\r\n                  disableElevation\r\n                  onClick={mobOpenDrawer}\r\n                  style={statebtns}\r\n                  only='xs'\r\n               >\r\n                  <span>\r\n                     \r\n                  {getLangTranscript && `${window.finalLangues.mainMenu}` }\r\n                  </span>\r\n               </Button>\r\n            </Hidden>\r\n            {/* mobile end */}\r\n\r\n            {/* for close mode */}\r\n            <div id='leftPan'\r\n               tabIndex={0}\r\n            >\r\n               {/* for ipadPro start */}\r\n               <Hidden only={['xs','sm','md']}>\r\n                  {ipadPortrait && orientationPotrait == true &&\r\n                     <Drawer id=\"LeftMenuWrapper\" anchor={\"left\"} open={true} variant=\"persistent\" style={{ border: \"none\" }} onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n                        <NestedList />\r\n                        {/* <Guide /> */}\r\n                        {getLangTranscript && <MainMenu />}\r\n                     </Drawer>\r\n                  }\r\n               </Hidden>\r\n               {/* ipadPro End */}\r\n               <Hidden only={['xs','sm']}>\r\n                  {(ipad == null || (window.innerWidth > window.innerHeight && orientationPotrait == false)) &&\r\n                     <Drawer id=\"LeftMenuWrapper\" anchor={\"left\"} open={true} variant=\"persistent\" style={{ border: \"none\" }} onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n                        <NestedList />\r\n                        {getLangTranscript && <MainMenu />}\r\n                     </Drawer>\r\n                  }\r\n               </Hidden>\r\n               {/* ipad start */}\r\n               <Hidden only={['xs','lg','xl']}>\r\n\r\n                  <Drawer anchor={\"left\"} open={state[\"left\"]} variant=\"persistent\" onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n\r\n                     <Button\r\n                        variant=\"outlined\"\r\n                        color=\"secondary\"\r\n                        size=\"large\"\r\n                        className=\"closeBtn\"\r\n                        startIcon={<CloseIcon style={{ marginLeft: '4px' }} />}\r\n                        onClick={toggleDrawer(\"left\",false)}\r\n\r\n                     >\r\n\r\n                     </Button>\r\n\r\n\r\n                     <NestedList />\r\n                     {getLangTranscript && <MainMenu />}\r\n                  </Drawer>\r\n               </Hidden>\r\n               {/* ipadEnd */}\r\n               {ipad == null && <Hidden only={['xs','md','lg','xl']}>\r\n                  <div id=\"ipadNavForDesktop\">\r\n                     {/* <div style={{width:'200px', height:\"50px\", background:\"blue\", float:\"right\"}}>for ipad resolution but only for desktop </div> */}\r\n\r\n                     {dektopCloseBtnVisibilityOpen && <Button id=\"onlyForDesktopResizeOpen\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ maxWidth: '62px;' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n                     {/* {closeBtnVisibilityOpen && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ maxWidth:'62px;'}}  startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>} */}\r\n\r\n\r\n\r\n                     {dektopCloseBtnVisibilityClose && <Button id=\"onlyForDesktopResizeClose\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn closeBtnMobLAndscap\" style={{ maxWidth: '62px;' }} startIcon={<CloseIcon />} onClick={menuMobLandscapClose} > </Button>}\r\n                     <div className=\"openCloseBar\" style={{}}></div>\r\n                  </div>\r\n               </Hidden>}\r\n               {/* mobile start */}\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n                  {/* <div style={{width:'200px', height:\"50px\", background:\"red\", float:\"right\"}}>Mobile</div> */}\r\n                  <Drawer only='xs' style={{ width: \"100%\",maxWidth: \"105vw\",overflowY: \"auto\",overflowX: 'hidden',width: 'auto',minWidth: '140px',maxWidth: '35vw',}} anchor={\"bottom\"} open={state[\"bottom\"]} variant=\"persistent\" onClose={toggleDrawer(\"bottom\",false)}>\r\n                     <NestedList />\r\n                     {getLangTranscript && <MainMenu toggleDrawerAction={mobCloseDrawer} />}\r\n\r\n                  </Drawer>\r\n               </Hidden>\r\n               {/* mobile end */}\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </>\r\n   );\r\n\r\n}\r\n\r\nexport default App;","//require('file-loader?name=[name].[ext]!./index.html');\r\nimport React, { Fragment } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core\";\r\nconst theme = createMuiTheme({\r\n  palette: {\r\n     primary: {\r\n        main: \"#006BBD\" // This is an orange looking color\r\n               },\r\n     secondary: {\r\n        main: \"#006BBD\" //Another orange-ish color\r\n                }\r\n           },\r\n// fontFamily: font // as an aside, highly recommend importing roboto font for Material UI projects! Looks really nice\r\n});\r\n\r\n\r\nReactDOM.render(\r\n  <Fragment>\r\n    <ThemeProvider theme={theme}><App /></ThemeProvider>\r\n  </Fragment>\r\n  ,\r\n  document.getElementById('root')\r\n);\r\n\r\n"],"sourceRoot":""}