From b4e8d0b46e2b50d5e808964bb189222ec3b9c9de Mon Sep 17 00:00:00 2001
From: Michael Crosby <crosby.michael@gmail.com>
Date: Thu, 8 Aug 2013 19:18:51 +0000
Subject: [PATCH] Add growl files for notifications

---
 images/gritter-light.png  | Bin 0 -> 4978 bytes
 images/gritter-long.png   | Bin 0 -> 6299 bytes
 images/gritter.png        | Bin 0 -> 4880 bytes
 images/ie-spacer.gif      | Bin 0 -> 43 bytes
 img/.gitkeep              |   0
 index.html                |  13 +-
 js/controllers.js         |  68 +++----
 js/services.js            |  27 ++-
 lib/jquery.gritter.css    | 101 +++++++++
 lib/jquery.gritter.js     | 418 ++++++++++++++++++++++++++++++++++++++
 lib/jquery.gritter.min.js |   1 +
 partials/container.html   |  21 ++
 partials/image.html       |   4 +
 partials/messages.html    |   5 +-
 14 files changed, 612 insertions(+), 46 deletions(-)
 create mode 100644 images/gritter-light.png
 create mode 100755 images/gritter-long.png
 create mode 100755 images/gritter.png
 create mode 100644 images/ie-spacer.gif
 delete mode 100644 img/.gitkeep
 create mode 100755 lib/jquery.gritter.css
 create mode 100755 lib/jquery.gritter.js
 create mode 100644 lib/jquery.gritter.min.js

