var allTabMax = 20; // максимальное число табов 
var tabArray = [];  

// Отслеживать открытие, закрытие вкладок и восстановление сессии ..... 
function tabHandler(e) {
   var tab = e.target; 
   var selTabPos = gBrowser.selectedTab._tPos;
   var xbw = XULBrowserWindow.statusTextField.label.split(' ')
      [(XULBrowserWindow.statusTextField.label.split(' ').length>1)+0];
   
   // прятать и закрывать лишние вкладки, сохранить их адреса в массив 
   if ( e.type !== "TabClose" && gBrowser.tabs.length > allTabMax ) {
        tabArray.push( (e.type == 'TabOpen') ? 
        (tab.label == "Новая вкладка") ? xbw : tab.label : 
        tab.linkedBrowser.contentDocument.location );
        tab.style.display = 'none';
        setTimeout(function() { gBrowser.removeTab( tab ); }, 150);     
    
    // открывать сохранение адреса и удалять их из массива     
    if ( e.type == "TabClose" && gBrowser.tabs.length < allTabMax && tabArray.length > 0 ) {
         gBrowser.loadOneTab( (tabArray.shift()).trim(), null, null, null, true, false);   }
};
var container = gBrowser.tabContainer;
addEventListener("TabOpen", tabHandler, true, container );
addEventListener("TabClose", tabHandler, false, container );
addEventListener("SSTabRestoring", tabHandler, false, container );

'use strict';

var {classes: Cc, interfaces: Ci, utils: Cu} = Components,
    helpCSS = encodeURIComponent(this.Help);
    
Cu.import("resource://gre/modules/Timer.jsm");
    
const sound = Cc['@mozilla.org/sound;1'].getService(Ci.nsISound),
      aFile = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile),
      as = Cc['@mozilla.org/alerts-service;1'].getService(Ci.nsIAlertsService),
      ios = Cc['@mozilla.org/network/io-service;1'].getService(Ci.nsIIOService),
      sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService),
      wm = Cc['@mozilla.org/appshell/window-mediator;1'].getService(Ci.nsIWindowMediator).getMostRecentWindow;

pref.root = 'extensions.custombuttons.soncoTimer' + this.id.match(/\d+/) + '.';
pref.defaults = {
  alertCancel: 'Do you wish to cancel the alert?',
  alertEmpty: 'Alert message',
  alertHour: 0,
  alertIcon: 'https://raw.githubusercontent.com/srazzano/Images/master/Aalarm.gif',
  alertLabel: 'Change Alert Icon',
  alertTerminatedIcon: 'https://raw.githubusercontent.com/srazzano/Images/master/Aclock1-48.png',
  alertMinute: 0,
  alertNo: 'No',
  alertSecond: 0,
  alertTerminated: 'Alert Terminated',
  alertTitle: 'Alert Notification',
  alertYes: 'Yes',
  am: 'AM',
  audio: true,
  audioFile: 'Sound',
  audioLabel: 'Play Sound File',
  cancel: 'Cancel',
  clear: 'Clear Message Field',
  close: 'Close',
  countdown: 0,
  editPreset: 'Edit Presets',
  getFile: 'Get Sound File',
  getIcon: 'Change Toolbarbutton Icon',
  hours: 12,
  hour12Label: '12hr',
  hour24Label: '24hr',
  hrLabel: 'Hrs',
  image: 'https://raw.githubusercontent.com/srazzano/Images/master/Aclock1-16.png',
  imageLabel: 'Change Button Icon',
  message: '',
  messageLabel: 'Message:',
  minLabel: 'Min',
  pm: 'PM',
  posAlertLeft: 200,
  posAlertTop: 200,
  posEditLeft: 200,
  posEditTop: 200,
  posTimerLeft: 200,
  posTimerTop: 200,
  preset1: 'Preset Message 1',
  preset2: 'Preset Message 2',
  preset3: 'Preset Message 3',
  preset4: 'Preset Message 4',
  preset5: 'Preset Message 5',
  presetLabel1: 'Preset 1',
  presetLabel2: 'Preset 2',
  presetLabel3: 'Preset 3',
  presetLabel4: 'Preset 4',
  presetLabel5: 'Preset 5',
  reset1: 'Clear Hrs Field',
  reset2: 'Clear Min Field',
  reset3: 'Clear Sec Field',
  repeat: 'Repeat',
  secLabel: 'Sec',
  showTime: true,
  showTimeLabel: 'Show Current Time',
  soundFile: 'C:\\Windows\\Media\\notify.wav',
  soundFileLabel: 'Sound File',
  startTimer: 'Start Timer',
  timer: 'Duration:',
  timerNotSet: 'Timer not set',
  timerTitle: 'Timer Notification',
  timerWarning: 'https://raw.githubusercontent.com/srazzano/Images/master/Aalarm2-64.png',
  timestart: '',
  tt1: 'Left-click to set timer',
  tt2: 'Middle-click to terminate the timer',
  tt3: 'Hover to view remainig time when active',
  tt4: 'SONCO Timer remaining time',
  urlbar: false,
  urlbarLabel: 'In Urlbar'
}

