From 06be6f05e71c930163d8e951acc1609e8f671a83 Mon Sep 17 00:00:00 2001
From: Andrew Van Tassel <andrew@andrewvantassel.com>
Date: Mon, 26 Dec 2016 11:28:59 -0700
Subject: [PATCH] Moved MailHops to a notification bar

---
 chrome.manifest                               |   6 +-
 .../images/btn-add-to-slack-122x35.png        | Bin 0 -> 3921 bytes
 chrome/content/images/refresh.png             | Bin 0 -> 1071 bytes
 chrome/content/mailhops.js                    |  10 +-
 chrome/content/msgNotificationBar.js          | 348 ++++++++++++++++++
 chrome/content/msgNotificationBar.xul         |  45 +++
 chrome/content/pb-overlay.js                  | 277 +++++++-------
 chrome/content/pb-overlay.xul                 |  10 +
 chrome/content/preferences.js                 |   8 +-
 chrome/content/preferences.xul                |   1 -
 chrome/content/utils.js                       |  27 +-
 chrome/locale/en/strings.dtd                  |   4 +-
 chrome/locale/en/strings.properties           |   1 +
 .../skin/classic/mh-notification-styles.css   |  57 +++
 chrome/skin/classic/pb-styles.css             |   4 +
 15 files changed, 635 insertions(+), 163 deletions(-)
 create mode 100644 chrome/content/images/btn-add-to-slack-122x35.png
 create mode 100644 chrome/content/images/refresh.png
 create mode 100644 chrome/content/msgNotificationBar.js
 create mode 100644 chrome/content/msgNotificationBar.xul
 create mode 100644 chrome/skin/classic/mh-notification-styles.css

diff --git a/chrome.manifest b/chrome.manifest
index 55b1d3a..050468c 100644
--- a/chrome.manifest
+++ b/chrome.manifest
@@ -10,7 +10,9 @@ locale    mailhops   ru             jar:chrome/mailhops.jar!/locale/ru/
 locale    mailhops   zh-CN          jar:chrome/mailhops.jar!/locale/zh-CN/
 
 # Postbox
-overlay  chrome://messenger/content/msgHdrViewOverlay.xul chrome://mailhops/content/pb-overlay.xul application=postbox@postbox-inc.com
+# overlay chrome://messenger/content/msgHdrViewOverlay.xul chrome://mailhops/content/pb-overlay.xul application=postbox@postbox-inc.com
+overlay chrome://messenger/content/mailWindowOverlay.xul chrome://mailhops/content/msgNotificationBar.xul application=postbox@postbox-inc.com
 
 # Thunberbird