diff --git a/images/gritter-light.png b/images/gritter-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b5238efc5d524014046ad5cd90ab1024c9ba250
GIT binary patch
literal 4978
zcmeHL_gfQL7an8<g+(@^fK)eGM2!@s7mbSnWKmHhbPU2u6#?l667~~h=)1UxAZ0-T
zNeCEvk0M0@>7hv|K|un9q6rW}@(tg!|G@XVGtbOC_ug~wJ#)@^-*cWDfBl-dgqWNd
z000sem(kV$u+I?ygme#xKt1)b#<tK$#Ldzi4G8w`f0~OQLp=urE;|GPfVkA&BLrk+
z%R-%^!4_9dMJM;m{h+IsUW9xO0EYz@=wEHZCsydbNi=p&=lW_-rnpv*>8FP1?#q~0
zCQhW32JM2Mf1OkDRe7#b?O?5&c0#U^d^Om;#LJ!g+IHuk3t#p(N}OO7`6Qoh{L}F)
zMy5K3ZQ_&cr>MAYVlJlD6V*E|8swpWvSLMdI@I-6`6skN=CL%vL+n)KJW5cK@SJp-
z%4ikWC}k}!mdMG<zLZl?D4lq9`_ff+cXwLz=9JM9*jc}cD(j%2AnzT{O8dsbldf{a
z>Ga=(fB<8X!EdgZ3~a25<&$A`mxij_@6%M0g@uK6aGd2+N5x`~>FDUhc64-{?|!0|
zXqqUUZfImA8n!w`r$Vp4K-px_ZM%>NM4u{VBBqdN^li@ac(rG4gvZ>S3>RI`?Tya_
zYUK7tI+;wC86FwQwc9?3Kp+G|LqlJAWiE|MyHlGjn~b2o^P^h&`ubJSqO<n{lJS}~
zXB>goHsa*<qof*WE<Zb{*Sr2xnkAplB$e|sii(Ozr%`M4uxYhJKmOQOV46roPNM>5
zUQ=spYo`at#`L$iOXbRwwf@uB(LZ+Phgf<E0XI$9q6H*FI8$2Pd2B7SFVbVAdi2&#
zNyyTOpSO=sgHL#P-M8IU0%41hsKF{H5}7%A{<pABPEJ@12IG&z;ikh{zUIvS@y8$5
zmX_T*8qMDZ--gjcM!VV*Wom0`YOW=M4I86n_umUemlO~g)L8JPpSQQSzJT}D%9)Da
z-AGAE5rr4r`&i@meAFe3e$mr&;fCkSLdy(W|M7}KeraXzX*Bxo$C{N1dH<&M#oB2+
zPQc&Y5p}yeE|(0ZnTiAYQy4p5?N6`}KR-V*$(C&RnMf*YP=zz`yg6k_?1RO^U4h;2
zrs$@PE@V4o)>=WY(W*iMXy5#R{bX;^p2eYJz4kF8=0LYJplO<fYRNwVXL^3fqTOfH
z>@@iEden%oNyoI*AtgV4Da^Pvfig7YdJ<-FtIf51ODxyg&)<KQpr@xN2tqe0!<u1d
zWns??txLXa2m_s!>meomgM-$a>#2mM>gML%;bU4J&Lg9vc6<MS@y_p2+@ZX(TNF3b
z*@xKQd$SENOQYrGes}L?hp%>H`5QC2=W%9PSy{b=jrXcXdwx=gvsFukG*vM{!V5Id
zojd2pnylBdD|3#xjc%L&@XWliq2WY}OWob^3TBQ`nC=Dk@J)$lx_(4?0%4uePHPNZ
z@!`!%66^_^^sv!XDoR`X2s8|tQ-3Z=OMRKi^Z`MxtW#gi|283=hWq&V`W7o1hrjZM
zcFIcv>jeBA^V6tT#l^+L)6>c@n7rP-(vMZ%H|ZtCxsJP#+7-9?ylo5&CVEIgfB8b0
zsB&b$@4>;^9=+KSvj<hP15D6Yka4!vmXg4g%>FE0KSy^zzm<3i35mSr#l=&sG0NO4
z`AP^_mWqmsyXlnbpoQM}cMrB^<IL~1Y|rO+^)0ek>MK*txRY?Vw~r+9?%umsCIjK)
zZ!t0igw|4rN;!|d-1A5{BPVRifMF$jfivd*d~dOb4<Eu{1Cx`+FbAk9Y~JAAQdy}5
zhfhpQNJ}TSa|2SLzm7FQCbYZd6N$vo;NW0Kblck6nmNAJpRn`M8uIn+pE(=d8Zs!R
zs#NE+hIArZR8r|oTfVt504NCZX^?N(Q@GW3-}2@WW!PE&sU`$|ZLrXi1YvJVGibht
z*adRAqtsh=5f38^x4$mPAmFzMyX@RYk3{rZg@K#MDma|8@=<SsMx*H&8#isXNm-pa
z<6O7)>bMUS<P$AXxVMw_L8>h-TjPCr&MRC^8I{kS=;}LlM2r%=IG6>3WT#rzv17*q
z+l8V}$v75*Cv|moQ<}EtpOvH0kadcRHiWHEyWf~y@0ee{$cBF#FgHi~|4E(skN6>6
z#|RNa5>r!C(^+lVVRdV?Y%!GM;^NG^2{Mp{50VE!StaNS|MZvntz@w7^Ajhrbjjm%
zihJjmM-uWP{&lmD-gL=NE8~_a1L;UR4jsR<atXWLWha89Zjo!J923BB{`LYkm7?03
z`nN#cDpnLo!Oc<e#X9i$;nC4NV~A?+^j+9lo`8%)V3swq<hT=~ExO+X+pS9@WKun(
zR}q`TX`zpdaOf-+O9oz`1?QNd{Yz}*0=9*s=Nv+kqLBW-z(vf=&2d~Vw}HBz>~Aas
z3mm$tM}urrHs7~ffV3?=$(s>Hy-WnR-do`}?uLbJ;$VTAaFH%T#vZe<l2Jp%pJ1_W
z6ni6WZEZ4%MAD4neiL4RxOdU+R>YmFB{m7Fd664d+z*4;tyUQyJOt*EQ5p?{`r4z_
zSME^h;e-x0ZNtGRR0XHEwe-+uWBY(2wAWsOu`aRE($u{E_1ln@OtDoSzmvn^sK~ek
z-?+UpQC--K+q4z%H>ny*iv~_4yK;31&V}4Z^7p)6mXwq{n9uYKCEHUNC<G%J3|ECW
zAPV$4STwojm70%}M<fA-Q6i&1%8?BlI0CDLyZxGf-F|p@xGEf4x_J7*61iBz{?*Jd
z2)=pqhT)I@`s^?4F4L|M1g#<&Qh^iR#YY_-9ev>NDS}}4JVX=IBt3fYP$g`=QMOTI
zi41OCy5p7pn+ilj0h4jIZDSP}DR=6(`a%UKg5Aj@(h$AnL5{4Q$;Gh@Rv@h8u_>uh
zci;cj(!a;JjaVK-hQ7!5tl8PwGB8}Lqvg(4s6oXcbo+V7LhJVh`++O*{c=<*QjLPs
z2UwsRx<`#VucNKqv$(p7qEuJ2V=DVD;5ZQrIeG}V+i01~4mNx?7S+TaaiYW4@k#VV
z_BC{q6TVp)cK-7_xfDvL(U&uTYgdfzox8O5e1AlZSz8kL)ZtLM6uh7WqKu#6K4xZS
z1w}<3FYM27WD?t_z%6%!(guVZHi^!=z+Y+2Uw@ZC8NAPi043!Ji@TRlt|n@C34JA%
z5=*LAz$SnGNuD6a^D=nB?Ycp`iC0Vl`S)EVI>!)-Cs^Hw|IOW-MEB)fa+ZEoKr)rt
zwVH~;w8*+|x=5ry^yTT;;0e5Xhq(0gekexVyf7^&C71Nn=$D4A3+Y|uZl*Sv4q6=X
zx4pcrQ^ik9-F+;!*XWG$Qd9}QmH=A98I#~sWmu52`tcjsr1N2`g<v=wo{M7SV=$k4
z_NC-#Egi_$LBPvWK_nC%_5i`p3f-1-mLt_;F0SS&tr^i*Dj73!3KnRE?g?s+ws6Iw
zBav_=0oZT2+|vLh(7B+z9p~(j5r@F8Q^j=;E@tiSY<BkM7|rF!DJ6(1g&%KdY)p;x
zz{HI3z^&R1>LH;MkFUbkzlfUnGI|;yc42&+=7(lSamLGztl4dL$osd+P`BE{dF!31
zNRRYOq=rb>9M*lI$Nd3l-c59q;~{dqmM@!0ql7Hk+8x+>_OUL|eKN39F)qhpZd1$o
z=Za{HQr!;L+k`GH-|>n&>;0D`>kVJO2-sPv?ab2gJ!Dkbamkn5Eqvv^;QG2`Yc&i8
z5lAAG@f***enE-&I&c5V^-WtQM$sL0c%|&djD5hsR%Xbcg=)JUm5Z_a;i(M-1UDKH
zBjsrug3g|;06M|KInR-e&)qH(uGS4uVWiqy$^@S-ra>bH&`7pHuDRHiYl+foS^AZb
zyC11VyPNu<(NR&&NTDkaatnS`c+6|Dx#%VIi$T|_@ee;a0)&H!(#NZSH2W$bfB&Ct
z1^W-EMgJnLwkJaI5;74#9&aiRiCLU+jPBoe*==B7jP%9B-=}=H*!O_>j+gIr@trOI
z-(;bH%xA}R0}6;-IaFoMJv!3|cs!Vj|Momy3px!jL@;zR_UnrnpT&EGgobuN<=;vI
z@VIMc#+AogK;`LIc2GmMl+`6P-=CL<H6r^;KRnax?C<{*DSSmPPrzH4`=B?S4M|;E
z@`SDXW{5t0@d&|aJWAj@pn2TS8Q2tLSzRkl=tQg$s}7+Qx%TF5Z|QpfX|pz}S=)t-
zgHK~xj>5`qc@d1Bi5fqrQs??}p{&Wp(?SF(7Z(@G12%K4E^sccx0EQ!`_%hywK5)U
z@lS1}>+a~5ymENyTPUSFImu^W@e$5JA9Mz$rj(#My@DkAVsU9HQPC*04UuYmcypRS
z2o4KV-tIAMO}*R)f=dX7vWwY_|CjiUKWHx7^RV1JsBSv3ni=x9=Ro!mSO&VS{<9!&
zQEp$n2!as?Ten6VA9L4B!@s+sWW$6c>6vV*LF_Zve?+{NpwltH!t@%t%*6FS{{^Nf
Bt!)4R

literal 0
HcmV?d00001

diff --git a/images/gritter-long.png b/images/gritter-long.png
new file mode 100755
index 0000000000000000000000000000000000000000..578b89104feb2460a821b8543be29c50008666b6
GIT binary patch
literal 6299
zcmeHM>0eR_+dkE#jgHy-R;~#>IW0C)rddud%-A?uPHGt{xR9A!NLKD5pjrB+DdUWp
zSxV%j2_kN|fJ#>6B&nH!i6SnUg*%E1o6q5|c)$4J{LcBE{oL1eFV}VMdU?3&>6qvM
z0HAlq?Y9d6uo(p||GP~K+_TFocnVw@$GZ5%dPj%FCIsIM1%AB}eK~aR8EkNP=!MYW
zD@ixrhB^R%k>i=)e!Z9|oEG8k1#V62Sg>Jugcru&j&yI_C3GpdaItci-?lsXyY^l4
zG6}d_xZ|pjxHrprpU$De9VdScUGM!(ue$8V>b%s7um=Zp5LVI%mRFHWx^q&#E9}09
zeX(!&^5bu<udo(@{UWl5J=yc7wM_!#TsQQfSUvmD{v0>WmY+M;ve=E8oteQ(=H{YJ
zjEo{s%{N0a;o;$Z2^@u}U9#w1?qODZ0xSG#PI9ompcw8I)}TvEOSb|qD3vlGjUQl-
z@^Dyq-SD@^sfyB+L1c!{)R(SDuKp<0_Gl~?YY~E3ytP#~D{1jd&NX3u<fZX9IqZh0
z0qX#QcvfmuVMf&fcA%L5UaiP|XcOL0950M4Hbkc^RC;?l$_k}^Ln0CWn!o?xL)p=w
zn#(T792}J7*49?fDl~^68;s_t-tF{s=(V@9vhvgF_kuOWXTyL?wUNTfad{U11W~PA
z?(>A><t~PSvG2;AWEB`Ti**F6e0g#>G2|Z(hl8puGKGrU@Ctmk0gOedtBV=o8ls1q
zv4ahg3hv=1$&|pz(`+-4$@+qSN|Psc4mHQvcmF*3*w{DV1~-$@BJD&VuITCM<q*~t
zVkm3=rEY?)t?f*qBQ73o9D?U7Lj7cT#h@5+_!TBrzVvOqKKNCJ_BD=bncD%uMI}UD
zmDyn6?6(%$z=7<tj7EOn9c<{KxW{n<q^l*mP5F^`ggrfc_%A^vvJS`1+O2wY0()xY
zhqw=C4%#wMOe%i#<sE*{;m$es*dlpd8Nz5?77jjBU+$^3T|WNQMHjI9XnV4SJ{Hlb
zTw7#6uteS*diEeF*;Te6N)S6P)sXN}{p-7s_a{qm*FN8~>HZWqh;7VK9T@xY%-#1s
zB~BQeX(m8SBbg{2o&jKW*O{iy4<5W{Y_r{d@^MVAd}z`sA<o^McZ~lRq77b+TbYF`
zw0+PDK7$Z9j}t3`m_fTWp^`m18C~MjHh5lT>Z}VCMp5|Ic=?hAboGTc%MgZ&RgPvt
z2{+Ja@xRgup2F08${f1pwm1+@7S+z_KeWa8c&{<B#l^+rB>bo@+UU?0OcRYZRmsHk
z2c1Zm9Xi|~p%uK}3><KYK%g=*Gs_`KpYt5E4Ual8l1IAj=Y~|BKQZpX1Dh_j-}(|a
zC5Us9e=Rj@9J<NNmyc_JSd`1A?1`(dpbf-HdvPQK?qp}@mybT_6IuTFW@pkw57mG!
zS)^;;-I9WE@x*|n{8((C5P!c$Mv?4X8H(w-K5n?Yyqr5LWMZaOkD}X>&hGZ_fD%&{
z83Y+E_ve@|_wMv9&kU}xNK<OX9JI=yrlh1~aoG1Tv<Rh34=aZNg~utjagvYS)(yE|
zzkXfyGDetl*1DpXS;uHBV|6X>$ROXye@Z|%B~@xe5-+Xt&}!+W@s%hMD=rpHtPm1C
zpjmpluk0Mg5Cy#WM~7ZjRaIbY6BhgK@y{{8%SNUcoHnu8N;%L&Xkcg2)6&vvNWAMN
zq)O?6S|vJ;))IaiTw9#%F*7!<aOOE`?(seS=?_l|%F4<btn;bm%UKi(Wks1GURSS_
z+Q(0S`ssBEet95oMc(yVK90CDGt^x7EOBx_1OT?H-b<#YFv*KuC$lHXM8b4Z`#@dz
z+)6gh@JIaTJl9jn$;m|~=902U*NQ$Qrl*u@0;C$yWPeR#Y3Zw+dEmuo9eQU2c91Hz
zo;Ecx5#D_LKd$xfz@RhsN@i!TQTI*#YfjojWX=CgR(=jzi3-Ha_}CnA--izuxC5V{
zRfMmU%oF<h`u5}Chv?EJ6)*C-ySqmppb2ZulC)4>0rLc5^zA|N(2x<5?}()NGKNKo
z>B{EG5_Uf(3WluxCmCNQ087RAKzK>g7thewGgT^o0QmbrJry`?AMt$sAbjoZ998>T
z(`ZJ)8^gVHg6@rp&ih;X17f;<8PA#H>q$Wh&a!0!e{Iex_vrTH>Uq=XmK&DTk`(D%
zL*7aLWCmtk@PFR=z#hq)AR)zp#S8Jl;S}N?5U}=f5}dFGZaAeVW*YT_h$>k+@vVNF
zwDTwbIo4EF1qeVQR;^rHuLT)h&da2se;v92vH#uGRZ&a;M!bArD8A$(>>U3rf3Uy5
zQHDV)ggf~M8SGh>1;R=dO^lF*Cllt=q4z|4)=QzPuM5_-!<J$ZQf0~{@}6!5_DCg+
zNZaLFU2}7DY<haSH#%wJe!;8l_ECy&<z#~Npwq%#L2qyG<ryK9C_oper^Dfc@^R>T
z6TUOwqKl)JF~|X6wJ(y6`gWFP(Hk)}wo5VwF)(Tq@b|v@B8;oMF@mmAspurf<xg(L
z{zO!LMDJY<U3e1@&`vB6qc4U*iNRNhj5=oQw+{sfnvX3yrpwlhPN$y>y+Vg8rt8*Q
zl^@+F7Lt>qU?ekc362^6fHF~*2#owGxY!ay_K{I%0w>P5o>HEN!C;Fl7AqIFW$H7C
z!@}p%+*6WOiK&*B*6#$cNN<PBK6-~xmfH0R)pnz|cfKL8tL3Zo#$jPfe_(=Y77RMB
zMLDm}Em714!AS5E89v6b1~BkR`t-Bzum-Ac20193&iN?>a}7kX7mvrgif(k69ZXS<
zL&*#370&u=mFfvtf4}K#_|Q=0S95v%{d+Ij#Zex&r2Gdo%|)>MbQD7Gm8`h|sb_Ye
zWQuy>)f!v6L+&AxIi_PeH#Zl_j-NU8l+9M)LC9P+%zT*XD{dmF<c(y4{2RPYE}`+g
z)1!CeX1Uao!zrcl7fCX~K3a13jcI0mELg>n&a`6<RIx!NJjbtf`t<ILj?DRFv@8*W
z!MLt9Fq5CHNL8bGd3j*i9AT^FC_h9mlm01Y5vTh0vOW3AZroYkfHtr_GUuqsYFRSR
z+)L%4VP1S*+lpYUB8$;&T`k0%_sO4|tGaU$4WlMwI=Y1`+XaMfw^79CrqnYgD3{Ye
z@K0l!49+8tBXkkF{k*S=`-kQoUooGUMA&IzNc!29z%LOqy-iVi{HKww3*GL&d?b3`
z5YJT*#cr<@rFvv-pm2$TnBM6odk`EUw;`52-wfFO5`oA)LdxzOzb7s9hSaIy>!W35
z2g0Ed7e$lE*4g0<X=0N@$<W;T=V66m<kNo3RL<ujCP!F7;LS^<s~uy-ifTYDr0Vu#
zL5xr9??P1}U)*jDn=wUo-0v`(I5xPp`9P}VmaI#<x`w+g2<orYhNe_EtqkL`!5rM(
z17B~c(|#SBkYK25c*OEZ>(Ym@KC(Ktx38~GjPVJHKzJ)S0(HVRt2{7MX)E8;7chdO
z#5LZSJ6e8W;iI?b&)zT4qGKI<yoZt|i@AU8cOQ=HqV`Pl2Z;vA7vIV5OYJD5<KRU_
zwwNq#wqdsANc0!5p&vfdG;(XqRJ{6zU4@jrr_N&S1}ZimcrNKl4;0NWe6pPaTdCQj
znN0_7ft{(jX<e;YVTJKePu(onE*w!)M&Y+Z`YYLUZR}6YG37Q}{xI?lj6*C)XpCHR
z9rZnxuwQOhu4T9FF`5(Bs+97$jcqbm_;-a~4bkEtrE+q7<s}(?M_}Qhd;L$l3PP8#
zIyk*<(;sg7j!W-XZD~4mNcnemZttk*y5W??bKzSG{{&~s<Ag4%Gp);F)AoJf!_(3>
zg>NpLZ^^R0?j;Rx0VrE{+)U*pZQEN9sE=BrQr~ahRui$wS$FU2r(3tdQg>t<fJdA+
z4s3*EgA5yKuu&N{YT`yW*l3U&qrt{dv@s|CKTpVeEGe?;K48y}5IVZ<NXxvlX5cS4
zigwZr{21>fhq-z{J1ujnzY_F?clQV3=r)`GI5aae!`*5aU<IB8k6VrQ(6efH41$=N
zGLRZAaxAoSSGZQ8)huYwjD0O7K{y)u(k@*+3M!Z<8J**36DJ5e4CYt;#IH4(S-0hn
zZ6`&s-ZfDJwXGUSWMV;L<aeAX|GqG_4GH03Ruh#)8cRXrU2tFC(JkIT5`B4gsF|x#
zR{qhgvcUdIJP|wDByB2n2(!n&_^!G%zFkg|Z&9>VzFM`#L_|Da{pLwT4JC;2T+oF+
z-vXMy-H;u90|Us%peE<;e-LmX<%<p30(82Taa}_3oGUa4;`^XuzlZt!$))Qvx0uX@
zc2x_Z0ApYk%s^@<|EEaeQKeC@LWN`Ze|8-Af)Edp^d@Q=KE;@SWA7Qcb2hLp_4|Y_
edGsbNAfal>QegQU2L5dT&bWB|R^@!@)_(ya+<ZC!

literal 0
HcmV?d00001

diff --git a/images/gritter.png b/images/gritter.png
new file mode 100755
index 0000000000000000000000000000000000000000..0ca3bc0a0f8068194082db9719d6e20a8645985f
GIT binary patch
literal 4880
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
Zf3P5-;PGuo@D~?gbJgKWjfL<1{{eTAuA%?{

literal 0
HcmV?d00001

diff --git a/images/ie-spacer.gif b/images/ie-spacer.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5bfd67a2d6f72ac3a55cbfcea5866e841d22f5d9
GIT binary patch
literal 43
mcmZ?wbhEHbWMp7uXkdT>#h)yUAf^t80Ld^gF}W}@SOWlZ0R#L1

literal 0
HcmV?d00001

diff --git a/img/.gitkeep b/img/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/index.html b/index.html
index 10bb01c9c..ec17c1263 100644
--- a/index.html
+++ b/index.html
@@ -7,10 +7,11 @@
     <meta name="description" content="">
     <meta name="author" content="Michael Crosby crosbymichael.com">
 
-    <link href="../assets/css/bootstrap.css" rel="stylesheet">
-    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="assets/css/bootstrap.css" rel="stylesheet">
+    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="lib/jquery.gritter.css" rel="stylesheet">
 
-    <link href="../css/app.css" rel="stylesheet">
+    <link href="css/app.css" rel="stylesheet">
 
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>
@@ -51,12 +52,14 @@
     <script src="../assets/js/bootstrap-carousel.js"></script>
     <script src="../assets/js/bootstrap-typeahead.js"></script>
 
-    <script src="/lib/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
-    <script src="/lib/spin.js" type="text/javascript" charset="utf-8"></script>
+    <script src="lib/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
+    <script src="lib/spin.js" type="text/javascript" charset="utf-8"></script>
 
     <script src="lib/angular/angular.js"></script>
     <script src="lib/angular/angular-resource.js"></script>
 
+    <script src="lib/jquery.gritter.min.js"></script>
+
     <script src="js/app.js"></script>
     <script src="js/services.js"></script>
     <script src="js/filters.js"></script>
diff --git a/js/controllers.js b/js/controllers.js
index 530657a69..9ccfa4f97 100644
--- a/js/controllers.js
+++ b/js/controllers.js
@@ -15,9 +15,11 @@ function MessageController($scope, Messages) {
 
     $scope.$on(Messages.event, function(e, msg) {
        $scope.messages.push(msg);
+       var s = $scope;
        setTimeout(function() {
            $('#message-display').hide('slow');
-       }, 30000);
+           s.messages = [];
+       }, 20000);
     });
 }
 
@@ -53,46 +55,34 @@ function ContainerController($scope, $routeParams, $location, Container, Message
     $scope.changes = [];
 
     $scope.start = function(){
-        ViewSpinner.spin();
         Container.start({id: $routeParams.id}, function(d) {
-            Messages.send({class: 'text-success', data: 'Container started.'});
-            ViewSpinner.stop();
+            Messages.send("Container started", $routeParams.id);
         }, function(e) {
-            failedRequestHandler(e, Messages);
-            ViewSpinner.stop();
+            Messages.error("Failure", "Container failed to start." + e.data);
         });
     };
 
     $scope.stop = function() {
-        ViewSpinner.spin();
         Container.stop({id: $routeParams.id}, function(d) {
-            Messages.send({class: 'text-success', data: 'Container stopped.'});
-            ViewSpinner.stop();
+            Messages.success("Container stopped", $routeParams.id);
         }, function(e) {
-            failedRequestHandler(e, Messages);
-            ViewSpinner.stop();
+            Messages.error("Failure", "Container failed to stop." + e.data);
         });
     };
 
     $scope.kill = function() {
-        ViewSpinner.spin();
         Container.kill({id: $routeParams.id}, function(d) {
-            Messages.send({class: 'text-success', data: 'Container killed.'});
-            ViewSpinner.stop();
+            Messages.success("Container killed", $routeParams.id);
         }, function(e) {
-            failedRequestHandler(e, Messages);
-            ViewSpinner.stop();
+            Messages.error("Failure", "Container failed to die." + e.data);
         });
     };
 
     $scope.remove = function() {
-        ViewSpinner.spin();
         Container.remove({id: $routeParams.id}, function(d) {
-            Messages.send({class: 'text-success', data: 'Container removed.'});
-            ViewSpinner.stop();
+            Messages.success("Container removed", $routeParams.id);
         }, function(e){
-            failedRequestHandler(e, Messages);
-            ViewSpinner.stop();
+            Messages.error("Failure", "Container failed to remove." + e.data);
         });
     };
 
@@ -108,12 +98,14 @@ function ContainerController($scope, $routeParams, $location, Container, Message
 
     Container.get({id: $routeParams.id}, function(d) {
         $scope.container = d;
-   }, function(e) {
-        failedRequestHandler(e, Messages);
+    }, function(e) {
         if (e.status === 404) {
             $('.detail').hide();
+            Messages.error("Not found", "Container not found.");
+        } else {
+            Messages.error("Failure", e.data);
         }
-   });
+    });
 
    $scope.getChanges();
 }
@@ -145,13 +137,13 @@ function ContainersController($scope, Container, Settings, Messages, ViewSpinner
            if (c.Checked) {
                counter = counter + 1;
                action({id: c.Id}, function(d) {
-                    Messages.send({class: 'text-success', data: 'Container ' + c.Id + ' Removed.'});
+                    Messages.error("Container Removed", c.Id);
                     var index = $scope.containers.indexOf(c);
                     $scope.containers.splice(index, 1);
                     complete();
                }, function(e) {
-                  failedRequestHandler(e, Messages);
-                  complete();
+                    Messages.error("Failure", e.data);
+                    complete();
                });
            }
         });
@@ -215,14 +207,13 @@ function ImagesController($scope, Image, ViewSpinner, Messages) {
                 counter = counter + 1;
                 Image.remove({id: i.Id}, function(d) {
                    angular.forEach(d, function(resource) {
-                       Messages.send({class: 'text-success', data: 'Deleted: ' + resource.Deleted});
+                       Messages.send("Image deleted", resource.Deleted);
                    });
-                   //Remove the image from the list
                    var index = $scope.images.indexOf(i);
                    $scope.images.splice(index, 1);
                    complete();
                 }, function(e) {
-                   Messages.send({class: 'text-error', data: e.data});
+                   Messages.error("Failure", e.data);
                    complete();
                 });
             }
@@ -240,7 +231,7 @@ function ImagesController($scope, Image, ViewSpinner, Messages) {
         $scope.images = d.map(function(item) { return new ImageViewModel(item); });
         ViewSpinner.stop();
     }, function (e) {
-        failedRequestHandler(e, Messages);
+        Messages.error("Failure", e.data);
         ViewSpinner.stop();
     });
 }
@@ -252,9 +243,10 @@ function ImageController($scope, $routeParams, $location, Image, Messages) {
 
     $scope.remove = function() {
         Image.remove({id: $routeParams.id}, function(d) {
-            Messages.send({class: 'text-success', data: 'Image removed.'});
+            Messages.send("Image Removed", $routeParams.id);
         }, function(e) {
-            failedRequestHandler(e, Messages);
+            $scope.error = e.data;
+            $('#error-message').show();
         });
     };
 
@@ -267,9 +259,10 @@ function ImageController($scope, $routeParams, $location, Image, Messages) {
     $scope.updateTag = function() {
         var tag = $scope.tag;
         Image.tag({id: $routeParams.id, repo: tag.repo, force: tag.force ? 1 : 0}, function(d) {
-            Messages.send({class: 'text-success', data: 'Tag added.'});
+            Messages.send("Tag Added", $routeParams.id);
         }, function(e) {
-            failedRequestHandler(e, Messages);
+            $scope.error = e.data;
+            $('#error-message').show();
         });
     };
 
@@ -280,10 +273,13 @@ function ImageController($scope, $routeParams, $location, Image, Messages) {
     Image.get({id: $routeParams.id}, function(d) {
         $scope.image = d;
     }, function(e) {
-        failedRequestHandler(e, Messages);
         if (e.status === 404) {
             $('.detail').hide();
+            $scope.error = "Image not found.<br />" + $routeParams.id;
+        } else {
+            $scope.error = e.data;
         }
+        $('#error-message').show();
     });
 
     $scope.getHistory();
diff --git a/js/services.js b/js/services.js
index f15570ac2..276f54670 100644
--- a/js/services.js
+++ b/js/services.js
@@ -78,9 +78,30 @@ angular.module('dockerui.services', ['ngResource'])
     })
     .factory('Messages', function($rootScope) {
         return {
-           event: 'messageSend',
-           send: function(msg) {
-              $rootScope.$broadcast('messageSend', msg);
+          send: function(title, text) {
+              $.gritter.add({
+                   title: title,
+                   text: text,
+                   time: 2000,
+                   before_open: function{
+                       if($('.gritter-item-wrapper').length == 3) {
+                            return false;
+                        }  
+                    }
+
+              }); 
+           },
+           error: function(title, text) {
+                $.gritter.add({
+                    title: title,
+                    text: text,
+                    time: 6000,
+                    before_open: function{
+                       if($('.gritter-item-wrapper').length == 4) {
+                            return false;
+                        }  
+                    }
+                });
            }
         };
     })
diff --git a/lib/jquery.gritter.css b/lib/jquery.gritter.css
new file mode 100755
index 000000000..a2a7e2d27
--- /dev/null
+++ b/lib/jquery.gritter.css
@@ -0,0 +1,101 @@
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:20px;
+	right:20px;
+	width:301px;
+	z-index:9999;
+}
+#gritter-notice-wrapper.top-left {
+    left: 20px;
+    right: auto;
+}
+#gritter-notice-wrapper.bottom-right {
+    top: auto;
+    left: auto;
+    bottom: 20px;
+    right: 20px;
+}
+#gritter-notice-wrapper.bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 20px;
+    left: 20px;
+}
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 10px 0;
+	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
+}
+.gritter-top {
+	background:url(../images/gritter.png) no-repeat left -30px;
+	height:10px;
+}
+.hover .gritter-top {
+	background-position:right -30px;
+}
+.gritter-bottom {
+	background:url(../images/gritter.png) no-repeat left bottom;
+	height:8px;
+	margin:0;
+}
+.hover .gritter-bottom {
+	background-position: bottom right;
+}
+.gritter-item {
+	display:block;
+	background:url(../images/gritter.png) no-repeat left -40px;
+	color:#eee;
+	padding:2px 11px 8px 11px;
+	font-size: 11px;
+	font-family:verdana;
+}
+.hover .gritter-item {
+	background-position:right -40px;
+}
+.gritter-item p {
+	padding:0;
+	margin:0;
+	word-wrap:break-word;
+}
+.gritter-close {
+	display:none;
+	position:absolute;
+	top:5px;
+	left:3px;
+	background:url(../images/gritter.png) no-repeat left top;
+	cursor:pointer;
+	width:30px;
+	height:30px;
+}
+.gritter-title {
+	font-size:14px;
+	font-weight:bold;
+	padding:0 0 7px 0;
+	display:block;
+	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
+}
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:left;
+}
+.gritter-with-image,
+.gritter-without-image {
+	padding:0;
+}
+.gritter-with-image {
+	width:220px;
+	float:right;
+}
+/* for the light (white) version of the gritter notice */
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+    background-image: url(../images/gritter-light.png);
+    color: #222;
+}
+.gritter-light .gritter-title {
+    text-shadow: none;
+}
diff --git a/lib/jquery.gritter.js b/lib/jquery.gritter.js
new file mode 100755
index 000000000..ba99a0fa8
--- /dev/null
+++ b/lib/jquery.gritter.js
@@ -0,0 +1,418 @@
+/*
+ * Gritter for jQuery
+ * http://www.boedesign.com/
+ *
+ * Copyright (c) 2012 Jordan Boesch
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Date: February 24, 2012
+ * Version: 1.7.4
+ */
+
+(function($){
+ 	
+	/**
+	* Set it up as an object under the jQuery namespace
+	*/
+	$.gritter = {};
+	
+	/**
+	* Set up global options that the user can over-ride
+	*/
+	$.gritter.options = {
+		position: '',
+		class_name: '', // could be set to 'gritter-light' to use white notifications
+		fade_in_speed: 'medium', // how fast notifications fade in
+		fade_out_speed: 1000, // how fast the notices fade out
+		time: 6000 // hang on the screen for...
+	}
+	
+	/**
+	* Add a gritter notification to the screen
+	* @see Gritter#add();
+	*/
+	$.gritter.add = function(params){
+
+		try {
+			return Gritter.add(params || {});
+		} catch(e) {
+		
+			var err = 'Gritter Error: ' + e;
+			(typeof(console) != 'undefined' && console.error) ? 
+				console.error(err, params) : 
+				alert(err);
+				
+		}
+		
+	}
+	
+	/**
+	* Remove a gritter notification from the screen
+	* @see Gritter#removeSpecific();
+	*/
+	$.gritter.remove = function(id, params){
+		Gritter.removeSpecific(id, params || {});
+	}
+	
+	/**
+	* Remove all notifications
+	* @see Gritter#stop();
+	*/
+	$.gritter.removeAll = function(params){
+		Gritter.stop(params || {});
+	}
+	
+	/**
+	* Big fat Gritter object
+	* @constructor (not really since its object literal)
+	*/
+	var Gritter = {
+		
+		// Public - options to over-ride with $.gritter.options in "add"
+		position: '',
+		fade_in_speed: '',
+		fade_out_speed: '',
+		time: '',
+		
+		// Private - no touchy the private parts
+		_custom_timer: 0,
+		_item_count: 0,
+		_is_setup: 0,
+		_tpl_close: '<div class="gritter-close"></div>',
+		_tpl_title: '<span class="gritter-title">[[title]]</span>',
+		_tpl_item: '<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none"><div class="gritter-top"></div><div class="gritter-item">[[close]][[image]]<div class="[[class_name]]">[[title]]<p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',
+		_tpl_wrap: '<div id="gritter-notice-wrapper"></div>',
+		
+		/**
+		* Add a gritter notification to the screen
+		* @param {Object} params The object that contains all the options for drawing the notification
+		* @return {Integer} The specific numeric id to that gritter notification
+		*/
+		add: function(params){
+			// Handle straight text
+			if(typeof(params) == 'string'){
+				params = {text:params};
+			}
+
+			// We might have some issues if we don't have a title or text!
+			if(params.text === null){
+				throw 'You must supply "text" parameter.'; 
+			}
+			
+			// Check the options and set them once
+			if(!this._is_setup){
+				this._runSetup();
+			}
+			
+			// Basics
+			var title = params.title, 
+				text = params.text,
+				image = params.image || '',
+				sticky = params.sticky || false,
+				item_class = params.class_name || $.gritter.options.class_name,
+				position = $.gritter.options.position,
+				time_alive = params.time || '';
+
+			this._verifyWrapper();
+			
+			this._item_count++;
+			var number = this._item_count, 
+				tmp = this._tpl_item;
+			
+			// Assign callbacks
+			$(['before_open', 'after_open', 'before_close', 'after_close']).each(function(i, val){
+				Gritter['_' + val + '_' + number] = ($.isFunction(params[val])) ? params[val] : function(){}
+			});
+
+			// Reset
+			this._custom_timer = 0;
+			
+			// A custom fade time set
+			if(time_alive){
+				this._custom_timer = time_alive;
+			}
+			
+			var image_str = (image != '') ? '<img src="' + image + '" class="gritter-image" />' : '',
+				class_name = (image != '') ? 'gritter-with-image' : 'gritter-without-image';
+			
+			// String replacements on the template
+			if(title){
+				title = this._str_replace('[[title]]',title,this._tpl_title);
+			}else{
+				title = '';
+			}
+			
+			tmp = this._str_replace(
+				['[[title]]', '[[text]]', '[[close]]', '[[image]]', '[[number]]', '[[class_name]]', '[[item_class]]'],
+				[title, text, this._tpl_close, image_str, this._item_count, class_name, item_class], tmp
+			);
+
+			// If it's false, don't show another gritter message
+			if(this['_before_open_' + number]() === false){
+				return false;
+			}
+
+			$('#gritter-notice-wrapper').addClass(position).append(tmp);
+			
+			var item = $('#gritter-item-' + this._item_count);
+			
+			item.fadeIn(this.fade_in_speed, function(){
+				Gritter['_after_open_' + number]($(this));
+			});
+			
+			if(!sticky){
+				this._setFadeTimer(item, number);
+			}
+			
+			// Bind the hover/unhover states
+			$(item).bind('mouseenter mouseleave', function(event){
+				if(event.type == 'mouseenter'){
+					if(!sticky){ 
+						Gritter._restoreItemIfFading($(this), number);
+					}
+				}
+				else {
+					if(!sticky){
+						Gritter._setFadeTimer($(this), number);
+					}
+				}
+				Gritter._hoverState($(this), event.type);
+			});
+			
+			// Clicking (X) makes the perdy thing close
+			$(item).find('.gritter-close').click(function(){
+				Gritter.removeSpecific(number, {}, null, true);
+			});
+			
+			return number;
+		
+		},
+		
+		/**
+		* If we don't have any more gritter notifications, get rid of the wrapper using this check
+		* @private
+		* @param {Integer} unique_id The ID of the element that was just deleted, use it for a callback
+		* @param {Object} e The jQuery element that we're going to perform the remove() action on
+		* @param {Boolean} manual_close Did we close the gritter dialog with the (X) button
+		*/
+		_countRemoveWrapper: function(unique_id, e, manual_close){
+			
+			// Remove it then run the callback function
+			e.remove();
+			this['_after_close_' + unique_id](e, manual_close);
+			
+			// Check if the wrapper is empty, if it is.. remove the wrapper
+			if($('.gritter-item-wrapper').length == 0){
+				$('#gritter-notice-wrapper').remove();
+			}
+		
+		},
+		
+		/**
+		* Fade out an element after it's been on the screen for x amount of time
+		* @private
+		* @param {Object} e The jQuery element to get rid of
+		* @param {Integer} unique_id The id of the element to remove
+		* @param {Object} params An optional list of params to set fade speeds etc.
+		* @param {Boolean} unbind_events Unbind the mouseenter/mouseleave events if they click (X)
+		*/
+		_fade: function(e, unique_id, params, unbind_events){
+
+			var params = params || {},
+				fade = (typeof(params.fade) != 'undefined') ? params.fade : true,
+				fade_out_speed = params.speed || this.fade_out_speed,
+				manual_close = unbind_events;
+
+			this['_before_close_' + unique_id](e, manual_close);
+			
+			// If this is true, then we are coming from clicking the (X)
+			if(unbind_events){
+				e.unbind('mouseenter mouseleave');
+			}
+			
+			// Fade it out or remove it
+			if(fade){
+			
+				e.animate({
+					opacity: 0
+				}, fade_out_speed, function(){
+					e.animate({ height: 0 }, 300, function(){
+						Gritter._countRemoveWrapper(unique_id, e, manual_close);
+					})
+				})
+				
+			}
+			else {
+				
+				this._countRemoveWrapper(unique_id, e);
+				
+			}
+						
+		},
+		
+		/**
+		* Perform actions based on the type of bind (mouseenter, mouseleave) 
+		* @private
+		* @param {Object} e The jQuery element
+		* @param {String} type The type of action we're performing: mouseenter or mouseleave
+		*/
+		_hoverState: function(e, type){
+			
+			// Change the border styles and add the (X) close button when you hover
+			if(type == 'mouseenter'){
+				
+				e.addClass('hover');
+				
+				// Show close button
+				e.find('.gritter-close').show();
+						
+			}
+			// Remove the border styles and hide (X) close button when you mouse out
+			else {
+				
+				e.removeClass('hover');
+				
+				// Hide close button
+				e.find('.gritter-close').hide();
+				
+			}
+			
+		},
+		
+		/**
+		* Remove a specific notification based on an ID
+		* @param {Integer} unique_id The ID used to delete a specific notification
+		* @param {Object} params A set of options passed in to determine how to get rid of it
+		* @param {Object} e The jQuery element that we're "fading" then removing
+		* @param {Boolean} unbind_events If we clicked on the (X) we set this to true to unbind mouseenter/mouseleave
+		*/
+		removeSpecific: function(unique_id, params, e, unbind_events){
+			
+			if(!e){
+				var e = $('#gritter-item-' + unique_id);
+			}
+
+			// We set the fourth param to let the _fade function know to 
+			// unbind the "mouseleave" event.  Once you click (X) there's no going back!
+			this._fade(e, unique_id, params || {}, unbind_events);
+			
+		},
+		
+		/**
+		* If the item is fading out and we hover over it, restore it!
+		* @private
+		* @param {Object} e The HTML element to remove
+		* @param {Integer} unique_id The ID of the element
+		*/
+		_restoreItemIfFading: function(e, unique_id){
+			
+			clearTimeout(this['_int_id_' + unique_id]);
+			e.stop().css({ opacity: '', height: '' });
+			
+		},
+		
+		/**
+		* Setup the global options - only once
+		* @private
+		*/
+		_runSetup: function(){
+		
+			for(opt in $.gritter.options){
+				this[opt] = $.gritter.options[opt];
+			}
+			this._is_setup = 1;
+			
+		},
+		
+		/**
+		* Set the notification to fade out after a certain amount of time
+		* @private
+		* @param {Object} item The HTML element we're dealing with
+		* @param {Integer} unique_id The ID of the element
+		*/
+		_setFadeTimer: function(e, unique_id){
+			
+			var timer_str = (this._custom_timer) ? this._custom_timer : this.time;
+			this['_int_id_' + unique_id] = setTimeout(function(){ 
+				Gritter._fade(e, unique_id);
+			}, timer_str);
+		
+		},
+		
+		/**
+		* Bring everything to a halt
+		* @param {Object} params A list of callback functions to pass when all notifications are removed
+		*/  
+		stop: function(params){
+			
+			// callbacks (if passed)
+			var before_close = ($.isFunction(params.before_close)) ? params.before_close : function(){};
+			var after_close = ($.isFunction(params.after_close)) ? params.after_close : function(){};
+			
+			var wrap = $('#gritter-notice-wrapper');
+			before_close(wrap);
+			wrap.fadeOut(function(){
+				$(this).remove();
+				after_close();
+			});
+		
+		},
+		
+		/**
+		* An extremely handy PHP function ported to JS, works well for templating
+		* @private
+		* @param {String/Array} search A list of things to search for
+		* @param {String/Array} replace A list of things to replace the searches with
+		* @return {String} sa The output
+		*/  
+		_str_replace: function(search, replace, subject, count){
+		
+			var i = 0, j = 0, temp = '', repl = '', sl = 0, fl = 0,
+				f = [].concat(search),
+				r = [].concat(replace),
+				s = subject,
+				ra = r instanceof Array, sa = s instanceof Array;
+			s = [].concat(s);
+			
+			if(count){
+				this.window[count] = 0;
+			}
+		
+			for(i = 0, sl = s.length; i < sl; i++){
+				
+				if(s[i] === ''){
+					continue;
+				}
+				
+				for (j = 0, fl = f.length; j < fl; j++){
+					
+					temp = s[i] + '';
+					repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0];
+					s[i] = (temp).split(f[j]).join(repl);
+					
+					if(count && s[i] !== temp){
+						this.window[count] += (temp.length-s[i].length) / f[j].length;
+					}
+					
+				}
+			}
+			
+			return sa ? s : s[0];
+			
+		},
+		
+		/**
+		* A check to make sure we have something to wrap our notices with
+		* @private
+		*/  
+		_verifyWrapper: function(){
+		  
+			if($('#gritter-notice-wrapper').length == 0){
+				$('body').append(this._tpl_wrap);
+			}
+		
+		}
+		
+	}
+	
+})(jQuery);
diff --git a/lib/jquery.gritter.min.js b/lib/jquery.gritter.min.js
new file mode 100644
index 000000000..ff8c3f01e
--- /dev/null
+++ b/lib/jquery.gritter.min.js
@@ -0,0 +1 @@
+(function(b){b.gritter={};b.gritter.options={position:"",class_name:"",fade_in_speed:"medium",fade_out_speed:1000,time:6000};b.gritter.add=function(f){try{return a.add(f||{})}catch(d){var c="Gritter Error: "+d;(typeof(console)!="undefined"&&console.error)?console.error(c,f):alert(c)}};b.gritter.remove=function(d,c){a.removeSpecific(d,c||{})};b.gritter.removeAll=function(c){a.stop(c||{})};var a={position:"",fade_in_speed:"",fade_out_speed:"",time:"",_custom_timer:0,_item_count:0,_is_setup:0,_tpl_close:'<div class="gritter-close"></div>',_tpl_title:'<span class="gritter-title">[[title]]</span>',_tpl_item:'<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none"><div class="gritter-top"></div><div class="gritter-item">[[close]][[image]]<div class="[[class_name]]">[[title]]<p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',_tpl_wrap:'<div id="gritter-notice-wrapper"></div>',add:function(g){if(typeof(g)=="string"){g={text:g}}if(g.text===null){throw'You must supply "text" parameter.'}if(!this._is_setup){this._runSetup()}var k=g.title,n=g.text,e=g.image||"",l=g.sticky||false,m=g.class_name||b.gritter.options.class_name,j=b.gritter.options.position,d=g.time||"";this._verifyWrapper();this._item_count++;var f=this._item_count,i=this._tpl_item;b(["before_open","after_open","before_close","after_close"]).each(function(p,q){a["_"+q+"_"+f]=(b.isFunction(g[q]))?g[q]:function(){}});this._custom_timer=0;if(d){this._custom_timer=d}var c=(e!="")?'<img src="'+e+'" class="gritter-image" />':"",h=(e!="")?"gritter-with-image":"gritter-without-image";if(k){k=this._str_replace("[[title]]",k,this._tpl_title)}else{k=""}i=this._str_replace(["[[title]]","[[text]]","[[close]]","[[image]]","[[number]]","[[class_name]]","[[item_class]]"],[k,n,this._tpl_close,c,this._item_count,h,m],i);if(this["_before_open_"+f]()===false){return false}b("#gritter-notice-wrapper").addClass(j).append(i);var o=b("#gritter-item-"+this._item_count);o.fadeIn(this.fade_in_speed,function(){a["_after_open_"+f](b(this))});if(!l){this._setFadeTimer(o,f)}b(o).bind("mouseenter mouseleave",function(p){if(p.type=="mouseenter"){if(!l){a._restoreItemIfFading(b(this),f)}}else{if(!l){a._setFadeTimer(b(this),f)}}a._hoverState(b(this),p.type)});b(o).find(".gritter-close").click(function(){a.removeSpecific(f,{},null,true)});return f},_countRemoveWrapper:function(c,d,f){d.remove();this["_after_close_"+c](d,f);if(b(".gritter-item-wrapper").length==0){b("#gritter-notice-wrapper").remove()}},_fade:function(g,d,j,f){var j=j||{},i=(typeof(j.fade)!="undefined")?j.fade:true,c=j.speed||this.fade_out_speed,h=f;this["_before_close_"+d](g,h);if(f){g.unbind("mouseenter mouseleave")}if(i){g.animate({opacity:0},c,function(){g.animate({height:0},300,function(){a._countRemoveWrapper(d,g,h)})})}else{this._countRemoveWrapper(d,g)}},_hoverState:function(d,c){if(c=="mouseenter"){d.addClass("hover");d.find(".gritter-close").show()}else{d.removeClass("hover");d.find(".gritter-close").hide()}},removeSpecific:function(c,g,f,d){if(!f){var f=b("#gritter-item-"+c)}this._fade(f,c,g||{},d)},_restoreItemIfFading:function(d,c){clearTimeout(this["_int_id_"+c]);d.stop().css({opacity:"",height:""})},_runSetup:function(){for(opt in b.gritter.options){this[opt]=b.gritter.options[opt]}this._is_setup=1},_setFadeTimer:function(f,d){var c=(this._custom_timer)?this._custom_timer:this.time;this["_int_id_"+d]=setTimeout(function(){a._fade(f,d)},c)},stop:function(e){var c=(b.isFunction(e.before_close))?e.before_close:function(){};var f=(b.isFunction(e.after_close))?e.after_close:function(){};var d=b("#gritter-notice-wrapper");c(d);d.fadeOut(function(){b(this).remove();f()})},_str_replace:function(v,e,o,n){var k=0,h=0,t="",m="",g=0,q=0,l=[].concat(v),c=[].concat(e),u=o,d=c instanceof Array,p=u instanceof Array;u=[].concat(u);if(n){this.window[n]=0}for(k=0,g=u.length;k<g;k++){if(u[k]===""){continue}for(h=0,q=l.length;h<q;h++){t=u[k]+"";m=d?(c[h]!==undefined?c[h]:""):c[0];u[k]=(t).split(l[h]).join(m);if(n&&u[k]!==t){this.window[n]+=(t.length-u[k].length)/l[h].length}}}return p?u:u[0]},_verifyWrapper:function(){if(b("#gritter-notice-wrapper").length==0){b("body").append(this._tpl_wrap)}}}})(jQuery);
\ No newline at end of file
diff --git a/partials/container.html b/partials/container.html
index 81f36863f..ae78e6f60 100644
--- a/partials/container.html
+++ b/partials/container.html
@@ -22,6 +22,27 @@
                 <td>Args:</td>
                 <td>{{ container.Args }}</td>
             </tr>
+            <tr>
+                <td>Ports:</td>
+                <td>{{ container.Config.PortSpecs }}</td>
+            </tr>
+            <tr>
+                <td>Hostname:</td>
+                <td>{{ container.Config.Hostname }}</td>
+            </tr>
+            <tr>
+                <td>Cmd:</td>
+                <td>{{ container.Config.Cmd }}</td>
+            </tr>
+            <tr>
+                <td>Entrypoint:</td>
+                <td>{{ container.Config.Entrypoint }}</td>
+            </tr>
+            <tr>
+                <td>Volumes:</td>
+                <td>{{ container.Volumes }}</td>
+            </tr>
+
             <tr>
                 <td>SysInitpath:</td>
                 <td>{{ container.SysInitPath }}</td>
diff --git a/partials/image.html b/partials/image.html
index 654400c4e..d94c4f96c 100644
--- a/partials/image.html
+++ b/partials/image.html
@@ -1,5 +1,9 @@
 <div ng-include="template" ng-controller="StartContainerController"></div>
 
+<div class="alert alert-error" id="error-message" style="display:none">
+    {{ error }}
+</div>
+
 <div class="detail">
  
     <h4>Image: {{ image.id }}</h4>
diff --git a/partials/messages.html b/partials/messages.html
index 6857750eb..90527bb6f 100644
--- a/partials/messages.html
+++ b/partials/messages.html
@@ -1,3 +1,4 @@
-<div id="message-display" class="center well messages" style="display:none;">
-    <p ng-repeat="message in messages"><span class="{{ message.class }}">{{ message.data  }}</span></p>
+<div class="alert alert-error" id="error-message" style="display:none">
+    {{ error }}
 </div>
+