text: /**
   * @author Vinit Shahdeo
   * @email vinitshahdeo@gmail.com
   */
  var count = 0;
  $("#banner").fadeTo(4000, 500).slideUp(500, function(){
    $("#banner").slideUp(500);
  });
  $("#developer").fadeTo(4000, 500).slideUp(500, function(){
    $("#developer").slideUp(500);
  });
  function setCookieCount(){
  chrome.cookies.getAll({},function(cookies){
      count=cookies.length;
      document.getElementById("cookie-counter").innerHTML = count;
  });
  }
  
  setCookieCount();
  
  function displayCookies(){
  
    setCookieCount();
    
    document.getElementById("cookie").style.display="none";
    
    var tableLog = document.getElementById("cookieslog");
    tableLog.style.display="table";
    tableLog.innerHTML = "";
    
    var domain = document.getElementById("url").value;
    //var tarea_regex = /(http(s?))\:\/\//gi;
    if(domain=="" || domain==null){
      document.getElementById("banner").style.display="block";
      document.getElementById("message").style.display-"block";
      document.getElementById("banner").style.className="alert alert-danger alert-dismissible";
      document.getElementById("message").innerHTML="Invalid URL! <strong>Hint</strong> : Please enter <strong>complete url</strong> including <kbd>http://</kpd> or <kpd>https://</kpd> below and press <span class='label label-primary'>Display Cookies</span>"
    }
    if(!(domain.indexOf("http://") == 0 || domain.indexOf("https://") == 0)){
      document.getElementById("banner").style.display="block";
      document.getElementById("message").style.display="block";
      document.getElementById("banner").style.className="alert alert-danger alert-dismissible";
      document.getElementById("message").innerHTML="Invalid URL! <strong>Hint</strong> : Please enter <strong>complete url</strong> including <kbd>http://</kbd> or <kbd>https://</kbd> below and press <span class='label label-primary'>Display Cookies</span>";
    }
    else{
      document.getElementById("banner").style.display="none";
      chrome.cookies.getAll({url:domain},function(cookies){
      //var row = tableLog.insertRow(-1);
    
      for(var i in cookies){
  
        
        if(i==0){
          var firstRow = tableLog.insertRow(-1);
          firstRow.insertCell(0).innerHTML="<strong>NAME</strong>";
          firstRow.insertCell(1).innerHTML="<strong>VALUE</strong>";
        }
        
        console.log(cookies[i]);
        //var row = "<tr><td>"+cookies[i].name+"</td><td>"+cookies[i].value+"</td></tr>";
        var row = tableLog.insertRow(-1);
        var value = cookies[i].value;
        var name = cookies[i].name;
        
        if(name.length>10){
          name = name.substring(0,10);
          name+="...";
        }
        if(value.length>15){
          value = value.substring(0,15);
          value+="...";
        }
        row.insertCell(0).innerHTML = name;
        row.insertCell(1).innerHTML = value;
      }
    });
  }
  }
  
  function setCookies(){
    document.getElementById("cookieslog").style.display="none";
    var domain = document.getElementById("url").value;
    var name = document.getElementById("key").value;
    var value = document.getElementById("value").value;
    var input = document.getElementById("cookie").style.display="block";
    var banner = document.getElementById("banner");
    banner.style.display="block";
    banner.className="alert alert-info alert-dismissible"
    document.getElementById("message").innerHTML = "Please enter the <strong>url</strong>, <strong>name</strong> and <strong>value</strong> pair and click <span class='label label-success'>Set Cookies</span> button."
    if(domain=="" || domain==null){
      document.getElementById("message").innerHTML = "Please enter the <kbd>url</kbd>, <kbd>name</kbd> & <kbd>value</kbd> pair and click <span class='label label-success'>Set Cookies</span> button."
    }
    else if(name=="" || name==null || value=="" || value==null){
      banner.className="alert alert-warning alert-dismissible";
      document.getElementById("message").innerHTML = "Please enter the <code>name</code> and <code>value</code> pair and click <span class='label label-success'>Set Cookies</span> button."
    }
    else{
    chrome.cookies.set({url:domain,name:name,value:value,expirationDate : 1610701693},function(cookie){
      console.log("cookie is set");
  
      document.getElementById("banner").className="alert alert-success alert-dismissible";
      document.getElementById("message").innerHTML = "<strong>SUCCESS!</strong> Cookies is set for <strong>"+domain+"</strong>";
      console.log(cookie);
      var name = document.getElementById("key").value="";
      var value = document.getElementById("value").value="";
      $("#banner").fadeTo(2000, 500).slideUp(500, function(){
        $("#banner").slideUp(500);
      });
      setCookieCount();
    });
  }
  }
   //displayCookies();
   //setCookies();
  function onCookieChanged(){
    chrome.cookies.onChanged.addListener(function(cookies){
        console.log("cookies are being changed ", cookies.cookie.domain);
        console.log(cookies);
    });
  }
  
  onCookieChanged();
  
    function clearAllCookies(){
      console.log("cookies cleared");
      chrome.cookies.getAll({}, function(cookies) {
          for (var i in cookies) {
            removeCookie(cookies[i]);
          }
        });
        document.getElementById("banner").className="alert alert-danger alert-dismissible";
        document.getElementById("message").innerHTML = "All Cookies are cleared!";
        setCookieCount();
    }
    
    function removeCookie(cookie) {
      var url = "http" + (cookie.secure ? "s" : "") + "://" + cookie.domain +
                cookie.path;
      chrome.cookies.remove({"url": url, "name": cookie.name});
    }
    
    function updateBanner(){
      document.getElementById("banner").style.display="none";
    }
  
    document.addEventListener('DOMContentLoaded', function() {
      var clear_Cookies = document.getElementById("confirmDelete")//("clear_cookies");
      var set_Cookies = document.getElementById("set_cookies");
      var display_Cookies = document.getElementById("display_cookies");
      var url = document.getElementById("url");
      // onClick's logic below:
      clear_Cookies.addEventListener('click', function() {
          clearAllCookies();
      });
      set_Cookies.addEventListener('click',function(){
          setCookies();
      });
      display_Cookies.addEventListener('click',function(){
          displayCookies();
      });
      url.addEventListener('blur',function(){
          updateBanner();
      });
  });
  