-overlay  chrome://messenger/content/msgHdrViewOverlay.xul chrome://mailhops/content/tb-overlay.xul application={3550f703-e582-4d05-9a08-453d09bdfdc6}
\ No newline at end of file
+# overlay chrome://messenger/content/msgHdrViewOverlay.xul chrome://mailhops/content/tb-overlay.xul application={3550f703-e582-4d05-9a08-453d09bdfdc6}
+overlay chrome://messenger/content/mailWindowOverlay.xul chrome://mailhops/content/msgNotificationBar.xul application={3550f703-e582-4d05-9a08-453d09bdfdc6}
diff --git a/chrome/content/images/btn-add-to-slack-122x35.png b/chrome/content/images/btn-add-to-slack-122x35.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2661ae002f55e7e2d5c2f9a94aba6de690e3306
GIT binary patch
literal 3921
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
S&zD`g0swAkW<b_+$NU#fOJ%PB

literal 0
HcmV?d00001

diff --git a/chrome/content/images/refresh.png b/chrome/content/images/refresh.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac9992355d6cccda930ceb9e63dafef8223107b0
GIT binary patch
literal 1071
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Ea{HEjtmSN`?>!lvI6-E$sR$z
z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8X6a5n0T@z%2~Ij105p
zNH8!kMrMXYltlRYSS9D@>LsS+C#C9D<Q4!`GcedxSOJ;2sU?XD6}dTi#a0!zN?;XM
zKsHENUr7P1q$Jx`DZ)2E!8yMuRl!uxM9)CUj!Qv7!KNrB%__*n4XPc;vsKC{DJihh
z*Do(G*DE*H%P&gTH?*|0)Hg8FH!{)%s?aU2%qvN((9J7Wh8O}f$0fBmxhS)sBr`ux
z0c37sQhsTPt&$SRA~=A!vm`SOVN+f))LTFg>VstT4fPE4;bsH1+JHo@{EISEfi{E8
zw==W>t3(ll+GC>+vK+}V5TAlYfnK%aveAbJn;n<WA@xWG1||nj7sn6_!P+3-Y~e(K
zdEf7DaeZ`gfyhKD@4%>*un%vpt4ej5`0iTx$oGFk6TALT_BfkLu}NvZ{Him$o6P;C
zG&|S>{l#)7$jyqFY+`M9e)iohTOJ&ES95-k@%avyDd(T>jrhlJzBK5h+&5{BKUcoL
z_j}v^?cnNHzb-$W`gG0Ig3zNeDI27ICOKC|uDuo)oW5CsgKdgCYuC}Emw!LJ!Qb+~
zsZ!|AY^l!&Sy!Iv_wPCXZP(sq>A!Azr6z0ZO-f)``C4_2c$dm#_2pJ`&)rVQ{d?_#
z@t@~iJ5N_s*DgrDUt4b&yOJeZ=J=vXvroRR+RrL$U2pZK%Iy7fIV01_Cw(?VuZ_9Q
zb1mz6!Y#LnR<#-np3HffwQxhpUCoRAodTAN7JG>AOZi$C$lZD;*D9tw`S9@>-&uLz
zu%$`$x{24^U}XCGL-oed=NC@d&S+;9Fy;Me%e(gGH0Rb&fmvJU_=hab4AHwNpKMjN
zYLE4-vIXbQyxC=u-72u_`c9@Jl5MPQ%Ys&3+`Lj=Y4hgEY<?#~b~esgKP8q?j<fJt
zQ-#9ELlO)|6W1+%99YTpx%hbsgWcKnPwblJcP%J7owNNm=XM*XRi8Kv-Ycc~vptjQ
zE?oI;TVs01;~7sTDkMltpA#xSq3qObelq2gT3-(Tb&IpvEthvJ-5{jx=K4w^eO^G~
zIkog7XTlHYJ^0=E-sjM_^V3gDTT~k6v41R%5LMRs^8edAg-YRovx=2`pVSR^vBXD(
u&R=;;*u&0mPi_Rig00*mor@bSf69j?{#}0NtjSAIw)AxMb6Mw<&;$TDh^XiQ

literal 0
HcmV?d00001

diff --git a/chrome/content/mailhops.js b/chrome/content/mailhops.js
index 22c3615..22b04e8 100644
--- a/chrome/content/mailhops.js
+++ b/chrome/content/mailhops.js
@@ -39,7 +39,7 @@ mailHops.init = function() {
   //load preferences
   mailHops.loadPref();
 
-  document.getElementById("mailhopsDataPanePrefsLink").addEventListener("click", function () {
+  document.getElementById("mailhopsLogo").addEventListener("click", function () {
         window.openDialog("chrome://mailhops/content/preferences.xul","","chrome, dialog, modal, centerscreen").focus();
       });
 
@@ -63,7 +63,6 @@ mailHops.loadPref = function()
   mailHops.options.show_details = mailHops.getCharPref('mail.mailHops.show_details','true')=='true'?true:false;
   mailHops.options.show_meta = mailHops.getCharPref('mail.mailHops.show_meta','true')=='true'?true:false;
   mailHops.options.show_auth = mailHops.getCharPref('mail.mailHops.show_auth','true')=='true'?true:false;
-  mailHops.options.show_lists = mailHops.getCharPref('mail.mailHops.show_lists','true')=='true'?true:false;
 
   //Details options
   mailHops.options.show_host = mailHops.getCharPref('mail.mailHops.show_host','true')=='true'?true:false;
@@ -174,8 +173,7 @@ mailHops.getRoute = function(){
   var headXMimeOLE = (mailHops.options.show_auth && mailHops.options.show_mailer) ? mailHops.headers.extractHeader ( "X-MimeOLE" , false ) : null;
   var headReceivedSPF = (mailHops.options.show_auth && mailHops.options.show_spf) ? mailHops.headers.extractHeader ( "Received-SPF" , false ) : null;
   var headAuth = mailHops.options.show_auth ? mailHops.headers.extractHeader ( "Authentication-Results" , false ) : null;
-  //lists box
-  var headListUnsubscribe = mailHops.options.show_lists ? mailHops.headers.extractHeader ( "List-Unsubscribe" , false ) : null;
+  var headListUnsubscribe = mailHops.headers.extractHeader ( "List-Unsubscribe" , false ) ;
 
   var all_ips = new Array();
   var rline = '',firstDate=headDate,lastDate;
@@ -183,9 +181,7 @@ mailHops.getRoute = function(){
   mailHops.message.secure = [];
   mailHops.message.time = null;
 
-  if(mailHops.options.show_lists){
-      mailHopsDisplay.lists( headListUnsubscribe );
-  }
+  mailHopsDisplay.lists( headListUnsubscribe );
 
   if(mailHops.options.show_auth){
       mailHopsDisplay.auth( headXMailer, headUserAgent, headXMimeOLE, headAuth, headReceivedSPF );
diff --git a/chrome/content/msgNotificationBar.js b/chrome/content/msgNotificationBar.js
new file mode 100644
index 0000000..c59f3e5
--- /dev/null
+++ b/chrome/content/msgNotificationBar.js
@@ -0,0 +1,348 @@
+var mailHopsDisplay =
+{
+  resultBox:              null,
+  resultText:             null,
+  resultDetails:          null,
+  container:              null,
+  mailhopsDataPaneSPF:    null,
+  mailhopsDataPaneDKIM:   null,
+  mailhopsDataPaneMailer: null,
+  mailhopsDataPaneDNSBL:  null,
+  mailhopsResultWeather:  null,
+  mailhopsUnsubscribe:    null,
+  options:                null,
+
+  init: function(options){
+
+    this.options = options;
+
+    this.container = document.getElementById("mailhopsBox");
+    this.resultBox = document.getElementById("mailhopsResult");
+    this.resultText = document.getElementById("mailhopsResultText");
+    this.mailhopsResultWeather = document.getElementById("mailhopsResultWeather");
+    this.resultDetails = document.getElementById("mailhopsDataPaneDetails");
+    //auth
+    this.mailhopsDataPaneSPF = document.getElementById("mailhopsDataPaneSPF");
+    this.mailhopsDataPaneDKIM = document.getElementById("mailhopsDataPaneDKIM");
+    this.mailhopsDataPaneMailer = document.getElementById("mailhopsDataPaneMailer");
+    this.mailhopsDataPaneDNSBL = document.getElementById("mailhopsDataPaneDNSBL");
+
+    this.mailhopsUnsubscribe = document.getElementById("mailhopsUnsubscribe");
+
+    //event listner for route click to launch map
+    this.mailhopsDataPaneDNSBL.addEventListener("click", function () {
+        if(this.hasAttribute('data-ip'))
+          mailHopsUtils.launchSpamHausURL( this.getAttribute('data-ip') );
+      });
+
+    this.resultText.addEventListener("click", function () {
+      if(this.value.indexOf('Rate Limit')!==-1){
+        window.openDialog("chrome://mailhops/content/preferences.xul","","chrome, dialog, modal, centerscreen").focus();
+      }
+      else if(this.hasAttribute('data-route'))
+        mailHopsUtils.launchMap( String(this.getAttribute('data-route')), options );
+      });
+  },
+
+  lists: function( header_unsubscribe ){
+
+    this.mailhopsUnsubscribe.style.display='none';
+
+  	if(header_unsubscribe){
+      this.mailhopsUnsubscribe.style.display='';
+  		var listArr=header_unsubscribe.split(',');
+  		var href='';
+  		if(listArr.length){
+  			for(var h=0;h<listArr.length;h++){
+  				href = listArr[h].replace('<','').replace('>','');
+  				if(href.indexOf('mailto:')!=-1){
+  					if(href.toLowerCase().indexOf('subject=')==-1){
+  						if(href.indexOf('?')==-1)
+  							href+='?subject=Unsubscribe';
+  						else
+  							href+='&subject=Unsubscribe';
+  					}
+  				}
+  				this.mailhopsUnsubscribe.setAttribute('href',href);
+  			}
+  		}
+  	}
+  },
+
+  auth: function( header_xmailer, header_useragent, header_xmimeole, header_auth, header_spf ){
+    //SPF
+    if(header_spf){
+      header_spf=header_spf.replace(/^\s+/,"");
+      var headerSPFArr=header_spf.split(' ');
+      this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+headerSPFArr[0]);
+      this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+headerSPFArr[0]+'.png)';
+      this.mailhopsDataPaneSPF.setAttribute('tooltiptext',header_spf+'\n'+mailHopsUtils.spf(headerSPFArr[0]));
+      this.mailhopsDataPaneSPF.style.display='block';
+    } else {
+      this.mailhopsDataPaneSPF.style.display='none';
+    }
+    //Authentication-Results
+    //http://tools.ietf.org/html/rfc5451
+    if(header_auth){
+      var headerAuthArr=header_auth.split(';');
+      var dkim_result;
+      var spf_result;
+      for(var h=0;h<headerAuthArr.length;h++){
+        if(headerAuthArr[h].indexOf('dkim=')!=-1){
+          dkim_result = headerAuthArr[h];
+          if(header_spf)
+            break;
+        }
+        if(!header_spf && headerAuthArr[h].indexOf('spf=')!=-1){
+          spf_result = headerAuthArr[h];
+          if(dkim_result)
+            break;
+        }
+      }
+      if(this.options.show_dkim && dkim_result){
+        dkim_result=dkim_result.replace(/^\s+/,"");
+        var dkimArr=dkim_result.split(' ');
+        this.mailhopsDataPaneDKIM.setAttribute('value','DKIM: '+dkimArr[0].replace('dkim=',''));
+        this.mailhopsDataPaneDKIM.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+dkimArr[0].replace('dkim=','')+'.png)';
+        this.mailhopsDataPaneDKIM.setAttribute('tooltiptext',dkim_result+'\n'+mailHopsUtils.dkim(dkimArr[0].replace('dkim=','')));
+        this.mailhopsDataPaneDKIM.style.display='block';
+      } else {
+        this.mailhopsDataPaneDKIM.style.display='none';
+      }
+      if(this.options.show_spf && spf_result){
+        spf_result=spf_result.replace(/^\s+/,"");
+        var spfArr=spf_result.split(' ');
+        this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+spfArr[0].replace('spf=',''));
+        this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+spfArr[0].replace('spf=','')+'.png)';
+        this.mailhopsDataPaneSPF.setAttribute('tooltiptext',spf_result+'\n'+mailHopsUtils.spf(spfArr[0].replace('spf=','')));
+        this.mailhopsDataPaneSPF.style.display='block';
+      }
+    } else {
+      this.mailhopsDataPaneDKIM.style.display='none';
+    }
+    //X-Mailer, User-Agent or X-MimeOLE
+    if(header_xmailer){
+      this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
+      if(header_xmailer.indexOf('(')!=-1)
+        this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('(')));
+      else if(header_xmailer.indexOf('[')!=-1)
+        this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('[')));
+      else
+        this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer);
+      this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmailer);
+      this.mailhopsDataPaneMailer.style.display='block';
+    } else if(header_useragent){
+      this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
+      if(header_useragent.indexOf('(')!=-1)
+        this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('(')));
+      else if(header_useragent.indexOf('[')!=-1)
+        this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('[')));
+      else
+        this.mailhopsDataPaneMailer.setAttribute('value',header_useragent);
+      this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_useragent);
+      this.mailhopsDataPaneMailer.style.display='block';
+    } else if(header_xmimeole){
+      this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
+
+      if(header_xmimeole.indexOf('(')!=-1)
+        header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('('));
+      else if(header_xmimeole.indexOf('[')!=-1)
+        header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('['));
+
+      if(header_xmimeole.indexOf('Produced By ')!=-1)
+        this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole.replace('Produced By ',''));
+      else
+        this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole);
+
+      this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmimeole);
+      this.mailhopsDataPaneMailer.style.display='block';
+    } else {
+      this.mailhopsDataPaneMailer.style.display='none';
+    }
+  },
+
+  error: function(status,data){
+    this.container.removeAttribute("route");
+
+    if(data && data.error){
+      this.resultText.setAttribute('value', status+': '+data.error.message);
+      this.resultText.setAttribute('tooltiptext',data.error.message);
+    } else {
+      this.resultText.setAttribute('value', ' Service Unavailable.');
+      this.resultText.setAttribute('tooltiptext',' Could not connect to MailHops API.');
+    }
+  },
+
+  clear: function(no_ips){
+
+    this.mailhopsDataPaneDNSBL.style.display = 'none';
+    this.mailhopsResultWeather.style.display = 'none';
+    this.resultText.removeAttribute('data-route');
+    this.resultText.style.backgroundImage = '';
+    //remove child details
+    while(this.resultDetails.firstChild) {
+        this.resultDetails.removeChild(this.resultDetails.firstChild);
+    }
+
+    if(no_ips)
+      this.resultText.value = ' Looks like a local message';
+    else
+      this.resultText.value = ' Looking Up Route...';
+  },
+
+  route: function ( header_route, message, response, meta, lookup_url ){
+
+  var displayText=''
+    , distanceText=''
+    , image='chrome://mailhops/content/images/local.png'
+    , weatherRoute=null
+    , first=null;
+
+  //remove child details
+  while(this.resultDetails.firstChild) {
+      this.resultDetails.removeChild(this.resultDetails.firstChild);
+  }
+
+  if(response && response.route && response.route.length){
+
+      if(this.options.client_location){
+        var client_location = JSON.parse(this.options.client_location);
+        //get distance from last route to client_location and add to response.distance.miles or kilometers
+        if(!response.route[response.route.length-1]['private']){
+          if(this.options.unit=='km')
+            response.distance.kilometers += mailHopsUtils.getDistance(response.route[response.route.length-1],client_location.route[0],this.options.unit);
+          else
+            response.distance.miles += mailHopsUtils.getDistance(response.route[response.route.length-1],client_location.route[0],this.options.unit);
+        }
+        //push client location to the end of the route
+        response.route.push(client_location.route[0]);
+      }
+      for(var i=0; i<response.route.length;i++){
+            //get the first hop location
+            if(!first && !response.route[i].private && !response.route[i].client){
+              first = response.route[i];
+              if(!!response.route[i].countryCode)
+                image='chrome://mailhops/content/images/flags/'+response.route[i].countryCode.toLowerCase()+'.png';
+              this.resultText.setAttribute('tooltiptext','View Map');
+            }
+
+            var menuitem = document.createElement('menuitem');
+            var label = '';
+
+            menuitem.setAttribute('class','menuitem-iconic');
+
+            if(response.route[i].countryCode)
+              menuitem.setAttribute('image','chrome://mailhops/content/images/flags/'+response.route[i].countryCode.toLowerCase()+'.png');
+            else
+              menuitem.setAttribute('image','chrome://mailhops/content/images/local.png');
+
+            if(response.route[i].city){
+              if(response.route[i].city && response.route[i].state)
+                label='Hop #'+(i+1)+' '+response.route[i].city+', '+response.route[i].state;
+              else
+                label='Hop #'+(i+1)+' '+response.route[i].city+', '+response.route[i].countryCode;
+
+              menuitem.setAttribute('tooltiptext','Click for WhoIs');
+              menuitem.setAttribute('data-ip',response.route[i].ip);
+              menuitem.addEventListener("click", function () {
+                  mailHopsUtils.launchWhoIs(this.getAttribute('data-ip'));
+                }
+              , false);
+          } else if(response.route[i].countryName){
+            label='Hop #'+(i+1)+' '+response.route[i].countryName;
+            menuitem.setAttribute('tooltiptext','Click for WhoIs');
+            menuitem.setAttribute('data-ip',response.route[i].ip);
+            menuitem.addEventListener("click", function () {
+                  mailHopsUtils.launchWhoIs(this.getAttribute('data-ip'));
+                }
+              , false);
+          } else {
+            label='Hop #'+(i+1)+' Private';
+          }
+
+          label+=' '+response.route[i].ip;
+
+          if(response.route[i].host)
+              label+=' '+response.route[i].host;
+          if(response.route[i].whois && response.route[i].whois.descr)
+              label+=' '+response.route[i].whois.descr;
+          if(response.route[i].whois && response.route[i].whois.netname)
+              label+=' '+response.route[i].whois.netname;
+
+          menuitem.setAttribute('label',label);
+
+          //append weather
+          if(!weatherRoute && !!response.route[i].weather){
+            weatherRoute = response.route[i];
+          }
+
+          //append details
+          this.resultDetails.appendChild(menuitem);
+
+            //auth & dnsbl
+          if(!response.route[i].private && response.route[i].dnsbl && response.route[i].dnsbl.listed){
+            this.mailhopsDataPaneDNSBL.setAttribute('value','Blacklisted '+mailHopsUtils.dnsbl(response.route[i].dnsbl.record,true));
+            this.mailhopsDataPaneDNSBL.setAttribute('data-ip',response.route[i].ip);
+            if(response.route[i].dnsbl.record)
+              this.mailhopsDataPaneDNSBL.setAttribute('tooltiptext','Click for more details.\n'+mailHopsUtils.dnsbl(response.route[i].dnsbl.record));
+            else
+              this.mailhopsDataPaneDNSBL.setAttribute('tooltiptext','Click for more details.');
+            this.mailhopsDataPaneDNSBL.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/bomb.png)';
+            this.mailhopsDataPaneDNSBL.style.display = 'block';
+          }
+        }
+    }
+
+    //set weather of sender
+    if(weatherRoute){
+      this.mailhopsResultWeather.style.display = 'block';
+      this.mailhopsResultWeather.setAttribute('tooltiptext','Weather');
+      this.mailhopsResultWeather.value = weatherRoute.weather.summary+' '+Math.round(weatherRoute.weather.temp)+'\u00B0';
+      this.mailhopsResultWeather.style.backgroundImage = 'url('+mailHopsUtils.getWeatherIcon(weatherRoute.weather.icon)+')';
+      if(weatherRoute.coords)
+        this.mailhopsResultWeather.setAttribute('href','https://darksky.net/forecast/'+weatherRoute.coords[1]+','+weatherRoute.coords[0]);
+      else if(weatherRoute.lat)
+        this.mailhopsResultWeather.setAttribute('href','https://darksky.net/forecast/'+weatherRoute.lat+','+weatherRoute.lng);
+    }
+
+    if(image.indexOf('local')!=-1) {
+      displayText = ' Local message.';
+    } else {
+
+      if(!!first){
+        if(!!first.city && !!first.state)
+            displayText = first.city+', '+first.state;
+        else if(!!first.city)
+            displayText = first.city+', '+first.countryCode;
+        else if(!!first.countryName)
+            displayText = first.countryName;
+      }
+
+      if(response.distance){
+        if(this.options.unit=='km' && response.distance.kilometers > 0)
+          distanceText = mailHopsUtils.addCommas(Math.round(response.distance.kilometers))+' km traveled';
+        else if(response.distance.miles > 0)
+          distanceText = mailHopsUtils.addCommas(Math.round(response.distance.miles))+' mi traveled';
+      } else if(displayText=='')
+        displayText = ' Local message.';
+    }
+
+    if(message.time != null){
+      message.time = message.time/1000;
+      if(message.time < 60)
+        distanceText += ' in '+message.time+' sec.';
+      else if(message.time < 3600) //something is wrong if it takes this long
+        distanceText += ' in '+Math.round(message.time/60)+' min.';
+      else //something is wrong if it takes this long
+        distanceText += ' in '+Math.round(message.time/60/60)+' hr.';
+    }
+
+    if(header_route)
+      this.resultText.setAttribute("data-route", header_route);
+    else
+      this.resultText.removeAttribute("data-route");
+
+    this.resultText.setAttribute('value', displayText+' ( '+distanceText+' )');
+    this.resultText.style.backgroundImage = 'url('+image+')';
+  }//end route
+};
diff --git a/chrome/content/msgNotificationBar.xul b/chrome/content/msgNotificationBar.xul
new file mode 100644
index 0000000..a5f8bb8
--- /dev/null
+++ b/chrome/content/msgNotificationBar.xul
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE overlay SYSTEM "chrome://mailhops/locale/strings.dtd" >
+
+<?xml-stylesheet href="chrome://mailhops/skin/mh-notification-styles.css" type="text/css"?>
+
+<overlay id="mailhopsNotificationOverlay"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+
+	<script type="application/x-javascript" src="chrome://mailhops/content/utils.js"/>
+	<script type="application/x-javascript" src="chrome://mailhops/content/msgNotificationBar.js"/>
+	<script type="application/x-javascript" src="chrome://mailhops/content/mailhops.js"/>
+
+	<rows id="msgNotificationBar">
+		<row id="mailhopsNoficationBox" collapsed="false">
+			    <image id="mailhopsLogo" src="chrome://mailhops/content/images/mailhops32.png" width="32" height="32" tooltiptext="&mailhops_route_nav_options_label;"/>
+
+       		<hbox id="mailhopsResult" flex="1">
+
+       			<label id="mailhopsResultText" class="text-link"></label>
+
+            <label id="mailhopsResultWeather" class="text-link"></label>
+
+       			<button type="menu" class="msgHeaderView-button msgHeaderView-flat-button" label="hops" tooltiptext="Click to view route.">
+         				<menupopup id="mailhopsDataPaneDetails">
+  					    </menupopup>
+    				</button>
+
+    				<button id="mailhopsDataPaneRefreshLink" class="msgHeaderView-button msgHeaderView-flat-button" label="&mailhops_route_nav_refresh_label;"></button>
+
+    				<label id="mailhopsDataPaneMailer" class="auth-item" value="" tooltiptext="Mailer"></label>
+
+    				<label id="mailhopsDataPaneSPF" class="auth-item" value="" tooltiptext="SPF"></label>
+
+    				<label id="mailhopsDataPaneDKIM" class="auth-item" value="" tooltiptext="DKIM"></label>
+
+    				<label id="mailhopsDataPaneDNSBL" class="text-link auth-item" value="" tooltiptext="DNSBL"></label>
+
+            <label id="mailhopsUnsubscribe" class="text-link unsubscribe" value="Unsubscribe" tooltiptext="Unsubscribe"></label>
+
+       		</hbox>
+		</row>
+	</rows>
+
+</overlay>
diff --git a/chrome/content/pb-overlay.js b/chrome/content/pb-overlay.js
index 7513e68..a080c19 100644
--- a/chrome/content/pb-overlay.js
+++ b/chrome/content/pb-overlay.js
@@ -7,6 +7,7 @@ var mailHopsDisplay =
   resultContainerDetails: 	null,
   resultDetails:			null,
   resultMapLink:			null,
