From 900b90ad85b51a44c3c1a426dbe8930cb25bd38e Mon Sep 17 00:00:00 2001
From: Fabrixxm <fabrix.xm@gmail.com>
Date: Tue, 22 Oct 2013 13:53:12 -0400
Subject: [PATCH] quattro theme update: icon and notification for introductions
 icon and notification for private messages correct link to edit profile with
 single profile enabled

---
 view/theme/quattro/dark/style.css             |  38 ++++++++++++++++++
 view/theme/quattro/green/style.css            |  38 ++++++++++++++++++
 view/theme/quattro/icons.less                 |   2 +
 view/theme/quattro/icons/contacts3.png        | Bin 0 -> 559 bytes
 view/theme/quattro/icons/contacts_off.png     | Bin 0 -> 424 bytes
 view/theme/quattro/icons/contacts_on.png      | Bin 0 -> 383 bytes
 view/theme/quattro/icons/messages_off.png     | Bin 0 -> 452 bytes
 view/theme/quattro/icons/messages_on.png      | Bin 0 -> 376 bytes
 view/theme/quattro/lilac/style.css            |  38 ++++++++++++++++++
 view/theme/quattro/quattro.less               |   6 ++-
 view/theme/quattro/templates/nav.tpl          |  25 +++++++++---
 .../theme/quattro/templates/profile_vcard.tpl |  19 ++++++---
 view/theme/quattro/theme.php                  |  18 +++++++++
 13 files changed, 172 insertions(+), 12 deletions(-)
 create mode 100644 view/theme/quattro/icons/contacts3.png
 create mode 100644 view/theme/quattro/icons/contacts_off.png
 create mode 100644 view/theme/quattro/icons/contacts_on.png
 create mode 100644 view/theme/quattro/icons/messages_off.png
 create mode 100644 view/theme/quattro/icons/messages_on.png

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 02d18d2375..e72e557038 100644
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -19,6 +19,12 @@
 .icon.notify {
   background-image: url("../../../images/icons/22/notify_off.png");
 }
+.icon.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.gear {
   background-image: url("../../../images/icons/22/gear.png");
 }
@@ -83,6 +89,12 @@
 .icon.s10.notify {
   background-image: url("../../../images/icons/10/notify_off.png");
 }
+.icon.s10.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s10.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s10.gear {
   background-image: url("../../../images/icons/10/gear.png");
 }
@@ -147,6 +159,12 @@
 .icon.s16.notify {
   background-image: url("../../../images/icons/16/notify_off.png");
 }
+.icon.s16.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s16.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s16.gear {
   background-image: url("../../../images/icons/16/gear.png");
 }
@@ -211,6 +229,12 @@
 .icon.s22.notify {
   background-image: url("../../../images/icons/22/notify_off.png");
 }
+.icon.s22.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s22.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s22.gear {
   background-image: url("../../../images/icons/22/gear.png");
 }
@@ -275,6 +299,12 @@
 .icon.s48.notify {
   background-image: url("../../../images/icons/48/notify_off.png");
 }
+.icon.s48.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s48.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s48.gear {
   background-image: url("../../../images/icons/48/gear.png");
 }
@@ -589,6 +619,14 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,
 nav #nav-notifications-linkmenu.selected .icon.s22.notify {
   background-image: url("../../../images/icons/22/notify_on.png");
 }
+nav #nav-introductions-link.on .icon.s22.intro,
+nav #nav-introductions-link.selected .icon.s22.intro {
+  background-image: url("icons/contacts_on.png");
+}
+nav #nav-messages-link.on .icon.s22.mail,
+nav #nav-messages-link.selected .icon.s22.mail {
+  background-image: url("icons/messages_on.png");
+}
 nav #nav-apps-link.selected {
   background-color: #364e59;
 }
diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index 1f1d85e806..8e6a020b8a 100644
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -19,6 +19,12 @@
 .icon.notify {
   background-image: url("../../../images/icons/22/notify_off.png");
 }
+.icon.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.gear {
   background-image: url("../../../images/icons/22/gear.png");
 }
@@ -83,6 +89,12 @@
 .icon.s10.notify {
   background-image: url("../../../images/icons/10/notify_off.png");
 }
