options.js

window.onload = function(){

  var input = document.getElementById("time_out");
  var addUrl = document.getElementById("add_url");
  var urlList = document.getElementById("urls");
  var save = document.getElementById("save");

  // show user specfied time or default
  localStorage["Tabby_time_out"] ? input.value = localStorage["Tabby_time_out"] : input.value = 10;

  if (localStorage["Tabby_whitelist"]) populateList();

  function populateList(){
    var firstField = document.getElementById("whitelist_0");
    urlList.removeChild(firstField);
    var urls = JSON.parse(localStorage["Tabby_whitelist"]);
    for(i = 0; i < urls.length; i++) {
      if (urls[i]) {
        var newUrl = document.createElement("input");
        newUrl.className = "whitelist";
        newUrl.value = urls[i];
        var inputFields = document.getElementsByClassName("whitelist");
        urlList.insertBefore(newUrl, inputFields[0]);
      }
    }
  }

  addUrl.addEventListener("click", function() {
    var newUrl = document.createElement("input");
    newUrl.className = "whitelist";
    var inputFields = document.getElementsByClassName("whitelist");
    urlList.insertBefore(newUrl, inputFields[inputFields.length]);
  }, false);

  save.addEventListener("click", function(){
    // save timeout
    var input = document.getElementById("time_out");
    var time_out = input.value;
    localStorage["Tabby_time_out"] = time_out;

    // save whitelist
    var urls = document.getElementsByClassName("whitelist"), urlList = [];
    for (i=0; i < urls.length; i++) {
      if (urls[i].value && urls[i].value !== "") urlList.push(urls[i].value);
    }
    localStorage["Tabby_whitelist"] = JSON.stringify(urlList);
    chrome.extension.getBackgroundPage().updateSetting();
    // Update status to let user know options were saved.
    save.innerHTML = "Saved!";
    setTimeout(function() {
      save.innerHTML = "Save Settings";
    }, 750);
  }, false);

}