+  resultSlackLink:    null,
   mailhopsDataPaneSPF:		null,
   mailhopsDataPaneDKIM:		null,
   mailhopsDataPaneMailer:	null,
@@ -30,6 +31,7 @@ var mailHopsDisplay =
   	  this.resultDetails = document.getElementById ( "mailhopsDataPaneDetails");
   	  this.resultMeta = document.getElementById ( "mailhopsDataPaneMeta");
   	  this.resultMapLink = document.getElementById ( "mailhopsDataPaneMapLink");
+      this.resultSlackLink = document.getElementById ( "mailhopsDataPaneSlackLink");
 
   	  //auth
   	  this.mailhopsAuthContainer = document.getElementById ( "dataPaneMailHopsAuthContainer");
@@ -53,151 +55,151 @@ var mailHopsDisplay =
 		  		mailHopsUtils.launchMap( String(this.getAttribute("data-route")), options );
 	  	});
 
-	  this.mailhopsDataPaneDNSBL.addEventListener("click", function () {
-			if(this.hasAttribute('data-ip'))
-		  		mailHopsUtils.launchSpamHausURL(this.getAttribute('data-ip'));
+  	  this.mailhopsDataPaneDNSBL.addEventListener("click", function () {
+  			if(this.hasAttribute('data-ip'))
+  		  		mailHopsUtils.launchSpamHausURL(this.getAttribute('data-ip'));
+	  	});
+
+      this.resultSlackLink.addEventListener("click", function () {
+        mailHopsUtils.postToWebhook( String(this.getAttribute("data-api_url")), options );
 	  	});
 
 	  //display auth
 	  if(!this.options.show_auth)
 		  this.displayResultAuth(headXMailer,headUserAgent,headXMimeOLE,headAuth,headReceivedSPF);
 	  else
-	      this.mailhopsAuthContainer.style.display='none';
-
-	  //display unsubscribe link
-	  if(!this.options.show_lists)
-	  	this.mailhopsListContainer.style.display='none';
+	    this.mailhopsAuthContainer.style.display='none';
 
   }, //end init
 
   lists: function( header_unsubscribe ){
   	while(this.resultListDataPane.firstChild) {
     	this.resultListDataPane.removeChild(this.resultListDataPane.firstChild);
-	}
-	this.mailhopsListContainer.style.display='';
-	if(header_unsubscribe){
-		var listArr=header_unsubscribe.split(',');
-		var href='';
-		if(listArr.length){
-			for(var h=0;h<listArr.length;h++){
-				href = listArr[h].replace('<','').replace('>','');
-				var label = document.createElement('label');
+  	}
+  	this.mailhopsListContainer.style.display='';
+  	if(header_unsubscribe){
+  		var listArr=header_unsubscribe.split(',');
+  		var href='';
+  		if(listArr.length){
+  			for(var h=0;h<listArr.length;h++){
+  				href = listArr[h].replace('<','').replace('>','');
+  				var label = document.createElement('label');
 
-				label.setAttribute('class','text-link dataPaneURLitem');
+  				label.setAttribute('class','text-link dataPaneURLitem');
 
-				if(href.indexOf('mailto:')!=-1){
-					label.setAttribute('value','Unsubscribe via Email');
-					if(href.toLowerCase().indexOf('subject=')==-1){
-						if(href.indexOf('?')==-1)
-							href+='?subject=Unsubscribe';
-						else
-							href+='&subject=Unsubscribe';
-					}
-				}
-				else{
-					label.setAttribute('value','Unsubscribe via Web');
-				}
-				label.setAttribute('tooltiptext',href);
-				label.setAttribute('href',href);
-				this.resultListDataPane.appendChild(label);
-			}
-		}
-	}
+  				if(href.indexOf('mailto:')!=-1){
+  					label.setAttribute('value','Unsubscribe via Email');
+  					if(href.toLowerCase().indexOf('subject=')==-1){
+  						if(href.indexOf('?')==-1)
+  							href+='?subject=Unsubscribe';
+  						else
+  							href+='&subject=Unsubscribe';
+  					}
+  				}
+  				else{
+  					label.setAttribute('value','Unsubscribe via Web');
+  				}
+  				label.setAttribute('tooltiptext',href);
+  				label.setAttribute('href',href);
+  				this.resultListDataPane.appendChild(label);
+  			}
+  		}
+  	}
   },
 
   auth: function( header_xmailer, header_useragent, header_xmimeole, header_auth, header_spf ){
   	this.mailhopsAuthContainer.style.display='';
-	//SPF
-	if(header_spf){
-		header_spf=header_spf.replace(/^\s+/,"");
-		var headerSPFArr=header_spf.split(' ');
-		this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+headerSPFArr[0]);
-		this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+headerSPFArr[0]+'.png)';
-		this.mailhopsDataPaneSPF.setAttribute('tooltiptext',header_spf+'\n'+mailHopsUtils.spf(headerSPFArr[0]));
-		this.mailhopsDataPaneSPF.style.display='block';
-	} else {
-		this.mailhopsDataPaneSPF.style.display='none';
-	}
-	//Authentication-Results
-	//http://tools.ietf.org/html/rfc5451
-	if(header_auth){
-		var headerAuthArr=header_auth.split(';');
-		var dkim_result;
-		var spf_result;
-		for(var h=0;h<headerAuthArr.length;h++){
-			if(headerAuthArr[h].indexOf('dkim=')!=-1){
-				dkim_result = headerAuthArr[h];
-				if(header_spf)
-					break;
-			}
-			if(!header_spf && headerAuthArr[h].indexOf('spf=')!=-1){
-				spf_result = headerAuthArr[h];
-				if(dkim_result)
-					break;
-			}
-		}
+  	//SPF
+  	if(header_spf){
+  		header_spf=header_spf.replace(/^\s+/,"");
+  		var headerSPFArr=header_spf.split(' ');
+  		this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+headerSPFArr[0]);
+  		this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+headerSPFArr[0]+'.png)';
+  		this.mailhopsDataPaneSPF.setAttribute('tooltiptext',header_spf+'\n'+mailHopsUtils.spf(headerSPFArr[0]));
+  		this.mailhopsDataPaneSPF.style.display='block';
+  	} else {
+  		this.mailhopsDataPaneSPF.style.display='none';
+  	}
+  	//Authentication-Results
+  	//http://tools.ietf.org/html/rfc5451
+  	if(header_auth){
+  		var headerAuthArr=header_auth.split(';');
+  		var dkim_result;
+  		var spf_result;
+  		for(var h=0;h<headerAuthArr.length;h++){
+  			if(headerAuthArr[h].indexOf('dkim=')!=-1){
+  				dkim_result = headerAuthArr[h];
+  				if(header_spf)
+  					break;
+  			}
+  			if(!header_spf && headerAuthArr[h].indexOf('spf=')!=-1){
+  				spf_result = headerAuthArr[h];
+  				if(dkim_result)
+  					break;
+  			}
+  		}
 
-		if(this.options.show_dkim && dkim_result){
-			dkim_result=dkim_result.replace(/^\s+/,"");
-			var dkimArr=dkim_result.split(' ');
-			this.mailhopsDataPaneDKIM.setAttribute('value','DKIM: '+dkimArr[0].replace('dkim=',''));
-			this.mailhopsDataPaneDKIM.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+dkimArr[0].replace('dkim=','')+'.png)';
-			this.mailhopsDataPaneDKIM.setAttribute('tooltiptext',dkim_result+'\n'+mailHopsUtils.dkim(dkimArr[0].replace('dkim=','')));
-			this.mailhopsDataPaneDKIM.style.display='block';
-		} else {
-			this.mailhopsDataPaneDKIM.style.display='none';
-		}
+  		if(this.options.show_dkim && dkim_result){
+  			dkim_result=dkim_result.replace(/^\s+/,"");
+  			var dkimArr=dkim_result.split(' ');
+  			this.mailhopsDataPaneDKIM.setAttribute('value','DKIM: '+dkimArr[0].replace('dkim=',''));
+  			this.mailhopsDataPaneDKIM.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+dkimArr[0].replace('dkim=','')+'.png)';
+  			this.mailhopsDataPaneDKIM.setAttribute('tooltiptext',dkim_result+'\n'+mailHopsUtils.dkim(dkimArr[0].replace('dkim=','')));
+  			this.mailhopsDataPaneDKIM.style.display='block';
+  		} else {
+  			this.mailhopsDataPaneDKIM.style.display='none';
+  		}
 
-		if(this.options.show_spf && spf_result){
-			spf_result=spf_result.replace(/^\s+/,"");
-			var spfArr=spf_result.split(' ');
-			this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+spfArr[0].replace('spf=',''));
-			this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+spfArr[0].replace('spf=','')+'.png)';
-			this.mailhopsDataPaneSPF.setAttribute('tooltiptext',spf_result+'\n'+mailHopsUtils.spf(spfArr[0].replace('spf=','')));
-			this.mailhopsDataPaneSPF.style.display='block';
-		}
-	} else {
-		this.mailhopsDataPaneDKIM.style.display='none';
-	}
-	//X-Mailer, User-Agent or X-MimeOLE
-	if(header_xmailer){
-		this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
-		if(header_xmailer.indexOf('(')!=-1)
-			this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('(')));
-		else if(header_xmailer.indexOf('[')!=-1)
-			this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('[')));
-		else
-			this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer);
-		this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmailer);
-		this.mailhopsDataPaneMailer.style.display='block';
-	} else if(header_useragent){
-		this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
-		if(header_useragent.indexOf('(')!=-1)
-			this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('(')));
-		else if(header_useragent.indexOf('[')!=-1)
-			this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('[')));
-		else
-			this.mailhopsDataPaneMailer.setAttribute('value',header_useragent);
-		this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_useragent);
-		this.mailhopsDataPaneMailer.style.display='block';
-	} else if(header_xmimeole){
-		this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
+  		if(this.options.show_spf && spf_result){
+  			spf_result=spf_result.replace(/^\s+/,"");
+  			var spfArr=spf_result.split(' ');
+  			this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+spfArr[0].replace('spf=',''));
+  			this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+spfArr[0].replace('spf=','')+'.png)';
+  			this.mailhopsDataPaneSPF.setAttribute('tooltiptext',spf_result+'\n'+mailHopsUtils.spf(spfArr[0].replace('spf=','')));
+  			this.mailhopsDataPaneSPF.style.display='block';
+  		}
+  	} else {
+  		this.mailhopsDataPaneDKIM.style.display='none';
+  	}
+  	//X-Mailer, User-Agent or X-MimeOLE
+  	if(header_xmailer){
+  		this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
+  		if(header_xmailer.indexOf('(')!=-1)
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('(')));
+  		else if(header_xmailer.indexOf('[')!=-1)
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('[')));
+  		else
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer);
+  		this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmailer);
+  		this.mailhopsDataPaneMailer.style.display='block';
+  	} else if(header_useragent){
+  		this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
+  		if(header_useragent.indexOf('(')!=-1)
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('(')));
+  		else if(header_useragent.indexOf('[')!=-1)
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('[')));
+  		else
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_useragent);
+  		this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_useragent);
+  		this.mailhopsDataPaneMailer.style.display='block';
+  	} else if(header_xmimeole){
+  		this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
 
-		if(header_xmimeole.indexOf('(')!=-1)
-			header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('('));
-		else if(header_xmimeole.indexOf('[')!=-1)
-			header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('['));
+  		if(header_xmimeole.indexOf('(')!=-1)
+  			header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('('));
+  		else if(header_xmimeole.indexOf('[')!=-1)
+  			header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('['));
 