+.icon.s10.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s10.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s10.gear {
   background-image: url("../../../images/icons/10/gear.png");
 }
@@ -147,6 +159,12 @@
 .icon.s16.notify {
   background-image: url("../../../images/icons/16/notify_off.png");
 }
+.icon.s16.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s16.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s16.gear {
   background-image: url("../../../images/icons/16/gear.png");
 }
@@ -211,6 +229,12 @@
 .icon.s22.notify {
   background-image: url("../../../images/icons/22/notify_off.png");
 }
+.icon.s22.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s22.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s22.gear {
   background-image: url("../../../images/icons/22/gear.png");
 }
@@ -275,6 +299,12 @@
 .icon.s48.notify {
   background-image: url("../../../images/icons/48/notify_off.png");
 }
+.icon.s48.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s48.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s48.gear {
   background-image: url("../../../images/icons/48/gear.png");
 }
@@ -589,6 +619,14 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,
 nav #nav-notifications-linkmenu.selected .icon.s22.notify {
   background-image: url("../../../images/icons/22/notify_on.png");
 }
+nav #nav-introductions-link.on .icon.s22.intro,
+nav #nav-introductions-link.selected .icon.s22.intro {
+  background-image: url("icons/contacts_on.png");
+}
+nav #nav-messages-link.on .icon.s22.mail,
+nav #nav-messages-link.selected .icon.s22.mail {
+  background-image: url("icons/messages_on.png");
+}
 nav #nav-apps-link.selected {
   background-color: #364e59;
 }
