function closeBotfullyBot() {
  document.getElementById("botfullyContainer").style.width = "55px";
  document.getElementById("botfullyContainer").style.height = "55px";
  document.getElementById("botfullyContainer").style.opacity = "0";
  document.getElementById("botfullyContainer").style.visibility = "hidden";
  document.getElementById("botfullyContainer").style.transition = "all linear 500ms";
  document.getElementById("botfullyLauncher").style.display = "block";
}
function loadChatbot() {
  let body = document.getElementsByTagName("BODY")[0];
  let divBtn = document.createElement('div');
  divBtn.setAttribute('style', 'z-index:999; position:fixed; bottom:0px; right:0px');
  divBtn.setAttribute('onClick', 'openBotfullyBot()');
  divBtn.setAttribute('id', 'botfullyLauncher');
  // divBtn.innerHTML = "<button style='padding:5px; margin: 5px'>Chat</button>";
  divBtn.innerHTML = "<button class = 'dio-chat-button' id='chatbtn'>" + buttonIcon + "</button>";



  let divChat = document.createElement('div');
  divChat.setAttribute('style', 'z-index:9999; width: 0px;height: 0px; opacity :0; visibility:visible; position:fixed;  bottom:20px; right:20px;  border-top-left-radius:10px;border-top-right-radius:10px');
  divChat.setAttribute('id', 'botfullyContainer');
  divChat.innerHTML = 
      "<span style='position: absolute; right: 5px; top: 30px; padding-right:10px; float: right; font-weight: 600; cursor: pointer;color: white; font-size: 24px;' onClick='closeBotfullyBot()'><i class='fa fa-minus-square-o'></i></span>"
      + "<iframe style='height:525px; width:400px; box-shadow: 0 0 20px rgb(0 0 0 / 28%); border-radius: 9px;' frameBorder='0' src='https://cloud.botspice.com/public/63fb846e7dc40f0491eda793/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjaGF0Ym90Ijp7ImlkIjoiNjNmYjg0NmU3ZGM0MGYwNDkxZWRhNzkzIiwidXJsQm90Ijp0cnVlLCJwdWJsaXNoVHlwZSI6IndlYnNpdGUiLCJjcmVhdGVkQnkiOiI2M2ZiODFmNDdkYzQwZjA0OTFlZGE3MGMifSwic3ViIjoiNjNmYjg0NmU3ZGM0MGYwNDkxZWRhNzkzIiwiaWF0IjoxNjc3NTgyOTY3LCJleHAiOjE3MjA3ODI5Njd9.LGmx_pOiMXKNblPazHSaTh7UlwJzJjQyMieZa5boAwQ"
      + "'></iframe>";
  body.appendChild(divBtn);
  
  body.appendChild(divChat);
  
}
function openBotfullyBot(){
  document.getElementById("botfullyContainer").style.width = "400px";
  document.getElementById("botfullyContainer").style.height = "525px";
  document.getElementById("botfullyContainer").style.opacity = "1";
  document.getElementById("botfullyContainer").style.visibility = "visible";
  document.getElementById("botfullyContainer").style.transition = "all linear 100ms";
  document.getElementById("botfullyLauncher").style.display = "none";
  //document.getElementById("botfullyPrompt").style.display = "none";
}
function closeBotfullyPrompt() {
  document.getElementById("botfullyPrompt").style.display = "none";

}
window.load = loadChatbot();