for (let key in pref.defaults) {
  if (pref.defaults.hasOwnProperty(key)) {
    let val = pref.defaults[key];
    switch (typeof val) {
      case 'boolean':
        Services.prefs.getDefaultBranch(pref.root).setBoolPref(key, val);
        break;
      case 'number':
        Services.prefs.getDefaultBranch(pref.root).setIntPref(key, val);
        break;
      case 'string':
        let str = Cc['@mozilla.org/supports-string;1'].createInstance(Ci.nsISupportsString);
        str.data = val;
        Services.prefs.getDefaultBranch(pref.root).setComplexValue((key), Ci.nsISupportsString, str);
        break;
} } }

pref.observe = function(prefs, callback) {
  let {root} = pref;
  function observe(subject, topic, data) {
    if (topic !== 'nsPref:changed') return;
    let pref = data.slice(root.length);
    if (prefs.indexOf(pref) === -1) return;
    callback(pref);
  }
  Services.prefs.addObserver(root, observe, false);
  unload => Services.prefs.removeObserver(root, observe);
}

var gRoot = Services.prefs.getBranch(pref.root),
    alertTimer = 0, dialog, curTime, remTime;

function pref(key) {
  let {branch, defaults} = pref;
  if (branch == null) branch = Services.prefs.getBranch(pref.root);
  switch (typeof defaults[key]) {
    case 'boolean': return branch.getBoolPref(key);
    case 'number': return branch.getIntPref(key);
    case 'string': return branch.getCharPref(key);
  }
  return null;
}

function getSS(filepath) { return ios.newURI('data:text/css,' + filepath, null, null) }

function loadSheet(filepath) { sss.loadAndRegisterSheet(getSS(filepath), sss.AGENT_SHEET) }

function unloadSheet(filepath) {
  let uri = getSS(filepath);
  if (sss.sheetRegistered(uri, sss.AGENT_SHEET)) sss.unregisterSheet(uri, sss.AGENT_SHEET);
}

function getCurrentTime() {
  if (pref('showTime')) {
    var today = new Date(),
        h = today.getHours(),
        m = today.getMinutes(),
        s = today.getSeconds(),
        ampm = '';
    m = checkCurrentTime(m);
    s = checkCurrentTime(s);
    if (pref('hours') === 12) {
      ampm = (h < 12) ? pref('am') : pref('pm');
      if (h > 12) {h = h - 12;}
      if (h === 0) {h = 12;}
    }
    if (wm('sonco:timer')) var mrw = wm('sonco:timer');
    else var mrw = wm('sonco:alert');
    mrw.document.getElementById('time').value = h + ':' + m + ':' + s + ' ' + ampm;
} }

function checkCurrentTime(i) {
  if (i < 10) {i = '0' + i};
  return i;
}

function formatTimeDuration(millisec) {
  var seconds = (millisec / 1000).toFixed(0),
      minutes = Math.floor(seconds / 60),
      hours = '';
  if (minutes > 59) {
    hours = Math.floor(minutes / 60);
    minutes = minutes - (hours * 60);
  }
  minutes = (minutes >= 10) ? minutes : '0' + minutes;
  seconds = Math.floor(seconds % 60);
  seconds = (seconds >= 10) ? seconds : '0' + seconds;
  if (hours != '') return hours + ':' + minutes + ':' + seconds;
  return '0:' + minutes + ':' + seconds;
}