-		if(header_xmimeole.indexOf('Produced By ')!=-1)
-			this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole.replace('Produced By ',''));
-		else
-			this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole);
+  		if(header_xmimeole.indexOf('Produced By ')!=-1)
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole.replace('Produced By ',''));
+  		else
+  			this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole);
 
-		this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmimeole);
-		this.mailhopsDataPaneMailer.style.display='block';
-	} else {
-		this.mailhopsDataPaneMailer.style.display='none';
-	}
+  		this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmimeole);
+  		this.mailhopsDataPaneMailer.style.display='block';
+  	} else {
+  		this.mailhopsDataPaneMailer.style.display='none';
+  	}
   },
 
   error: function(status,data){
@@ -372,15 +374,15 @@ var mailHopsDisplay =
 
 			label.setAttribute('tooltiptext','Click for whois '+tiptext);
 
-			//append details
-	   		this.resultDetails.appendChild(label);
+		  //append details
+   		this.resultDetails.appendChild(label);
 
-	        //append weather
-	        if(!weather && response.route[i].weather){
-	          weather = response.route[i].weather;
-	        }
+      //append weather
+      if(!weather && response.route[i].weather){
+        weather = response.route[i].weather;
+      }
 
-	   		if(this.options.show_secure){
+	   	if(this.options.show_secure){
 				//reset the tooltip
 				secureToolTipText=mailHopsUtils.getSecureTrans(response.route[i].ip, message);
 				//check for secure transmission
@@ -392,8 +394,8 @@ var mailHopsDisplay =
 				}
 			}
 
-	   		//append host
-	   		if(this.options.show_host && response.route[i].host){
+	   	// append host
+	   	if(this.options.show_host && response.route[i].host){
 				var host = document.createElement('label');
 				host.setAttribute('value',response.route[i].host);
 				if(secureToolTipText)
@@ -403,7 +405,7 @@ var mailHopsDisplay =
 				this.resultDetails.appendChild(host);
 			}
 
-			//auth & dnsbl
+			// auth & dnsbl
 			if(!response.route[i].private && response.route[i].dnsbl && response.route[i].dnsbl.listed){
 				this.mailhopsDataPaneDNSBL.setAttribute('value','Blacklisted '+mailHopsUtils.dnsbl(response.route[i].dnsbl.record,true));
 				this.mailhopsDataPaneDNSBL.setAttribute('data-ip',response.route[i].ip);
@@ -468,10 +470,13 @@ var mailHopsDisplay =
       distanceText += ' in '+Math.round(message.time/60/60)+' hrs.';
   }
 
-  if(header_route)
-  	this.resultMapLink.setAttribute("data-route", header_route);
-  else
-	this.resultMapLink.removeAttribute("data-route");
+  if(header_route){
+    this.resultMapLink.setAttribute("data-route", header_route);
+    this.resultSlackLink.setAttribute("data-api_url", lookup_url.replace('lookup','map'));
+  } else {
+    this.resultMapLink.removeAttribute("data-route");
+    this.resultSlackLink.removeAttribute("data-api_url");
+  }
 
   this.resultTextDataPane.style.backgroundImage = 'url('+image+')';
   this.resultTextDataPane.value = displayText;
diff --git a/chrome/content/pb-overlay.xul b/chrome/content/pb-overlay.xul
index 1e9a605..d2880d1 100644
--- a/chrome/content/pb-overlay.xul
+++ b/chrome/content/pb-overlay.xul
@@ -67,6 +67,16 @@
 			<vbox id="mailhopsDataPaneMeta" flex="1"></vbox>
 		</vbox>
 
+    <vbox id="dataPaneMailHopsFunContainer" class="dataPaneBox">
+			<hbox flex="1" pack="start" align="center">
+				<label class="dataPaneHeader" crop="right" value="&mailhops_header_fun_label;"></label>
+				<separator class="dataPaneBoxSeparator" flex="1"></separator>
+			</hbox>
+      <hbox class="mailHopsLinkContainer">
+				<vbox><image id="mailhopsDataPaneSlackLink" src="chrome://mailhops/content/images/btn-add-to-slack-122x35.png" width="122" height="35" /></vbox>
+			</hbox>
+		</vbox>
+
 	</vbox>
 
 </overlay>
diff --git a/chrome/content/preferences.js b/chrome/content/preferences.js
index 7cd1fb6..0372ccd 100644
--- a/chrome/content/preferences.js
+++ b/chrome/content/preferences.js
@@ -35,11 +35,6 @@ var mailHopPreferences = {
   	else
   		document.getElementById("mailhop.show_meta").checked = false;
 
-  	if(pref.getCharPref("mail.mailHops.show_lists",'true')=='true')
-  		document.getElementById("mailhop.show_lists").checked = true;
-  	else
-  		document.getElementById("mailhop.show_lists").checked = false;
-
   	if(pref.getCharPref("mail.mailHops.show_auth",'true')=='true')
   		document.getElementById("mailhop.show_auth").checked = true;
   	else
@@ -135,7 +130,6 @@ var mailHopPreferences = {
     pref.setCharPref("mail.mailHops.show_dkim", String(document.getElementById("mailhop.show_dkim").checked));
     pref.setCharPref("mail.mailHops.show_mailer", String(document.getElementById("mailhop.show_mailer").checked));
     pref.setCharPref("mail.mailHops.show_dnsbl", String(document.getElementById("mailhop.show_dnsbl").checked));
-    pref.setCharPref("mail.mailHops.show_lists", String(document.getElementById("mailhop.show_lists").checked));
     pref.setCharPref("mail.mailHops.show_auth", String(document.getElementById("mailhop.show_auth").checked));
     pref.setCharPref("mail.mailHops.debug", String(document.getElementById("mailhop.debug").checked));
 
@@ -194,7 +188,7 @@ var mailHopPreferences = {
           api_key = this.api_key.value.trim(),
           self = this;
 
-      xmlhttp.open("GET", apiBase+accountURL,true);
+      xmlhttp.open("GET", apiBase+accountURL, true);
        xmlhttp.onreadystatechange=function() {
         if (xmlhttp.readyState===4) {
           try {
diff --git a/chrome/content/preferences.xul b/chrome/content/preferences.xul
index d409841..a3d6e98 100644
--- a/chrome/content/preferences.xul
+++ b/chrome/content/preferences.xul
@@ -482,7 +482,6 @@
 	    	<groupbox flex="1">
 				<caption label="Display Boxes"/>
 				<checkbox id="mailhop.show_auth" label="Show Auth" checked="true"/>
-				<checkbox id="mailhop.show_lists" label="Show Unsubscribe Links" checked="true"/>
 				<checkbox id="mailhop.show_meta" label="Show Meta" checked="true"/>
 			</groupbox>
 			<groupbox flex="1">
diff --git a/chrome/content/utils.js b/chrome/content/utils.js
index b0ca673..1cbb325 100644
--- a/chrome/content/utils.js
+++ b/chrome/content/utils.js
@@ -64,7 +64,6 @@ switch(result){
     default:
      	return '';
    }
-
 },
 
 dnsbl: function(result,abbr){
@@ -182,10 +181,10 @@ getDistance: function(from, to, unit) {
     if(!from || !to || !from['lat'] || !to['lat'])
       return 0;
 
-		lat = parseFloat(from['lat']);
-		lon1 = parseFloat(from['lng']);
-		lat2 = parseFloat(to['lat']);
-		lon2 = parseFloat(to['lng']);
+		var lat = parseFloat(from['lat']);
+		var lon1 = parseFloat(from['lng']);
+		var lat2 = parseFloat(to['lat']);
+		var lon2 = parseFloat(to['lng']);
     unit = unit || 'mi';//mi or km
 
 		lat *= (Math.PI/180);
@@ -193,12 +192,11 @@ getDistance: function(from, to, unit) {
 		lat2 *= (Math.PI/180);
 		lon2 *= (Math.PI/180);
 
-		dist = 2*Math.asin(Math.sqrt( Math.pow((Math.sin((lat-lat2)/2)),2) + Math.cos(lat)*Math.cos(lat2)*Math.pow((Math.sin((lon1-lon2)/2)),2))) * 6378.137;
+		var dist = 2*Math.asin(Math.sqrt( Math.pow((Math.sin((lat-lat2)/2)),2) + Math.cos(lat)*Math.cos(lat2)*Math.pow((Math.sin((lon1-lon2)/2)),2))) * 6378.137;
 
 		if (unit == 'mi') {
 			dist = (dist / 1.609344);
 		}
-
 		return dist;
 	},
 
@@ -211,6 +209,19 @@ getDistance: function(from, to, unit) {
       };
     }
     return '';
-  }
+  },
 
+  postToWebhook: function(mapUrl,options){
+    var slackUrl = 'https://hooks.slack.com/services/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';
+    var xhr = new XMLHttpRequest();
+    xhr.open("POST", slackUrl, false);
+    xhr.setRequestHeader("Content-type", "application/json");
+    xhr.onreadystatechange = function() {
+      if(xhr.readyState === 4 && xhr.status == 200) {
+        return JSON.parse(xmlhttp.responseText);
+      }
+    }
+    var payload = {"text":"MailHops <"+mapUrl+"|Map> "};
+    xhr.send(JSON.stringify(payload));
+  }
 };
diff --git a/chrome/locale/en/strings.dtd b/chrome/locale/en/strings.dtd
index 685a058..ccea7d5 100644
--- a/chrome/locale/en/strings.dtd
+++ b/chrome/locale/en/strings.dtd
@@ -1,9 +1,9 @@
 <!ENTITY mailhops_header_route_label           "MailHops Route">
 <!ENTITY mailhops_header_auth_label            "MailHops Mailer/Auth">
-<!ENTITY mailhops_header_lists_label           "MailHops Lists">
 <!ENTITY mailhops_header_meta_label            "MailHops Meta">
+<!ENTITY mailhops_header_fun_label             "MailHops Fun">
 
 <!ENTITY mailhops_route_nav_map_label          "map">
 <!ENTITY mailhops_route_nav_details_label      "details">
 <!ENTITY mailhops_route_nav_refresh_label      "refresh">
-<!ENTITY mailhops_route_nav_options_label      "options">
+<!ENTITY mailhops_route_nav_options_label      "Preferences">
diff --git a/chrome/locale/en/strings.properties b/chrome/locale/en/strings.properties
index b557e7a..f4e81fc 100644
--- a/chrome/locale/en/strings.properties
+++ b/chrome/locale/en/strings.properties
@@ -2,6 +2,7 @@ mailhops_header_route_label=MailHops Route
 mailhops_header_auth_label=MailHops/Auth
 mailhops_header_lists_label=MailHops Lists
 mailhops_header_meta_label=MailHops Meta
+mailhops_header_fun_label=MailHops Fun
 mailhops_route_nav_map_label=map
 mailhops_route_nav_details_label=details
 mailhops_route_nav_refresh_label=refresh
diff --git a/chrome/skin/classic/mh-notification-styles.css b/chrome/skin/classic/mh-notification-styles.css
new file mode 100644
index 0000000..d85b66c
--- /dev/null
+++ b/chrome/skin/classic/mh-notification-styles.css
@@ -0,0 +1,57 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#mailhopsNoficationBox #mailhopsResultText { padding-left:20px; background-repeat: no-repeat; }
+
+#mailhopsNoficationBox menuitem .menu-iconic-icon { width: 16px; height: 11px; }
+
+#mailhopsNoficationBox .auth-item { display: none; background-repeat: no-repeat; padding-left: 18px; }
+
+#mhTabs .act { padding-left: 20px; background-repeat: no-repeat; outline : none;}
+
+#mailhopsResultWeather { display: none; background-repeat: no-repeat; padding-left: 18px; }
+
+#mailHopsPreferences {
+		font-family: 'Raleway',Arial,sans-serif;
+		font-size: 14px;
+}
+
+#mailHopsPreferences textbox {
+	font-size: 14px;
+	padding: 5px;
+	color: #777;
+}
+
+#mailHopsPreferences tab {
+	font-size: 14px;
+	padding: 5px;
+	color: #333;
+}
+
+#mailhopsResult label {
+	margin-top: 8px;
+}
+
+#mailhopsNoficationBox {
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: normal;
+  background: #5E7A9B;
+  border-bottom: 1px solid #355069;
+}
+
+#mailhopsNoficationBox #mailhopsDataPanePrefsLink {
+  border-radius: 20px;
+  background-color: #CCC;
+  letter-spacing: .1em;
+  right: 0;
+}
+
+#mailhopsNoficationBox #mailhopsLogo, #mailhopsNoficationBox #mailhopsResultWeather, #mailhopsNoficationBox #mailhopsResultText{
+  cursor: pointer;
+  color: #fff;
+}
+
+#mailhopsNoficationBox .unsubscribe {
+  color: #CCC;
+}
diff --git a/chrome/skin/classic/pb-styles.css b/chrome/skin/classic/pb-styles.css
index 6fd157e..3c01dce 100644
--- a/chrome/skin/classic/pb-styles.css
+++ b/chrome/skin/classic/pb-styles.css
@@ -151,3 +151,7 @@ button {
 .error:before {
   content: "\f111"
 }
+
+.mailhopsDataPaneSlackLink{
+	cursor: pointer;
+}