{"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","imgtop","onRightBtnClick","side","imgright","onWirelessDesignBtnClick","features","imgfront","onKeysBtnClick","connectivity","imgKeys","Animationbtns","textAlign","marginTop","position","Animationbtns1","marginBottom","AnimationBtn","display","Reduce","forKeypress","onchange","type","onScreen","forKeypress1","onchange1","Howtousenew","getElementsByClassName","backgroundColor","zIndex","exploreClick","allThreeDiv","fontFamily","fontStyle","fontSize","lineHeight","alignItems","justifyContent","mobAllthreeDiv","usestyle","left","iconStyle","transform","Fragment","Hidden","only","howToUseMenu","ReactDOM","createPortal","alt","cursor","returnto3D","flexWrap","move","rotate","zoom","HowToUse","howtoUseD","opacity","animationName","howToUseDiv","imgUse","transition","right","flexDirection","wordBreak","useStyles","makeStyles","newBtns","extendedIcon","FooterControl","useState","handleZoomChange","newValue","_nav","NavChangeDolly","undefined","target","value","localStorage","removeItem","setAttribute","keysCam","GotoPosInTimeNamedValue","getZoomFactor","threeButtons","letterSpacing","topBtnstyle","camData","setCamData","animationSwitch","getItem","animTime","useEffect","setItem","gotoposname","onComplete","onSample","opt","gp","fovy","zang","time","slowInOut","x","x2","px","Math","pow","rippleRef","useRef","rippleRefs","float","NavRotation","clearRefine","size","onMouseDown","current","start","onMouseUp","stop","role","parseFloat","ref","center","min","max","step","clear","onPrevious","paddingRight","previousView","onReset","resetView","onNext","nextView","FooterControlMob","mobthreeButtons","getData","_navYAng","onPreviousIpad","previous","onResetIpad","onNextIpad","next","onPreviousMob","onResetMob","reset","onNextMob","mob","navigator","userAgent","indexOf","moblandscap","innerHeight","innerWidth","isipad","match","maxTouchPoints","buttonSeq","buttonSeq180","MainMenu","expandedPanel","setExpandedPanel","laptop360FrontImg","laptop360KeysImg","laptop360TopImg","laptop360LeftImg","laptop360EcoSystemImg","laptop360RightImg","selectedButton","setSelectedButton","event","keyCode","click","resetBacklitCloseImg","setOpenCloseOnOff","setOpenClose","setBackliteOnOff","setBacklite","clearBluetoothIndicator","clearBluetoothSettimeFirst","clearBluetoothSettimeSecond","clearBluetoothSettimeThird","clearBluetoothSetintervalOne","clearBluetoothSetintervalTwo","clearBluetoothMainInterval","bluetoothBlikingLoop","animPlayAllChildrenInTime","clearTimeout","clearInterval","clearAllBluetoothSetTime","addEventListener","removeEventListener","resetAll","UniqDeltaScroll","UniqDeltaScroll2","animPlayInTime","reverseAll","tempfRotMinLimit","_navMinDolly","_navMaxDolly","laptop180","onWirelessDesignClick","isNextPrevious","alreadySelected","querySelector","classList","remove","add","focus","RT_RecordEvent","config","onKeysClick","slider","setInterval","onWorkspaceClick","onSideClick","_fovRecoveryOffset","onOverviewClick","onTopClick","openCloseOnOff","onResetMode","onPreviousMode","selectedButtonIndex","findIndex","element","prevButton","onNextMode","nextButton","animValue","setAnimValue","animValue1","setAnimValue1","checked","animationSwitchVal","panel","animStopped","paddingTop","paddingBottom","borderLeft","borderRight","endIcon","toggleDrawerAction","mainMenu","onWorkspaceBtnClick","imgeco","productview","isExpanded","innerHTML","animation1SwitchGlobal","removeAttribute","bottom","visibility","animationSwitchGlobal","value1","headerBackground","Header","closeWindow","aria-labelledby","Grid","container","xs","md","Paper","align","ipad","ipadPortrait","statebtns","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.414341d3.chunk.js","sourcesContent":["import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n// import 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   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} 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.features} source={props.imgfront} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Keys\" id=\"keysBtn\" onKeyPress={props.onKeysBtnClick} onClick={props.onKeysBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.connectivity} source={props.imgKeys} />\r\n            </AccordionDetails>\r\n         </Accordion>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default MenuProductView;","import React,{ useEffect } from \"react\"\r\n// import Switch from '@material-ui/core/Switch';\r\n// import Hidden from '@material-ui/core/Hidden';\r\n\r\n// const Animationbtns = {\r\n\r\n//     textAlign: \"center\", marginTop: \"30px\",position: \"relative\", marginBottom:\"14px\", marginRight: \"41px\",\r\n//     display: \"flex\", justifyContent:\"center\"\r\n\r\n// }\r\n\r\nconst AnimationbtnsMob = {\r\n   textAlign: \"center\",marginTop: \"25px\",position: \"relative\",marginBottom: \"14px\"\r\n\r\n}\r\n\r\nconst Animationbtns = {\r\n\r\n   textAlign: \"center\",marginTop: \"30px\",position: \"relative\",margin: \"30px 0px 14px 3px\"\r\n\r\n\r\n}\r\nconst Animationbtns1 = {\r\n\r\n   textAlign: \"center\",position: \"relative\",marginBottom: \"14px\"\r\n\r\n\r\n}\r\n\r\nconst AnimationBtn = (props) => {\r\n\r\n   // const [value, setValue] = useState(\"Off\");\r\n\r\n   // window.localStorage.setItem('Animation', 'on');\r\n   // useEffect(() => {\r\n   // window.localStorage.setItem('Animation', 'on');\r\n   // document.getElementById(\"switchValue\").checked = 'true';\r\n\r\n   // // setValue(\"On\");\r\n   // document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n\r\n   //}, []);\r\n\r\n\r\n   return (\r\n      <>\r\n\r\n         <div id=\"animation\" style={Animationbtns}>\r\n            <span style={{display: \"inline-block\", textAlign: \"left\", width: \"142px\"}}> {window.finalLangues.Reduce}: </span>\r\n            {/* <Switch id=\"switchValue\" onChange={displayName} name=\"checkedA\" color=\"primary\"/><span className = 'onOff'>{value}</span> */}\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         </div>\r\n         {\r\n            <div id=\"animation1\" style={Animationbtns1} >\r\n               <span style={{display: \"inline-block\", textAlign: \"left\", width: \"142px\"}}>{window.finalLangues.onScreen}: </span>\r\n               {/* <Switch id=\"switchValue\" onChange={displayName} name=\"checkedA\" color=\"primary\"/><span className = 'onOff'>{value}</span> */}\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            </div>\r\n         }\r\n\r\n\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        width: '305px',\r\n        display: 'flex',\r\n        alignItems: 'baseline',\r\n        justifyContent: 'space-between',\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: '305px',\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: '57px 0px 33px 0px',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: 'normal',\r\n        fontSize: '24px',\r\n        lineHeight: '36px',\r\n        width: '305px',\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%, 100%)',\r\n        alignItems: 'center',\r\n        textAlign: 'center',\r\n        fontFamily: 'Roboto',\r\n        fontStyle: 'normal',\r\n        fontWeight: '300',\r\n        fontSize: '40px',\r\n        lineHeight: '56px',\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}>Move<br></br><img style={{marginTop: '20px', height: '66px', width: '130px'}} alt=\"moveDesk\" src=\"./img/move.svg\"/></div>\r\n            <div style={allThreeDiv}>Rotate<br></br><img style={{marginTop: '20px', height: '66px', width: '130px'}} alt=\"rotateDesk\" src=\"./img/rotate.svg\"/></div>\r\n            <div style={allThreeDiv}>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.returnto3D}  <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'}}>{window.finalLangues.move}</span><img style={{height: '76px', width: '166px'}} alt=\"moves\" src=\"./img/move.svg\"/></div>\r\n         <div style={mobAllthreeDiv}><span style={{position: 'relative', top: '-28px'}}>{window.finalLangues.rotate}</span><img style={{height: '76px', width: '166px'}} alt=\"rotates\" src=\"./img/rotate.svg\"/></div>\r\n         <div style={mobAllthreeDiv}><span id=\"resetforhu\" style={{position: 'relative', top: '-28px'}}>{window.finalLangues.zoom}</span><img style={{ height: '76px', width: '166px'}} alt=\"zommss\" src=\"./img/zoom.svg\"/></div>\r\n         <button style={mobExploreButtton} onClick={exploreClick}>{window.finalLangues.returnto3D}<img style={{height: '24px', width: '24px', position: 'relative', top: '6px', left: '12px'}} alt=\"arrow\" src=\"./img/arrowIcon.png\"/></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: '109px',\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: '90px',\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: '90px',\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: '90px',\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\n// import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\n// import ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\n// import ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\n// import 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\n// import 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   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      window.localStorage.removeItem('currentBluetooth');\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      if (window.keysCam) {\r\n         //  console.log(\"intract\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Key_Zoomout',function () {\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         });\r\n         window.keysCam = false;\r\n         //scene.clearRefine();\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   //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      window.localStorage.removeItem('currentBluetooth');\r\n            window.scene.clearRefine();\r\n      if (window.keysCam) {\r\n         //  console.log(\"intract\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Key_Zoomout',function () {\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         });\r\n         window.keysCam = false;\r\n         //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      window.localStorage.removeItem('currentBluetooth');\r\n            window.scene.clearRefine();\r\n      if (window.keysCam) {\r\n         //  console.log(\"intract\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Key_Zoomout',function () {\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         });\r\n         window.keysCam = false;\r\n         //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\" class=\"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\n// import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\n// import ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\n// import ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\n// import 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\n// import 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   //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\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   const onKeysClick = () => {\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   //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.resetView}\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,useRef } 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','onKeysClick'];\r\nvar buttonSeq180 = ['onResetMode','onOverviewClick','onTopClick','onSideClick','onWirelessDesignClick','onKeysClick'];\r\n\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}\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/front360.png\");\r\n   const [laptop360KeysImg,setLaptop360KeysImg] = useState(\"./img/keys360.png\")\r\n   const [laptop360TopImg,setLaptop360TopImg] = useState(\"./img/top360.png\");\r\n   const [laptop360LeftImg,setLaptop360LefttImg] = useState(\"./img/360_left.png\");\r\n   const [laptop360EcoSystemImg,setLaptop360EcoSystemImg] = useState(\"./img/ecosystem.png\");\r\n   const [laptop360RightImg,setLaptop360RightImg] = useState(\"./img/360_right.png\");\r\n   const [counter,setCounter] = useState(0);\r\n   const [selectedButton,setSelectedButton] = useState('onResetMode');\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      window.localStorage.setItem(\"position\",\"reset\");\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\r\n      return () => {\r\n         return false\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   //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\r\n      if (gotoposname == \"Render_Cam_F20_Ecosystem\") {\r\n         window.scene.gotoPosInTime(gp.pos[0],1.6439499,gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\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      // 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   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 clearBluetoothIndicator = useRef(null);\r\n   const clearBluetoothSettimeFirst = useRef(null);\r\n   const clearBluetoothSettimeSecond = useRef(null);\r\n   const clearBluetoothSettimeThird = useRef(null);\r\n   const clearBluetoothSetintervalOne = useRef(null);\r\n   const clearBluetoothSetintervalTwo = useRef(null);\r\n   const clearBluetoothMainInterval = useRef(null);\r\n\r\n   const bluetoothIndicator = (stateName) => {\r\n      clearBluetoothIndicator.current = setTimeout(() => {\r\n         console.log('blink');\r\n         window.scene.groupApplyState(stateName);\r\n      },500);\r\n      window.scene.groupApplyState('all_led_off');\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   // const bluetoothBlikingLoop = () => {\r\n   //    clearBluetoothSettimeFirst.current = setTimeout(() => {\r\n   //       clearTimeout(clearBluetoothSettimeThird.current);\r\n   //       window.scene.groupApplyState('all_led_off');\r\n   //       setTimeout(() => {\r\n   //          window.scene.groupApplyState('led_01_on');\r\n   //       }, 200);\r\n         \r\n   //       window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\", 0.41, 2000, function(){\r\n   //          console.log(\"upp1\")\r\n   //       }, undefined, undefined, true, 0.2083333, 0);\r\n         \r\n        \r\n   //      // console.log(\"led 1 on\")\r\n   //       window.localStorage.setItem('hotspotBluetooth','bluetooth1');\r\n   //       /* clearBluetoothSetintervalOne.current = setInterval(() => {\r\n   //          bluetoothIndicator('led_01_on');\r\n   //       },1000) */\r\n   //       clearBluetoothSettimeSecond.current = setTimeout(() => {\r\n   //          clearTimeout(clearBluetoothSettimeFirst.current);\r\n   //          clearInterval(clearBluetoothSetintervalOne.current);\r\n   //          clearTimeout(clearBluetoothIndicator.current);\r\n          \r\n   //          setTimeout(() => {\r\n   //             window.scene.groupApplyState('led_01_off');\r\n   //             window.scene.groupApplyState('led_02_on');\r\n   //          }, 200);\r\n   //          window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\", 0.8333333, 2000, function(){\r\n   //             console.log(\"upp2\")\r\n   //          }, undefined, undefined, true, 0.6250000, 0);\r\n   //          console.log(\"led 2 on\")\r\n   //          window.localStorage.setItem('hotspotBluetooth','bluetooth2');\r\n   //          /* clearBluetoothSetintervalTwo.current = setInterval(() => {\r\n   //             bluetoothIndicator('led_02_on');\r\n   //          },1000) */\r\n   //          clearBluetoothSettimeThird.current = setTimeout(() => {\r\n              \r\n   //             clearTimeout(clearBluetoothSettimeSecond.current);\r\n   //             clearTimeout(clearBluetoothSetintervalTwo.current);\r\n   //             clearInterval(clearBluetoothIndicator.current);\r\n   //             window.localStorage.setItem('hotspotBluetooth','bluetooth3');\r\n              \r\n   //             setTimeout(() => {\r\n   //                window.scene.groupApplyState('led_01_off');\r\n   //                window.scene.groupApplyState('led_02_off');\r\n   //                window.scene.groupApplyState('led_03_on');\r\n   //             }, 200);\r\n   //             window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\", 1.2500000, 2000, function(){\r\n   //                console.log(\"upp3\")\r\n   //             }, undefined, undefined, true, 1.0416666, 0);\r\n   //             console.log(\"led 3 on\")\r\n   //          },1800)\r\n   //       },1800)\r\n   //    },500)\r\n   // }\r\n\r\n   const bluetoothBlikingLoop = () => {\r\n      clearBluetoothSettimeFirst.current = setTimeout(() => {\r\n\r\n\r\n         window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",1.2500000,500,function () {\r\n            console.log(\"upp3\")\r\n         },undefined,undefined,true,1.0416666,0);\r\n\r\n         clearTimeout(clearBluetoothSettimeThird.current);\r\n\r\n\r\n         window.scene.groupApplyState('all_led_off');\r\n         setTimeout(() => {\r\n            window.scene.groupApplyState('led_01_on');\r\n            window.localStorage.setItem('currentBluetooth','bluetooth1');\r\n         },100);\r\n\r\n         window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",0.41,500,function () {\r\n            console.log(\"upp1\")\r\n         },undefined,undefined,true,0.2083333,0);\r\n\r\n\r\n         // console.log(\"led 1 on\")\r\n         \r\n         /* clearBluetoothSetintervalOne.current = setInterval(() => {\r\n            bluetoothIndicator('LED_01_ON');\r\n         },1000) */\r\n         clearBluetoothSettimeSecond.current = setTimeout(() => {\r\n            clearTimeout(clearBluetoothSettimeFirst.current);\r\n            clearInterval(clearBluetoothSetintervalOne.current);\r\n            clearTimeout(clearBluetoothIndicator.current);\r\n\r\n            setTimeout(() => {\r\n               window.scene.groupApplyState('led_01_off');\r\n               window.scene.groupApplyState('led_02_on');\r\n               window.localStorage.setItem('currentBluetooth','bluetooth2');\r\n            },100);\r\n            window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",0.8333333,500,function () {\r\n               console.log(\"upp2\")\r\n            },undefined,undefined,true,0.6250000,0);\r\n            console.log(\"led 2 on\")\r\n           \r\n            /* clearBluetoothSetintervalTwo.current = setInterval(() => {\r\n               bluetoothIndicator('LED_02_ON');\r\n            },1000) */\r\n            clearBluetoothSettimeThird.current = setTimeout(() => {\r\n\r\n               clearTimeout(clearBluetoothSettimeSecond.current);\r\n               clearTimeout(clearBluetoothSetintervalTwo.current);\r\n               clearInterval(clearBluetoothIndicator.current);\r\n               \r\n\r\n               setTimeout(() => {\r\n                  window.scene.groupApplyState('led_01_off');\r\n                  window.scene.groupApplyState('led_02_off');\r\n                  window.scene.groupApplyState('led_03_on');\r\n                  window.localStorage.setItem('currentBluetooth','bluetooth3');\r\n               },100);\r\n               window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",1.2500000,500,function () {\r\n                  console.log(\"upp3\")\r\n               },undefined,undefined,true,1.0416666,0);\r\n               console.log(\"led 3 on\")\r\n            },2000)\r\n         },2000)\r\n      },500)\r\n   }\r\n\r\n   const clearAllBluetoothSetTime = () => {\r\n\r\n      console.log('clearAllBluetoothSetTime');\r\n      clearTimeout(clearBluetoothMainInterval.current);\r\n      clearTimeout(clearBluetoothSettimeFirst.current);\r\n      clearTimeout(clearBluetoothSettimeSecond.current);\r\n      clearTimeout(clearBluetoothSettimeThird.current);\r\n      clearTimeout(clearBluetoothIndicator.current);\r\n      clearInterval(clearBluetoothSetintervalOne.current);\r\n      clearInterval(clearBluetoothSetintervalTwo.current);\r\n      window.scene.groupApplyState('all_led_off');\r\n   }\r\n\r\n   useEffect(() => {\r\n      window.addEventListener('mousedown',(e) => {\r\n         if (window.keysCam != false) {\r\n            clearAllBluetoothSetTime();\r\n         }\r\n      })\r\n      window.addEventListener('wheel',(e) => {\r\n         console.log(\"in wheel\");\r\n         //if (window.keysCam != false) {\r\n            clearAllBluetoothSetTime();\r\n       //  }\r\n      })\r\n            return () => {\r\n         window.removeEventListener('mousedown',clearAllBluetoothSetTime(),false);\r\n         window.removeEventListener('wheel',clearAllBluetoothSetTime(),false);\r\n      }\r\n   },[])\r\n\r\n   useEffect(() => {\r\n      return () => {\r\n         console.log('clear led interval');\r\n         clearAllBluetoothSetTime();\r\n      }\r\n   },[window.keysCam])\r\n\r\n   const resetAll = () => {\r\n      // clearAllBluetoothSetTime();\r\n      clearAllBluetoothSetTime();\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.scene.groupApplyState(\"Setup_OFF\");\r\n      window.scene.groupApplyState(\"DONGLE_GP_OFF\");\r\n      window.scene.groupApplyState(\"DONGLE_OFF\");\r\n      window.scene.groupApplyState(\"DONGLE_REFLECTION_OFF\");\r\n\r\n      window.keysCam = false;\r\n      window.UniqDeltaScroll = false;\r\n      window.UniqDeltaScroll2 = false;\r\n      window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB\",0,0);\r\n      window.scene.animPlayInTime(\"CA_KB_HBD\",0,0);\r\n      window.scene.animPlayInTime(\"DELL_KM717_Mouse\",0,0);\r\n      window.scene.animPlayInTime(\"Left_feet\",0,0);\r\n      window.scene.animPlayInTime(\"Right_feet\",0,0);\r\n      window.scene.animPlayInTime(\"Right_feet.001\",0,0);\r\n      window.scene.animPlayInTime(\"Left_feet.001\",0,0);\r\n      window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB.001\",0,0);\r\n      window.scene.animPlayInTime(\"Mouse_ref\",0,0);\r\n      window.scene.animPlayInTime(\"Reflection\",0,0);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   const reverseAll = () => {\r\n      window.scene._nav.tempfRotMinLimit = 0.48;\r\n      window.scene._nav._navMinDolly = 11;\r\n      window.scene._nav._navMaxDolly = 23;\r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n      // window.scene.animPlayInTime(\"Mode_Connection_Button\",0.8333333,0);\r\n      window.scene.clearRefine();\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   //MenuProductView\r\n\r\n   const onWirelessDesignClick = (isNextPrevious) => {\r\n      console.log(\"----------------onWirelessDesignBtnClick\");\r\n      resetAll();\r\n      reverseAll();\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      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      setSelectedButton('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      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.scene.clearRefine();\r\n      resetBacklitCloseImg();\r\n\r\n      window.scene.groupApplyState(\"KB_GP\");\r\n      window.scene.groupApplyState(\"KB_REF_ON\");\r\n      window.scene.groupApplyState(\"DONGLE_GP_ON\");\r\n      window.scene.groupApplyState(\"DONGLE_ON\");\r\n      window.scene.groupApplyState(\"DONGLE_REFLECTION_ON\");\r\n      window.scene.groupApplyState(\"all_gp\");\r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () {\r\n         window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n         window.localStorage.setItem('hotspot','wirelessdesign')\r\n\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\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(\"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      \r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onKeysClick = (isNextPrevious) => {\r\n      console.log(\"----------------onKeysBtnClick\");\r\n\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      resetAll();\r\n      // reverseAll();\r\n      window.scene._nav.tempfRotMinLimit = 0.48;\r\n      // window.scene._nav._navMinDolly = 13;\r\n      // window.scene._nav._navMaxDolly = 21;\r\n      // window.scene._nav._navpanMax = [20,12];    //[left, bottom];\r\n      // window.scene._nav._navpanMin = [-20,-20];  //[right, top];\r\n      window.UniqDeltaScroll2 = true;\r\n      window.keysCam = true;\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      console.log(\"tiku\")\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      // window.scene._nav.tempfRotMinLimit = 0.48;\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('keysBtn').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      setSelectedButton('onKeysClick');\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Front view');\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      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.scene.clearRefine();\r\n      resetBacklitCloseImg();\r\n      window.scene.groupApplyState(\"KB_GP\");\r\n      window.scene.groupApplyState(\"KB_REF_ON\");\r\n      window.scene.groupApplyState(\"all_gp\");\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Key_Closeup',function () {\r\n         window.localStorage.setItem('hotspot','keys')  \r\n          bluetoothBlikingLoop();\r\n         clearBluetoothMainInterval.current = setInterval(() => {\r\n\r\n            bluetoothBlikingLoop();\r\n            // window.localStorage.setItem('hotspot','keys')\r\n         },6000)\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\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(\"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\r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onWorkspaceClick = (isNextPrevious) => {\r\n      console.log(\"----------------onWorkspaceBtnClick\");\r\n      // window.scene._nav._navMinDolly = 15;\r\n      // window.scene._nav._navMaxDolly = 27;\r\n      // window.scene._nav._panMax = [10,5];    //[left, bottom];\r\n      // window.scene._nav._panMin = [-15,-10];  //[right, top];\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      resetAll();\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('workspaceBtn').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      setSelectedButton('onWorkspaceClick');\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      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\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      window.scene.groupApplyState(\"all_gp\");\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         window.localStorage.setItem('hotspot','Workspace')\r\n\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\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(\"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     \r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onSideClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      reverseAll();\r\n      resetAll();\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      console.log(position.nintyDegree,position.currentPos);\r\n      window.scene._nav._fovRecoveryOffset = 15;\r\n      // window.UniqDeltaScroll = true;\r\n      // window.scene._nav._navMinDolly = 10;\r\n      setSelectedButton('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      window.localStorage.removeItem('currentBluetooth');\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      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n            resetBacklitCloseImg();\r\n      window.scene.groupApplyState(\"KB_GP\");\r\n      window.scene.groupApplyState(\"KB_REF_ON\");\r\n      window.scene.groupApplyState(\"all_gp\");\r\n      window.scene.groupApplyState(\"Side_GP\");\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n         \r\n         window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB\",0.4166,1000);\r\n         window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB.001\",0.4166,1000);\r\n         window.scene.animPlayInTime(\"Left_feet\",0.4166,1000);\r\n         window.scene.animPlayInTime(\"Right_feet\",0.4166,1000);\r\n         window.scene.animPlayInTime(\"Right_feet.001\",0.4166,1000);\r\n         window.scene.animPlayInTime(\"Left_feet.001\",0.4166,1000);\r\n         window.scene._nav._fovRecoveryOffset = 20;\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         setTimeout(function () {  \r\n            window.localStorage.setItem('hotspot','side');\r\n       },1200);\r\n        \r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\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         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\r\n      window.RT_RecordEvent(\"Product Type\",\"Right\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const onOverviewClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      console.log(position.nintyDegree,position.currentPos)\r\n      resetAll();\r\n      reverseAll();\r\n      window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB.001\",0.5,0);\r\n         window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB\",0.5,0);\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      setSelectedButton('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      window.localStorage.removeItem('currentBluetooth');\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('leftBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      (window.localStorage.getItem(\"hotspot\",\"right\"))\r\n\r\n      window.scene.groupApplyState(\"KB_GP\");\r\n      window.scene.groupApplyState(\"KB_REF_ON\");\r\n      window.scene.groupApplyState(\"DONGLE_GP_OFF\");\r\n      window.scene.groupApplyState(\"DONGLE_OFF\");\r\n      window.scene.groupApplyState(\"DONGLE_REFLECTION_OFF\");\r\n      window.scene.groupApplyState(\"TF_gp\");\r\n\r\n         window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB.001\",0.833,1000);\r\n         window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB\",0.833,1000);\r\n      \r\n\r\n         window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n       \r\n      GotoPosInTimeNamedValue('Render_Cam_F20_TF',function () {\r\n         \r\n         window.scene.animPlayInTime(\"Mode_Connection_Button\",0.0416667,0);\r\n                  window.localStorage.setItem('hotspot','overview')\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(\"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(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"1\");\r\n\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      console.log(position.top,position.currentPos)\r\n      resetAll();\r\n      reverseAll();\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      setSelectedButton('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      window.localStorage.removeItem('currentBluetooth');\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('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      resetBacklitCloseImg();\r\n      reverseAll();\r\n      // window.scene.groupApplyState(\"KB_GP\");\r\n      // window.scene.groupApplyState(\"KB_REF_ON\");\r\n      window.scene.groupApplyState(\"all_gp\");\r\n\r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n         window.localStorage.setItem('hotspot','top')\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\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\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   // const onKeysClick = (isNextPrevious) => {\r\n\r\n   //    resetAll();\r\n   //    reverseAll();\r\n\r\n   //    window.scene._nav._navMinDolly = 25;\r\n   //    window.scene._nav._navMaxDolly = 50;\r\n\r\n   //    window.scene._nav.tempfRotMinLimit = -0.04;\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   //    console.log(\"Ecosystem\");\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('ecoSystemBtn').classList.add('active');\r\n   //    window.localStorage.setItem(\"position\",\"reset\");\r\n   //    var currentPosName = position.currentPos;\r\n   //    selectedButton = 'onKeysClick';\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   //    window.localStorage.removeItem('hotspot');\r\n\r\n   //    window.scene.clearRefine();\r\n\r\n   //    window.scene.groupApplyState(\"Seturp_ON\");\r\n   //    // window.scene.groupApplyState(\"REF_BOX_OFF\");\r\n   //    window.scene.groupApplyState(\"ECO_GP\");\r\n   //    window.scene.groupApplyState(\"ECO_REF_ON\");\r\n\r\n   //    window.scene.animPlayInTime(\"DE_1496_CA_Wireless_KB_HPB\",0.83,0);\r\n   //    window.scene.animPlayInTime(\"CA_KB_HBD\",0.83,0);\r\n\r\n   //    window.scene.animPlayInTime(\"DELL_KM717_Mouse\",0.83,0);\r\n   //    window.scene.animPlayInTime(\"Mouse_ref\",0.83,0);\r\n\r\n   //    window.scene.animPlayInTime(\"Reflection\",0.83,0);\r\n\r\n\r\n   //    GotoPosInTimeNamedValue('Render_Cam_F20_Ecosystem',function () {\r\n   //       // window.scene.groupApplyState(\"Seturp_ON\");\r\n   //       if (isNextPrevious != true) {\r\n   //          // alert(\"isNextPrevious\");0.0416667\r\n   //          window.document.getElementById(\"hotspot1demo\").focus();\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\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\r\n   // }\r\n\r\n\r\n   //menucolor\r\n\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 resetMode = () => {\r\n      setSelectedButton('onResetMode');\r\n      GotoPosInTimeNamedValue('Render_Cam_F00_RT_ncl1_1',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 == 'onWirelessDesignClick') {\r\n         console.log(\"front onreset\")\r\n         onWirelessDesignClick();\r\n      }\r\n      else if (selectedButton == 'onWorkspaceClick') {\r\n         console.log(\"front onreset\")\r\n         onWorkspaceClick();\r\n      }\r\n      else if (selectedButton == 'onKeysClick') {\r\n         console.log(\"front onreset\")\r\n         onKeysClick();\r\n      }\r\n      else if (selectedButton == 'onTopClick') {\r\n         console.log(\"top onreset\")\r\n         onTopClick();\r\n      }\r\n\r\n      else if (selectedButton == 'onSideClick') {\r\n         onSideClick();\r\n      }\r\n      else if (selectedButton == 'onOverviewClick') {\r\n         onOverviewClick();\r\n      }\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_L',function () {\r\n\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      }\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 = 'onKeysClick';\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 = 'onKeysClick';\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') onWirelessDesignClick(true);\r\n\r\n      else if (prevButton == 'onKeysClick') {\r\n         onKeysClick(true);\r\n         setExpandedPanel(\"panel1\");\r\n      }\r\n      else if (prevButton == 'onTopClick') onTopClick(true);\r\n      // else if (prevButton == 'onSideClick') onSideClick(true);\r\n      else if (prevButton == 'onSideClick') {\r\n         onSideClick(true);\r\n         setExpandedPanel(\"panel1\");\r\n\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   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 == 'onKeysClick') {\r\n            nextButton = 'onOverviewClick';\r\n         } else {\r\n            nextButton = buttonSeq180[selectedButtonIndex + 1];\r\n         }\r\n\r\n      }\r\n      else {\r\n         var nextButton;\r\n         var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onKeysClick') {\r\n            nextButton = 'onOverviewClick';\r\n         } else {\r\n            nextButton = buttonSeq[selectedButtonIndex + 1];\r\n         }\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 == 'onWirelessDesignClick') { onWirelessDesignClick(true); }\r\n\r\n      else if (nextButton == 'onKeysClick') { onKeysClick(true); }\r\n      else if (nextButton == 'onTopClick') onTopClick(true);\r\n      else if (nextButton == 'onSideClick') onSideClick(true);\r\n\r\n\r\n      // else if (nextButton == 'openCloseClick') {\r\n      //    openCloseClick(true);\r\n      //    setExpandedPanel(\"panel3\");\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   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   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   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            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            //  document.getElementById('footerControIpad').style.transition = \"bottom 0.2s linear\";\r\n            //  document.getElementById('footerControIpad').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\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            },150);\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\" onKeysBtnClick={onKeysClick} onWirelessDesignBtnClick={onWirelessDesignClick} onWorkspaceBtnClick={onWorkspaceClick} onTopBtnClick={onTopClick} onLeftBtnClick={onOverviewClick} onRightBtnClick={onSideClick} imgfront={laptop360FrontImg} imgKeys={laptop360KeysImg} imgtop={laptop360TopImg} imgleft={laptop360LeftImg} imgeco={laptop360EcoSystemImg} 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\n// import Avatars from \"./MenuComponents/Avatars\";\r\n// import 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\" className=\"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   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: \"absolute\",\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   useEffect((event) => {\r\n      ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\n      return () => {\r\n         return false\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                  {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={{ 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":""}