function remainingTime() {
  if (pref('countdown')) {
    var val = Date.now() - pref('timestart'),
        diff = getTimerDuration() - parseInt(val),
        mrw = wm('sonco:timer'),
        mrd = wm('navigator:browser');
    mrd.document.getElementById('sonco-time-remaining').value = formatTimeDuration(diff);
    mrw.document.getElementById('remaining').value = formatTimeDuration(diff);
  } else mrw.document.getElementById('remaining').value = '';
}

function getTimerDuration() {
  var a = pref('alertHour'), h = a * 3600000,
      b = pref('alertMinute'), m = b * 60000,
      c = pref('alertSecond'), s = c * 1000;
  return h + m + s;
}

this.image = pref('image');
this.tooltipText = this.label + '\n\u2022 ' + pref('tt1') + '\n\u2022 ' + pref('tt2');

loadSheet(helpCSS);

this.onclick = function(e) {
  if (e.button == 0) {
    if (wm('sonco:timer')) {
      wm('sonco:timer').focus();
      return;
    }
    this.onTimer();
  }
  if (e.button === 1) {
    if (wm('sonco:alert')) wm('sonco:alert').close();
    if (wm('sonco:timer')) wm('sonco:timer').close();
    var el = document.getElementById('sonco-time-remaining'),
        mra = wm('sonco:alert'),
        mrt = wm('sonco:timer');
    if (pref('countdown')) as.showAlertNotification(pref('alertTerminatedIcon'), pref('alertTitle'), pref('alertTerminated'), false, '', null);
    gRoot.setIntPref('countdown', 0);
    gRoot.setCharPref('timestart', '');
    el.parentNode.removeChild(el);
    clearInterval(curTime);
    clearInterval(remTime);
    alertTimer = 0;
} }

this.onAlert = function() {
  if (pref('countdown') === 0) return;
  var data = '<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?>\
    <window xmlns="' + xulns + '" windowtype="sonco:alert" id="soncoAlert" title="' + pref("alertTitle") + '" \
      minwidth="300" onload="self.onAlertLoad(this)" onclose="self.onAlertClose(this)">\
      <keyset><key keycode="VK_ESCAPE" oncommand="close()"/></keyset>\
      <hbox id="hbox1" class="hbox" align="center">\
        <vbox id="vbox1">\
          <textbox id="time" class="textbox"/>\
          <hbox id="image-container" pack="center">\
            <image id="alertImage" src="' + pref("alertIcon") + '"/>\
          </hbox>\
        </vbox>\
        <textbox id="alertMessage" class="textbox" value="' + pref("message") + '" multiline="true" rows="4" flex="1"/>\
      </hbox>\
      <hbox id="buttonGroup" class="hbox" align="center">\
        <button id="alertIcon" class="button" label="' + pref("alertLabel") + '" oncommand="self.onButton(this)"/>\
        <spacer id="alert-spacer" flex="1"/>\
        <button id="repeat" class="button" label="' + pref("repeat") +'" oncommand="self.onButton(this); close()"/>\
      </hbox>\
    </window>';
  data = data.replace(/self/g, 'opener.document.getElementById(&quot;' + self.id + '&quot;)');
  var url = 'data:application/vnd.mozilla.xul+xml;text/plain,' + encodeURIComponent(data);
  dialog = window.openDialog(url, '', 'chrome,dialog=no,resizable');
}

this.onAlertLoad = function(e) {
  var mrw = wm('navigator:browser');
  mrw.document.getElementById(self.id).hidden = false;
  e.document.getElementById('time').hidden = !pref('showTime');
  gRoot.setIntPref('countdown', 0);
  gRoot.setCharPref('timestart', '');
  e.moveTo(pref('posAlertLeft'), pref('posAlertTop'));
  wm('sonco:timer').close()
  alertTimer = 0;
  clearInterval(remTime);
  if (pref("showTime")) curTime = setInterval(getCurrentTime, 200);
  else clearInterval(curTime);
  e.removeAttribute('height');
  e.sizeToContent();
}