diff --git a/view/theme/quattro/icons.less b/view/theme/quattro/icons.less
index f9be4cc723..13a2b49bba 100644
--- a/view/theme/quattro/icons.less
+++ b/view/theme/quattro/icons.less
@@ -3,6 +3,8 @@
 
 .icons(@size: 22) {
 	&.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
+	&.intro  { background-image: url("icons/contacts_off.png"); }
+	&.mail   { background-image: url("icons/messages_off.png"); }
 	&.gear 	 { background-image: url("../../../images/icons/@{size}/gear.png"); }
 	
     &.like 	 { background-image: url("icons/like.png"); }
diff --git a/view/theme/quattro/icons/contacts3.png b/view/theme/quattro/icons/contacts3.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a3e69ec1f55d283e7e352b723e0b3ca66877b0e
GIT binary patch
literal 559
zcmV+~0?_@5P)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iyYz
z5i&XXrG9?^00FN_L_t(I%k7oFYZPG^gr6sO3GoMrh<2tG45Sk*L<<WeB3j!h7Q2YG
zAV@l^L@RB+6N?lIqMeOJYC-=3TN^<uu~9@E3wOh2?=A_5U8Y&~<zv2?d52xtLjxxb
zODRjhb6^obeFNO6s_OG@iH8$Nhw5u!AxTt{ECcJna(iwx8l3`Gfc?OWs;ZuJd1l5e
z=uDCYAgYb4s24hyA5ZcYxSZrXFe;_2ZA+YFEGE^?9N<>#_V3+9y;4d!IF)!;i_uH{
zQIcco?9_}K1psMPH(A?pHR!yyIFRJ$c8Y%i8~rGNhfTg`)W!6&0fy@8PIbEn-0!J6
zkz`JNpJd)~$!Q{41?~=~WH^|x&{=h^c{;xH&9pw%b)8{P=~4AslIz{Pn=X%%JXVhY
z7n7{0CmYuScYv35U4PsXMJeT``T#iGDBP6Lk&`6f)T>Dbz(#v{RaIMDSV}poK1#CG
zYsDlaNqgXxx&}N=vZ($5ZYNo<>-x8)l<(?%w_ZD;Q;4tXvxX2gz`G>ph7BpZCGEM|
x2YhHqTaMGfmzjV0G&afy6Y6nj@5k}~@dq9uzLjY7>6icj002ovPDHLkV1h8h?m++m

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/contacts_off.png b/view/theme/quattro/icons/contacts_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..4345d473afe89bb703f8a4c915c61866e5160155
GIT binary patch
literal 424
zcmV;Z0ayNsP)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00009a7bBm000XU
z000XU0RWnu7ytkPT1iAfR5;7+)ICcaQ544U-}r{25F{8Y#mW?lol6SQ!XkpOTDp}G
zNMTZ>@<XVx2<e0r7P3vMu?PeUt3b9kkWXM?B{qu4PMW(g4tHFMu9XKab2!}lKQGUn
zn^dYbov<z)vL^@6-~?G%KQQ`Ga1RbKl>;wfzp!r>DUR?y28ksb55OeEGQ7?08N;vK
z`9(}(^FA|9N_^NT6qR8GLk|^iIa0(c^xg-YmH5yd**}QuyTCU=km4wIgFlxOwy4+k
zUEn5;Bk?^<<7YwGd{-Z^g`{j0u~vK07rrrQD|XsQ>sb*zf=^g4srWTsVhw+C<4D3)
zn`or<FOcLOp?CO<;YbxNKf?u9Lsv(w!;Q3ltBa&kt<B?W_>J3HKG}Ed;9C&$3LmlG
zNbAj{QmtL0zeJFBc8-GpY$g7Ug{}bgA5a*;-@>(ggR{qYHoGI^dg0kRZvOylu1B^B
S7FkCC0000<MNUMnLSTXf4zZ8`

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/contacts_on.png b/view/theme/quattro/icons/contacts_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7f2a3983d22fbf65f72661ae106b1d4dea09b1c
GIT binary patch
literal 383
zcmV-_0f7FAP)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00009a7bBm000XU
z000XU0RWnu7ytkPF-b&0R5;7+l`$^`Q4odCz3;sZAylYDrxG1eh)9$Qr6@@hDvi!B
z5K4Z9PD4T~YN605GztZ(Cn0&C=5AbT?!KF#dneiKWOnYEGc!B8QV(?irh!|&a0-n5
zmb3{x1j0_Z0M06LGr$RO0c_?F7ZEA39mR|TAAHAt%;RfvxP&c9Taucw9!V>}U=DE|
zmJJc3l3F>$By34)81Vy=-s^hofpdQ1AUvNpW>Dg&+W>csLzBQ1&`yw+zCFODT49yi
zl2nAdGul@A9-VVkm5u=0z`dd95?BL<fYq=-vGN^Y!YY3Qcs5Fl?GEq?ECNe$R*P@}
zxF!#AvSVNtxC#C?unzc=_^oEj-S7e&RuW$Ug_qQq*sdJ(OS-Ep%ABMp{|6t#hVh0B
d_x=(8k53b|7;Uj(*AM^z002ovPDHLkV1n7Jm-7Gs

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/messages_off.png b/view/theme/quattro/icons/messages_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..70ab1c751698bab0e7c60dd16f0c6fb64c6a6fcc
GIT binary patch
literal 452
zcmV;#0XzPQP)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00009a7bBm000XU
z000XU0RWnu7ytkPc1c7*R5;7+)y--YK^TSMr+W&GyIhSIk%eR-CZnR!ED~J=5l5Hm
zO4OYTHAsREf(9Xk>~dxPpcyx3LQxpW2(z=Gp!z%Kyxm>>72RFDG&GOVo70#pco&n*
z<7z$Yth2j4HZjhPx(Kt5NwUJ)EZD=fh&L;E_YcqyxQo4lW$a)p;w<nMItpvKq_~Q2
zc%17SXMj&C&p6o^VJVei4PWsrANBfQ;5GDPGLOQ5Nom3x_<>hAk1KzG*Xu9w-bwaE
z@0)Juv5rOD!hWOI(EWH8lj&={Z=T{foBth4c!I+UK7}4eTZ(rl*^_qdo2S^uo4nQ-
zL)^nrwZBKH4ddBJX1jj7QbFJ2IiBKb>Z53D_*AX8qLp}mrYkN)@22hc84vL?eLUTs
z5<rK`sXxf9J8GI4VF9ZJ2ig4B4YX_Es_>xk)bMpI6s+J~4n^Be)8GL2QyZM(>8ew^
uQt<W^s3v&s44y8mUj?@_|NlYeGkyabpM3R>n5@MB0000<MNUMnLSTY!=g@fo

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/messages_on.png b/view/theme/quattro/icons/messages_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..f831813c924ff91e1deb2c7c22a7f387fa09aa1c
GIT binary patch
literal 376
zcmV-;0f+vHP)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00009a7bBm000XU
z000XU0RWnu7ytkPDoI2^R5;7+mA`6(P!z^LJ7nlu0@*^RzCa%#Q=ckRTr*{>F(FVg
zgg~ckeW*e~Z2WcTXM2^ZG2qq%2e0S*BVNzBMu3Kh8x0hL8Yhx)7Qwo2hT25H2-xr&
z1^pw`Y=Dt~BXA3(SDJ_1)Luuq@B)mlFt3}A?S%qh4NOfaE-(){skQ48R871B9)N9!
zd5CSTS%tW2#51r29)W$sD~Id7xl3z*aQz{82WI{VhZ-K59?Y3pQ+a4PAV`Ybi_elW
zNl%jIl3vY;oN{e$PG(JE{QHb(*yA1W0W5%f;1qC9t}V>jwe4|JSL8OB0B_ETYk5~!
zboFr##K4_1u9-IWaogmT*H0V9UenNymC5TmE6V%K*~Y1y70Cr-T=e85(f=Q0aN{rH
W9%m!!sJh4i0000<MNUMnLSTYsiJve4

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index 2dce3ee1a3..d35ad52ed0 100644
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -19,6 +19,12 @@
 .icon.notify {
   background-image: url("../../../images/icons/22/notify_off.png");
 }
+.icon.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.gear {
   background-image: url("../../../images/icons/22/gear.png");
 }
@@ -83,6 +89,12 @@
 .icon.s10.notify {
   background-image: url("../../../images/icons/10/notify_off.png");
 }
+.icon.s10.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s10.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s10.gear {
   background-image: url("../../../images/icons/10/gear.png");
 }
@@ -147,6 +159,12 @@
 .icon.s16.notify {
   background-image: url("../../../images/icons/16/notify_off.png");
 }
+.icon.s16.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s16.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s16.gear {
   background-image: url("../../../images/icons/16/gear.png");
 }
@@ -211,6 +229,12 @@
 .icon.s22.notify {
   background-image: url("../../../images/icons/22/notify_off.png");
 }
+.icon.s22.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s22.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s22.gear {
   background-image: url("../../../images/icons/22/gear.png");
 }
@@ -275,6 +299,12 @@
 .icon.s48.notify {
   background-image: url("../../../images/icons/48/notify_off.png");
 }
+.icon.s48.intro {
+  background-image: url("icons/contacts_off.png");
+}
+.icon.s48.mail {
+  background-image: url("icons/messages_off.png");
+}
 .icon.s48.gear {
   background-image: url("../../../images/icons/48/gear.png");
 }
@@ -589,6 +619,14 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,
 nav #nav-notifications-linkmenu.selected .icon.s22.notify {
   background-image: url("../../../images/icons/22/notify_on.png");
 }
+nav #nav-introductions-link.on .icon.s22.intro,
+nav #nav-introductions-link.selected .icon.s22.intro {
+  background-image: url("icons/contacts_on.png");
+}
+nav #nav-messages-link.on .icon.s22.mail,
+nav #nav-messages-link.selected .icon.s22.mail {
+  background-image: url("icons/messages_on.png");
+}
 nav #nav-apps-link.selected {
   background-color: #cbd38d;
 }
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index f13ae90647..6287a05ef8 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -215,7 +215,11 @@ nav {
 		}
 	
 		#nav-notifications-linkmenu.on .icon.s22.notify,
-		#nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
+		#nav-notifications-linkmenu.selected .icon.s22.notify   { background-image: url("../../../images/icons/22/notify_on.png") }
+        #nav-introductions-link.on .icon.s22.intro,
+		#nav-introductions-link.selected .icon.s22.intro        { background-image: url("icons/contacts_on.png") }
+		#nav-messages-link.on .icon.s22.mail,
+		#nav-messages-link.selected .icon.s22.mail              { background-image: url("icons/messages_on.png") }		
 		#nav-apps-link.selected { background-color: @NavbarSelectedBg; }
 }
 
diff --git a/view/theme/quattro/templates/nav.tpl b/view/theme/quattro/templates/nav.tpl
index 2118c1e348..2c646306ad 100644
--- a/view/theme/quattro/templates/nav.tpl
+++ b/view/theme/quattro/templates/nav.tpl
@@ -1,8 +1,3 @@
-{{*
- *	AUTOMATICALLY GENERATED TEMPLATE
- *	DO NOT EDIT THIS FILE, CHANGES WILL BE OVERWRITTEN
- *
- *}}
 <header>
 	{{* {{$langselector}} *}}
 
@@ -44,6 +39,26 @@
 			</li>
 		{{/if}}
 		
+		{{if $nav.introductions}}
+			<li id="nav-introductions-link" class="nav-menu-icon {{$sel.introductions}}">
+				<a class="{{$nav.introductions.2}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >
+				    <span class="icon s22 intro">{{$nav.introductions.1}}</a>
+				</a>
+				<span id="intro-update" class="nav-notify"></span>
+			</li>
+		{{/if}}
+		
+		{{if $nav.messages}}
+			<li id="nav-messages-link" class="nav-menu-icon {{$sel.messages}}">
+				<a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >
+				    <span class="icon s22 mail">{{$nav.messages.1}}</a>
+				</a>
+				<span id="mail-update" class="nav-notify"></span>
+			</li>
+		{{/if}}
+
+
+		
 		{{if $nav.notifications}}
 			<li  id="nav-notifications-linkmenu" class="nav-menu-icon"><a href="{{$nav.notifications.0}}" rel="#nav-notifications-menu" title="{{$nav.notifications.1}}"><span class="icon s22 notify">{{$nav.notifications.1}}</span></a>
 				<span id="notify-update" class="nav-notify"></span>