this.onAlertClose = function(e) {
  gRoot.setIntPref("posAlertLeft", e.screenX);
  gRoot.setIntPref("posAlertTop", e.screenY);
  clearInterval(curTime);
}

this.onButton = function(e) {
  switch (e.id) {
    case 'audioFile':
      var mrw = wm('sonco:timer'),
          fp = Cc['@mozilla.org/filepicker;1'].createInstance(Ci.nsIFilePicker);
      fp.init(window, null, fp.modeOpen);
      fp.appendFilters(fp.filterAudio);
      if (fp.show() != fp.returnCancel) {
        var file = fp.fileURL.spec.replace('file:///', '').replace(/\//g, '\\').replace(/%20/g, ' ');
        gRoot.setCharPref('soundFile', file);
        e.nextSibling.value = file;
      }
      mrw.focus();
      break;
    case 'image': case 'alertIcon':
      if (e.id === 'image') var mrw = wm('sonco:timer');
      else var mrw = wm('sonco:alert');
      var fp = Cc['@mozilla.org/filepicker;1'].createInstance(Ci.nsIFilePicker);
      fp.init(window, null, fp.modeOpen);
      fp.appendFilters(fp.filterImages);
      if (fp.show() != fp.returnCancel) {
        var url = fp.fileURL.spec;
        gRoot.setCharPref(e.id, url);
        if (e.id === 'image') {
          e.nextSibling.src = url;
          wm('navigator:browser').document.getElementById(this.id).image = pref('image');
        }
        if (e.id === 'alertIcon') {
          var mrw = wm('sonco:alert');
          mrw.document.getElementById('alertImage').src = pref('alertIcon');
      } }
      mrw.focus();
      break;
    case 'startTimer':
      var mrw = wm('sonco:timer');
      this.onStartTimer();
      mrw.close();
      break;
    case 'repeat':
      this.onStartTimer();
      break;
    case 'preset1': case 'preset2': case 'preset3': case 'preset4': case 'preset5':
      var mrw = wm('sonco:timer');
      mrw.document.getElementById('message').value = pref(e.id);
      gRoot.setCharPref('message', mrw.document.getElementById('message').value);
      break;
    case 'reset1': case 'reset2': case 'reset3':
      var mrw = wm('sonco:timer');
      e.previousSibling.value = '';
      e.previousSibling.select();
      break;
    case 'clear':
      var mrw = wm('sonco:timer');
      mrw.document.getElementById('message').value = '';
      mrw.document.getElementById('message').select();
      gRoot.setCharPref('message', '');
      break;
    case 'editPreset':
      this.onEdit();
      break;
} }

this.onCheckbox = function(e) { 
  gRoot.setBoolPref(e.id, pref(e.id) !== false ? false : true);
  if (e.id === 'url') {
    var mrw = wm('navigator:browser'),
        textbox = mrw.document.getElementById('sonco-time-remaining');
    mrw.document.removeElement(tetbox);
  }
  if (e.id === 'showTime') {
    var mrt = wm('sonco:timer');
    mrt.document.getElementById('time').hidden = !pref('showTime');
    if (pref('showTime'))  curTime = setInterval(getCurrentTime, 200);
    else clearInterval(curTime);
    e.nextSibling.disabled = !pref('showTime');
} }

this.onDestroy = function(reason) {
  if (reason === 'delete') {
    clearInterval(curTime);
    clearInterval(remTime);
    unloadSheet(this.Help);
} }

this.onEdit = function() {
  if (wm('sonco:edit')) {
    wm('sonco:edit').focus();
    return;
  }
  var data = '<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?>\
    <window xmlns="' + xulns + '" windowtype="sonco:edit" id="soncoEdit" title="' + pref("editPreset") + '" \
      minwidth="445" onload="self.onEditLoad(this)" onclose="self.onEditClose(this)" persist="width height screenX screenY">\
      <keyset><key keycode="VK_ESCAPE" oncommand="close()"/></keyset>\
      <hbox id="hbox1" class="hbox" align="center">\
        <label class="label" value="' + pref("presetLabel1") + '"/>\
        <textbox id="preset1" class="textbox" value="' + pref("preset1") + '" multiline="true" rows="1" flex="1" \
          oninput="self.onTextbox(this)" placeholder="' + pref("alertEmpty") + '"/>\
      </hbox>\
      <hbox id="hbox2" class="hbox" align="center">\
        <label class="label" value="' + pref("presetLabel2") + '"/>\
        <textbox id="preset2" class="textbox" value="' + pref("preset2") + '" multiline="true" rows="1" flex="1" \
          oninput="self.onTextbox(this)" placeholder="' + pref("alertEmpty") + '"/>\
      </hbox>\
      <hbox id="hbox3" class="hbox" align="center">\
        <label class="label" value="' + pref("presetLabel3") + '"/>\
        <textbox id="preset3" class="textbox" value="' + pref("preset3") + '" multiline="true" rows="1" flex="1" \
          oninput="self.onTextbox(this)" placeholder="' + pref("alertEmpty") + '"/>\
      </hbox>\
      <hbox id="hbox4" class="hbox" align="center">\
        <label class="label" value="' + pref("presetLabel4") + '"/>\
        <textbox id="preset4" class="textbox" value="' + pref("preset4") + '" multiline="true" rows="1" flex="1" \
          oninput="self.onTextbox(this)" placeholder="' + pref("alertEmpty") + '"/>\
      </hbox>\
      <hbox id="hbox5" class="hbox" align="center">\
        <label class="label" value="' + pref("presetLabel5") + '"/>\
        <textbox id="preset5" class="textbox" value="' + pref("preset5") + '" multiline="true" rows="1" flex="1" \
          oninput="self.onTextbox(this)" placeholder="' + pref("alertEmpty") + '"/>\
      </hbox>\
    </window>';
  data = data.replace(/self/g, 'opener.document.getElementById(&quot;' + self.id + '&quot;)');
  var url = 'data:application/vnd.mozilla.xul+xml;text/plain,' + encodeURIComponent(data);
  dialog = window.openDialog(url, '', 'chrome,dialog=no,resizable');
  dialog.focus();
}

this.onEditLoad = function(e) { e.moveTo(pref("posEditLeft"), pref("posEditTop")) }

this.onEditClose = function(e) {
  gRoot.setIntPref("posEditLeft", e.screenX);
  gRoot.setIntPref("posEditTop", e.screenY);
  wm('sonco:timer').close();
  this.onTimer();
}

this.onRadio = function(e) { gRoot.setIntPref(e.id, e.value) }

this.onRemaining = function(e) {
  if (e === 0) self.onTimer();
  if (e === 1) {
    var mrw = wm('navigator:browser'),
        mrd = wm('sonco:timer'),
        toolbar = mrw.document.getElementById('sonco-time-remaining');
    as.showAlertNotification(pref('alertTerminatedIcon'), pref('alertTitle'), pref('alertTerminated'), false, '', null);
    toolbar.parentNode.removeChild(toolbar);
    mrw.document.getElementById(self.id).hidden = false;
    gRoot.setIntPref('countdown', 0);
    gRoot.setCharPref('timestart', '');
    mrd.close();
    clearInterval(curTime);
    clearInterval(remTime);
    alertTimer = 0;
} }

this.onRemoveTime = function() {
  var mrw = wm('navigator:browser'),
      mrt = wm('sonco:timer');
  if (pref('urlbar')) var toolbar = mrw.document.getElementById('urlbar');
  else {
    var toolbar = mrw.document.getElementById(this.parentNode.id)
    mrw.document.getElementById(self.id).hidden = false;
  }
  toolbar.removeChild(document.getElementById('sonco-time-remaining'));
  mrt.document.getElementById('remaining').value = '';
}

this.onStartTimer = function() {
  if (!getTimerDuration()) {
    as.showAlertNotification(pref('timerWarning'), pref('timerTitle'), pref('timerNotSet'), false, '', null);
    return;
  }
  var start = new Date(),
      mrw = wm('navigator:browser'),
      tbIcon = mrw.document.getElementById(self.id),
      textbox = mrw.document.createElement('textbox');
  gRoot.setIntPref('countdown', getTimerDuration());
  gRoot.setCharPref('timestart', start.getTime());
  textbox.id = 'sonco-time-remaining';
  textbox.tooltipText = pref('tt4') + '\n\u2022 ' + pref('tt1') + '\n\u2022 ' + pref('tt2');
  textbox.onclick = function(e){self.onRemaining(e.button);}
  if (pref('urlbar')) {
    var toolbar = mrw.document.getElementById('urlbar');
    toolbar.appendChild(textbox);
    tbIcon.hidden = false;
  } else {
    var toolbar = mrw.document.getElementById(self.parentNode.id);
    toolbar.insertBefore(textbox, self.nextSibling);
    tbIcon.hidden = true;
  }
  remTime = setInterval(remainingTime, 200);
  alertTimer = setTimeout(function() {
    if (pref('audio') && pref('soundFile')) {
      var file = pref('soundFile').replace('file:///', '').replace(/\//g, '\\');
      aFile.initWithPath(file);
      sound.play(ios.newFileURI(aFile));
    }
    toolbar.removeChild(textbox);
    self.onAlert();
  }, getTimerDuration());
}

this.onTextbox = function(e) {
  if (e.id.match('alert')) {
    var mrw = wm('navigator:browser');
    e.value = e.value.replace(/[^\d+]/g, '');
    gRoot.setIntPref(e.id, e.value);
    mrw.document.getElementById(self.id).hidden = false;
    gRoot.setIntPref('countdown', 0);
    gRoot.setCharPref('timestart', '');
    alertTimer = 0;
  } else {
    gRoot.setCharPref(e.id, e.value);
    gRoot.setCharPref('message', e.value);
} }

this.onTimer = function() {
  var data = '<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?>\
    <window xmlns="' + xulns + '" windowtype="sonco:timer" id="soncoTimer" title="' + this.label + '" \
      onload="self.onTimerLoad(this)" onclose="self.onTimerClose(this)">\
      <keyset><key keycode="VK_ESCAPE" oncommand="close()"/></keyset>\
      <hbox id="hbox1" class="hbox" align="center">\
        <label id="timer" class="caption" value="' + pref("timer") + '"/>\
        <textbox id="alertHour" class="integer" value="' + pref("alertHour") + '" oninput="self.onTextbox(this)" \
          onmousedown="self.onRemoveTime()"/>\
        <button id="reset1" class="reset button" label="' + pref("hrLabel") + '" tooltiptext="' + pref("reset1") + '" \
            oncommand="self.onButton(this)"/>\
        <textbox id="alertMinute" class="integer" value="' + pref("alertMinute") + '" oninput="self.onTextbox(this)" \
          onmousedown="self.onRemoveTime()"/>\
        <button id="reset2" class="reset button" label="' + pref("minLabel") + '" tooltiptext="' + pref("reset2") + '" \
            oncommand="self.onButton(this)"/>\
        <textbox id="alertSecond" class="integer" value="' + pref("alertSecond") + '" oninput="self.onTextbox(this)" \
          onmousedown="self.onRemoveTime()"/>\
        <button id="reset3" class="reset button" label="' + pref("secLabel") + '" tooltiptext="' + pref("reset3") + '" \
            oncommand="self.onButton(this)"/>\
        <textbox id="time" class="textbox"/>\
        <textbox id="remaining" class="textbox"/>\
      </hbox>\
      <hbox id="hbox2" class="hbox" align="center">\
          <label id="messageLabel" class="caption" value="' + pref("messageLabel") + '"/>\
          <button id="preset1" class="preset" label="' + pref("presetLabel1") + '" tooltiptext="' + pref("preset1") + '" \
            oncommand="self.onButton(this)"/>\
          <button id="preset2" class="preset" label="' + pref("presetLabel2") + '" tooltiptext="' + pref("preset2") + '" \
            oncommand="self.onButton(this)"/>\
          <button id="preset3" class="preset" label="' + pref("presetLabel3") + '" tooltiptext="' + pref("preset3") + '" \
            oncommand="self.onButton(this)"/>\
          <button id="preset4" class="preset" label="' + pref("presetLabel4") + '" tooltiptext="' + pref("preset4") + '" \
            oncommand="self.onButton(this)"/>\
          <button id="preset5" class="preset" label="' + pref("presetLabel5") + '" tooltiptext="' + pref("preset5") + '" \
            oncommand="self.onButton(this)"/>\
          <spacer id="spacer1" class="spacer" flex="1"/>\
          <button id="clear" class="button" tooltiptext="' + pref("clear") + '" \
            oncommand="self.onButton(this)"/>\
      </hbox>\
      <hbox id="hbox3" class="hbox" align="center">\
        <textbox id="message" class="textbox" value="' + pref("message") + '" oninput="self.onTextbox(this)" \
          multiline="true" rows="1" flex="1" placeholder="' + pref("alertEmpty") + '"/>\
      </hbox>\
      <hbox id="hbox4" class="hbox" align="center">\
        <button id="audioFile" class="button" label="' + pref("audioFile") + '" tooltiptext="' + pref("getFile") + '" \
          oncommand="self.onButton(this)"/>\
        <textbox id="soundFile" class="textbox" flex="1" value="' + pref("soundFile") + '" placeholder="' + pref("soundFileLabel") + '"/>\
      </hbox>\
      <hbox id="hbox5" class="hbox" align="center">\
        <checkbox id="urlbar" class="checkbox" label="' + pref("urlbarLabel") + '" checked="' + pref("urlbar") + '" \
          oncommand="self.onCheckbox(this)"/>\
        <checkbox id="audio" class="checkbox" label="' + pref("audioLabel") + '" checked="' + pref("audio") + '" \
          oncommand="self.onCheckbox(this)"/>\
        <checkbox id="showTime" class="checkbox" label="' + pref("showTimeLabel") + '" checked="' + pref("showTime") + '" \
          oncommand="self.onCheckbox(this)"/>\
        <radiogroup id="hours" value="' + pref("hours") + '" orient="horizontal" onclick="self.onRadio(this)">\
          <radio id="hour12" class="radio" label="' + pref("hour12Label") + '" value="12"/>\
          <radio id="hour24" class="radio" label="' + pref("hour24Label") + '" value="24"/>\
        </radiogroup>\
      </hbox>\
      <hbox id="buttonGroup" class="hbox" align="center">\
        <button id="image" class="button" label="' + pref("imageLabel") + '" tooltiptext="' + pref("getIcon") + '" \
          oncommand="self.onButton(this)"/>\
        <image id="imageIcon" src="' + pref("image") + '"/>\
        <spacer id="spacer2" class="spacer" flex="1"/>\
        <button id="editPreset" class="button" label="' + pref("editPreset") + '" oncommand="self.onButton(this)"/>\
        <button id="startTimer" class="button" label="' + pref("startTimer") + '" oncommand="self.onButton(this)"/>\
      </hbox>\
    </window>';
  data = data.replace(/self/g, 'opener.document.getElementById(&quot;' + self.id + '&quot;)');
  var url = 'data:application/vnd.mozilla.xul+xml;text/plain,' + encodeURIComponent(data);
  dialog = window.openDialog(url, '', 'chrome,dialog=no,resizable');
  dialog.focus();
}

this.onTimerLoad = function(e) {
  e.moveTo(pref("posTimerLeft"), pref("posTimerTop"));
  if (pref('showTime')) curTime = setInterval(getCurrentTime, 200);
  else clearInterval(curTime);
  e.document.getElementById('time').hidden = !pref('showTime');
  e.document.getElementById('hours').disabled = !pref('showTime');
  if (pref('countdown')) {
    remTime = setInterval(remainingTime, 200);
    e.document.getElementById('remaining').style.display = '-moz-box';
  } else {
    clearInterval(remTime);
    e.document.getElementById('remaining').value= '';
    e.document.getElementById('remaining').style.display = 'none';
} }

this.onTimerClose = function(e) {
  gRoot.setIntPref("posTimerLeft", e.screenX);
  gRoot.setIntPref("posTimerTop", e.screenY);
  clearInterval(curTime);
  clearInterval(remTime);
}

// BUTTON ATTRIBUTES
// Name: SONCO Timer
// Author: Sonny Razzano a.k.a. srazzano
// Updated: Oct 15, 2017
// Download: https://sonco.synthasite.com/custom-buttons-%E2%96%BA.php
// Discussion: http://custombuttons.sourceforge.net/forum/viewtopic.php?f=4&t=866