diff --git a/view/theme/quattro/templates/profile_vcard.tpl b/view/theme/quattro/templates/profile_vcard.tpl
index 4b1ddb6e6e..8213a108f7 100644
--- a/view/theme/quattro/templates/profile_vcard.tpl
+++ b/view/theme/quattro/templates/profile_vcard.tpl
@@ -11,14 +11,21 @@
 			<div class="action">
 			<a class="icon s16 edit ttright" href="#" rel="#profiles-menu" title="{{$profile.edit.3}}"><span>{{$profile.edit.1}}</span></a>
 			<ul id="profiles-menu" class="menu-popup">
-				{{foreach $profile.menu.entries as $e}}
-				<li>
-					<a href="profiles/{{$e.id}}"><img src='{{$e.photo}}'>{{$e.profile_name}}</a>
-				</li>
-				{{/foreach}}
+			    {{if $profile.menu.entries}}
+    				{{foreach $profile.menu.entries as $e}}
+    				<li>
+    					<a href="profiles/{{$e.id}}"><img src='{{$e.photo}}'>{{$e.profile_name}}</a>
+    				</li>
+    				{{/foreach}}
+    			{{else}}
+    				<li>
+    					<a href="{{$profile.edit.0}}">{{$profile.edit.1}}</a>
+    				</li>
+    			{{/if}}
 				<li><a href="profile_photo" >{{$profile.menu.chg_photo}}</a></li>
+				{{if $profile.menu.cr_new }}
 				<li><a href="profiles/new" id="profile-listing-new-link">{{$profile.menu.cr_new}}</a></li>
-				
+				{{/if}}
 			</ul>
 			</div>
 		{{/if}}
diff --git a/view/theme/quattro/theme.php b/view/theme/quattro/theme.php
index d89890da0b..b770321fa0 100644
--- a/view/theme/quattro/theme.php
+++ b/view/theme/quattro/theme.php
@@ -18,11 +18,29 @@ $a->page['htmlhead'] .= <<< EOT
 $(document).ready(function(){
     $('nav').bind('nav-update', function(e,data){
         var notifCount = $(data).find('notif').attr('count');
+        var intro = $(data).find('intro').text();
+        var mail = $(data).find('mail').text();
+        
+        console.log(intro,mail);
+        
         if (notifCount > 0 ) {
             Tinycon.setBubble(notifCount);
         } else {
             Tinycon.setBubble('');
         }
+        
+        if (intro>0){
+			$("#nav-introductions-link").addClass("on");
+		} else {
+			$("#nav-introductions-link").removeClass("on");
+		}
+		
+        if (mail>0){
+			$("#nav-messages-link").addClass("on");
+		} else {
+			$("#nav-messages-link").removeClass("on");
+		}
+		
     });
 });