From 1bea110fe6d10977d8354401d5702ae60058c93b Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 2 Jan 2014 16:21:06 -0500
Subject: [PATCH] web client touchups

---
 dashboard-ui/addplugin.html                   |   8 +++
 dashboard-ui/css/detailtable.css              |   8 ---
 dashboard-ui/css/images/media/audiotrack.png  | Bin 1190 -> 0 bytes
 dashboard-ui/css/images/media/chapters.png    | Bin 854 -> 0 bytes
 dashboard-ui/css/images/media/fullscreen.png  | Bin 466 -> 0 bytes
 dashboard-ui/css/images/media/mute.png        | Bin 937 -> 0 bytes
 dashboard-ui/css/images/media/nexttrack.png   | Bin 677 -> 0 bytes
 dashboard-ui/css/images/media/pause.png       | Bin 323 -> 0 bytes
 dashboard-ui/css/images/media/play.png        | Bin 659 -> 0 bytes
 dashboard-ui/css/images/media/playcircle.png  | Bin 953 -> 0 bytes
 dashboard-ui/css/images/media/playlist.png    | Bin 256 -> 0 bytes
 .../css/images/media/previoustrack.png        | Bin 703 -> 0 bytes
 dashboard-ui/css/images/media/quality.png     | Bin 1035 -> 0 bytes
 dashboard-ui/css/images/media/remove.png      | Bin 880 -> 0 bytes
 dashboard-ui/css/images/media/settings.png    | Bin 3344 -> 0 bytes
 dashboard-ui/css/images/media/stop.png        | Bin 127 -> 0 bytes
 dashboard-ui/css/images/media/subtitles.png   | Bin 698 -> 0 bytes
 dashboard-ui/css/images/media/volume.png      | Bin 941 -> 0 bytes
 dashboard-ui/css/librarybrowser.css           |   4 ++
 dashboard-ui/dashboard.html                   |   5 +-
 dashboard-ui/gamesystems.html                 |  60 +---------------
 dashboard-ui/livetvchannel.html               |   3 +-
 dashboard-ui/livetvprogram.html               |   1 -
 dashboard-ui/livetvtimer.html                 |  12 +++-
 dashboard-ui/plugincatalog.html               |  32 ++++-----
 dashboard-ui/scripts/addpluginpage.js         |  26 +++++--
 dashboard-ui/scripts/dashboardpage.js         |  28 +++-----
 dashboard-ui/scripts/gamegenrepage.js         |   8 ++-
 dashboard-ui/scripts/gamestudiospage.js       |   8 ++-
 dashboard-ui/scripts/gamesystemspage.js       |  67 ++----------------
 dashboard-ui/scripts/librarybrowser.js        |  14 ++--
 dashboard-ui/scripts/livetvchannel.js         |   6 ++
 dashboard-ui/scripts/livetvtimer.js           |   2 +-
 dashboard-ui/scripts/movies.js                |   9 ++-
 dashboard-ui/scripts/musicalbumartists.js     |   9 +--
 dashboard-ui/scripts/musicalbums.js           |   8 ++-
 dashboard-ui/scripts/musicartists.js          |   9 +--
 dashboard-ui/scripts/playlist.js              |   4 +-
 dashboard-ui/scripts/plugincatalogpage.js     |  12 +++-
 dashboard-ui/scripts/supporterkeypage.js      |  59 ++++++++-------
 dashboard-ui/scripts/tvshows.js               |  15 ++--
 dashboard-ui/supporterkey.html                |  12 ++--
 42 files changed, 190 insertions(+), 239 deletions(-)
 delete mode 100644 dashboard-ui/css/images/media/audiotrack.png
 delete mode 100644 dashboard-ui/css/images/media/chapters.png
 delete mode 100644 dashboard-ui/css/images/media/fullscreen.png
 delete mode 100644 dashboard-ui/css/images/media/mute.png
 delete mode 100644 dashboard-ui/css/images/media/nexttrack.png
 delete mode 100644 dashboard-ui/css/images/media/pause.png
 delete mode 100644 dashboard-ui/css/images/media/play.png
 delete mode 100644 dashboard-ui/css/images/media/playcircle.png
 delete mode 100644 dashboard-ui/css/images/media/playlist.png
 delete mode 100644 dashboard-ui/css/images/media/previoustrack.png
 delete mode 100644 dashboard-ui/css/images/media/quality.png
 delete mode 100644 dashboard-ui/css/images/media/remove.png
 delete mode 100644 dashboard-ui/css/images/media/settings.png
 delete mode 100644 dashboard-ui/css/images/media/stop.png
 delete mode 100644 dashboard-ui/css/images/media/subtitles.png
 delete mode 100644 dashboard-ui/css/images/media/volume.png

diff --git a/dashboard-ui/addplugin.html b/dashboard-ui/addplugin.html
index 87ed8b212..294bf0d36 100644
--- a/dashboard-ui/addplugin.html
+++ b/dashboard-ui/addplugin.html
@@ -39,6 +39,14 @@
                         </p>
                         <p id="regInfo">
                         </p>
+                        <p class="supporterDescription">This is a <a data-rel="popup" href="#supporterPlugins">supporter-only</a> plugin.<br />
+                            <br />
+                            It will require a <a href="supporter.html">supporter key</a> in order to register after the <strong>14-day free trial</strong>.</p>
+                        <p class="premiumDescription">
+                            This is a <a data-rel="popup" href="#premiumPlugins">premium</a> plugin.<br />
+                            <br />
+                            It will require a <a href="supporter.html">supporter key</a> in order to purchase and register after the <strong>14-day free trial</strong>.
+                        </p>
                         <div class="premiumHasPrice" style="display: none">
                             <p id="regPrice">
                             </p>
diff --git a/dashboard-ui/css/detailtable.css b/dashboard-ui/css/detailtable.css
index a23cf5103..41f975255 100644
--- a/dashboard-ui/css/detailtable.css
+++ b/dashboard-ui/css/detailtable.css
@@ -51,17 +51,9 @@
 }
 
 .detailTable .btnPlay {
-    border: 0;
-    padding: 0;
     margin: 0;
-    background: none;
-    cursor: pointer;
 }
 
-    .detailTable .btnPlay:hover {
-        opacity: .6;
-    }
-
 @media all and (min-width: 600px) {
     .tabletColumn {
         display: table-cell;
diff --git a/dashboard-ui/css/images/media/audiotrack.png b/dashboard-ui/css/images/media/audiotrack.png
deleted file mode 100644
index dfa4dc260622b6003ae7d5a0b01f32ea50b2dee0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1190
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCijM2l#}z
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HygRKY#S-5s(WcpFDZ;?AbG*Adm|rfn10noQp>g
zs0Ijt+94!RFPsaK00W31jQ146g$v^0LZsFvYb^wN!=WU|FPMRagGWF_LPkMFL&w0x
z!p6bH!zUmlA|@dvBd4IGqNbs_y}N(%^x5+lFJHZW^Y-2Q4<A2${_^$P_a8rh{r>a!
z-wv^VH#0CWJ9)Y|hD5Yp4U4W`WFWx0Cwl9)uAr@5QB$|wTRP49=l}g##f+XF40osh
z{kG?YL9ySYlPN-;zuH%9i`z22J@RQ<xy4Lr_RDM>2b16EYqMzD99h5gW<S@J|H_R;
z%k3}mCNItYTeQp}V{Un$$AXV_i;8pCg|-T9IJ?(yKF@C6H8oFIyf$mw`<CDAVCh@=
zVM~Ke8Ov#x8)okW1L}=m2psg$6bi80{IWubmFa4++;8{Q;yMfGZmnX;R}oj;`1tvU
z`qe5L?hB@w@4GyOg=uc@>-aq$3rbEt{GBUu={MgUZq)_uaY;{~)pIgG;r&@JEO9*U
znh?{}3ql*1RHut+JXd9Sb3u%KV&YNGj=lT86dk#c*diqzouTvKW>ug4o{OJuGDYQl
zc~H~Ld8Tu+#Zq5A`Qt~<7IX?fJD^!Ip~>8}Mzx+Pp}FabL0`VZGl8WWm-Bkee~~UA
z`#ERf{RK^nwDK=Ia;_EM+N~Shdq}ipwb-)W2VV^rH+ddqRgH4k(th3Vjjpu9oO?;8
zMY4^IN9)Bt@V0WjXixaxvb8Er=7Zx;*3gQjKbLU*y?kwv(zz+s2iNaE{6V!fe{<uU
z9lYmutMzqRWu~v&G>=2Z^11Q9d#=Zy&h9z#{nm1qhS~8R-@0@7ZZgy@-`&|T_uE8f
z@u|~0d2Rh4xa$}w95Z!ZFqcE-QU15YzxT4wHTK(IKk?N=XxAf_tTTERvsd2gS{1A;
z>oIAW#yQ2eKaOw)?6zTl;4-r}`tANY*=JAkp3i4BJK8YyMewo|#`S6&Zxk|#pSs;v
zHhEL%C05N08TmCC_IKP(P49JVdo8Dbz()T%gHFb7HtQ)9ZE{Q)?@!M>#C^b5&rN*3
zRkW(1Z{1&k`DcVg=bNM_9Wm!9*l#Ds7M{xDZ031-$Ag6RqBavMZshEra4PP~;wh@%
zg~XgD2Q|1pKXmQ(uI!4615dUzFqIcAfAO8SKYzK&g^Q>6CS<;;v|HC&ofzuM^l9M?
z&j<FMKQ=T!voVzXa<nF*==;-zNk`k$)fT^+@soek&kg+f-9O5-`}H3_o6^46;6Kl;
zKf1-uiwjvboQfDXe@OE(lysJR_fx&!a{V38;~FdH=Q;85Kdv%tci#GS)yrQIZ~yTA
cH2lLDaPrU0KMn%Ez?{k8>FVdQ&MBb@0Jm~_QUCw|

diff --git a/dashboard-ui/css/images/media/chapters.png b/dashboard-ui/css/images/media/chapters.png
deleted file mode 100644
index 3e71752f969ecc24a6b6f9ec5a472b889ca8dc7a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 854
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCijM1o(uw
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HygRKY#S-5s(WcpFDZ;?AbG*Adm|rfn10noQp>g
zs0Ijt+JOM55yA$GK?#T;Tm-^}3*zBIr0T?tEP;NoFA4GsW?<pq5fG7(QBcv)F)*>P
zad7eQ2?&XZNl3}aDJZF^X=rZmpFDl`{Kd;xuiw0V_x{7jPoKYh{r3IG&tJd){QdWK
zMkYT72F7omE{-7)t#7B~m(MZ~Id*tHmur}0uE(N`tz}lR+J0#(Lr;GHAJ*K>xnc8M
zjn~}%uRm*<-+Au-Zm*@|ij6u}(&lEb>n_|a+?V+*FSse1qtwXhcgp8bgW9Kw8_#hx
zPd*cs{$+AAAB%o(U-|8py#<;<IgjQRPPw^5^~&W5n<qAiJilFTvL|Twex5}oK{|7{
zPZB7T4BH+3rTXLb!v{Vedwxs**Q<Z8<z`NI4d-~halQ6kKE6$X+pnoIvOU|NxOqyN
zu>T|vZLbvqzsjfF)i`_WY{ATDFF)IJoHWnTx+^A^`;=e1<!<o#z*(j9C-kN1RL)I!
z@SENL?xwQ(i7|&)xfN(~M|l}59bGZqZSIDCwsp7WoIF#t?d8$ZL%%NCznhf4X>(22
zzEj3An=7x|UDIJOuI34im~pYMtm`*}#uqEjD~tcBCy1_c|66X!`ru%;nsDW&mUVMq
zN4D52@VM?M{(Rx?_07}cI6EFXtgA76ke2yLQu@&ILfhMqMH|?oCvwOuzUeGrHs1E_
z>zh#44?NcUJZ>B+PCaGbbMU$5`c&aKrl1|$qjZekDJH8NGQHDRc53y_U*4=A%+7vQ
zv9@ZCm{-C2P+w5&Cbz~>o%^rUPOXdk6wgq?7{egXvB6g=tD51+<+iT#%h<&aSTih2
obaqV-KEztU$A2n)zsG*Y1;?7I65C|Ufr*L1)78&qol`;+0NCx+>i_@%

diff --git a/dashboard-ui/css/images/media/fullscreen.png b/dashboard-ui/css/images/media/fullscreen.png
deleted file mode 100644
index 0e33511113249b96f553b97658cf9bdd65fcea47..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 466
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sBugD~Uq{1quc4e6dPjv*CsZ*TASI}{+nTJX*{p(tU?!s!>z
zUc4x1ZZ2EHc(388#j8_Kv^VUuu-KIOh}&RS?Bs0+FS5Uo-@mL~$k{M8yXw4t<~dts
z`IF^}jH1UsM!)ySoTYc{@kg$$qKh=F!o6%4nuYNw9N)Ro=6w3T_xgd+iadu`Ui<aJ
zJXm?|QAUNir5WsNp8nMA|9xu*%i68W|JMEI+InuQ&PnMx+FO}VY<hD^;&b0E&QDhI
zs&c2c9hPk<5o3qoutHw3>xbn(&8&J^c~3k`{lV@-B2zoify}}~26M94w!eseeKF%p
zSFw6Tc6;-|gubZ2K#|C$S6FJZHJN8Tyu&&BY}%yMnXYR;v`_L#FJypV*<EbmMX5Rk
z_a>{HOc!9ezhbSx@sBf))ZWaRd!jg6uAGneLHwWR8SMo?^`h1foG<BT8*gHM*JG%^
mVy%Mp1E;c^##zpL@9DozDVZguv)>6A4-B5JelF{r5}E)xAjOja

diff --git a/dashboard-ui/css/images/media/mute.png b/dashboard-ui/css/images/media/mute.png
deleted file mode 100644
index a652f4e2f78701f30f1fe6741d1a15d1a8d44d09..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 937
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCil~2Ka=y
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HygRKY#S-5s(WcpFDZ;?AbG*Adm|rfn10noC_C3
z69IC80H_y20yV<9APF#l2*P+zAzZj1G8dE0y{7m9&;xcQL4LsuEF3%nA`&tRDjGTl
zCKfghE*?GsArUbNDLDlt6*Udb?cM#8r_Y|hc=_t}o44=YfB5+6^OvvRzW@C7`_JEh
zUqAZm6$1m4ucwP+NJQ(~Y1!qA3<TPkgZ5m#6}I%&sttFe^6y?c6&0BH@BjH*o|{4x
zI3JvBpEvLF_wJM#l{}MAs<hNdOY-jh5oU0uYk$83d%;Jh1<Ws67cd*lXDDHqUhl|l
z(C5e=P|tdSk>}e2<`uTgFBq)kfzrziUoc4JPq-f0u)A5Hp6@_Z*Tbv^?JV`~aHb{a
z>>K18VjecHWDaN#Xa2FxXphi?lNLLpdw=b0usAvI;#V{Gte-QiuSqtXtUq42>!|Cx
zP|*z!^3M96ljB>(c(3wTeq=Y-vA^3g%iFxoKJ{odct0~)BztYY?b1u#7d9B3V)TAi
z@A`QA){=M8(I$VjSdaL=DmvI#UU6C=YfHX$D#N^kPg+h1y_(T+L5K0n&76<SY0(o6
z9J-@<IwB4*$>&5n9S~>VEU+PswIjGz&BZBW!NX+&2f8+N^XDq5K43Ibb`D(4a-i%W
z%j(XZ-7S)OdJ{8Co-{~X9k8C}|AdA8x+9l@Zrsl`JcV}JO6oC>J@^#b+`Ic@`~NeX
z5iah#5X@{)K4W3_FN6PgCNd>*6ofE&<Q{x|;wWFyrZkQj_vcDAEIr2H_eocY@x7qF
zD}x^QW<#%De-`WSZmM_6*1!Cye(>=8MRjvIf?2-{G2MOon(Jc=%Z}N%loIEMc&&U<
z#6ELzr|_h<&~@%#?xy|g5#AKL&Vg<3mgA47EPcKB>4h~C{jNvX{hj?%^!4Gk!`r-W
ztd!|D-2c;EzQ+E>$Lu%NQ$>ANil<ba-S^-?_{#l#lRlh1qV;|Hi8r=8J|BM>`>*AH
b)L-Vy(y1cr9^VQDCQ$}YS3j3^P6<r_AMg64

diff --git a/dashboard-ui/css/images/media/nexttrack.png b/dashboard-ui/css/images/media/nexttrack.png
deleted file mode 100644
index 94d416769bcf31a2d04db0fd6664f9c6e346ea3d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 677
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCilq1^9%x
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HwI4Jp!_U<dY{)o;`a86ajL9B#;XM5H>^sTnZux
z<N^Uu7Z3myL)c(35CIWE<3a?HNw`X6LDuSy(?AznmIV0)Gq7;*2#83?sA%XIm{{02
zxcEfGB&1~I6qHodG&HyOPo6$|@$%K{H*ep)|M2nCm#^Qx|M>aq_n*K2PH_0Pi-CbL
z*3-o?B%<~0wYx!w3<OvohzMNhVp_B)DfEw{Bg>UrbH3LbCJXvZW?pwiQvXfdJkR|z
z-==I@9THd{ICo*JG=uGpPzE-RpDS|>7yJ$_^NJ5^VGx+l@=sG(e&P(K16y1f9<0=4
zZK&S<ys{>GI@1MlQ6`1XQ%(#OXTR*}iMI+m@MVubL&BX2Ol9Y1{@A6)I$_Rq&W7!q
zCkYtX$_p^e*t(SA!wm%n1D>S~FL$0ws@<x}>T}+tZ+D|WMC9Z&KL&{_#Y`S*mW<1}
z9_(i-v`e^ks&uM-+XR*iwQ|e#n;0ZoP3mq;wAFa|`T6nFKfm)%I3u56-sjJJbMY<-
z#+xRanb$BMt1j8lQ<mC%RIWMf&z&$YCY6b{^Y=fB^XzQc{YGm;M}F2RU9O7L9l!mr
zF@M~+op0&?ClhM?7<NsVX%V$?`OX8+SxXxkqx&Tu=x1bpWbI|NU(fV|b%FKfY~}?T
c+wU=6oPCnLy3}kPFt!*xUHx3vIVCg!0L8Ow*8l(j

diff --git a/dashboard-ui/css/images/media/pause.png b/dashboard-ui/css/images/media/pause.png
deleted file mode 100644
index e3113d9aeed7f00e2a9dd0c4cfe40cdc5c6899ce..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 323
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=Ea{HEjtmSN`?>!lvI6;>1s;*b
z3=DjSK$uZf!>a)(C{^MbQ4*Y=R#Ki=l*$m0n3-3i=jR%tP-d)Ws%L0m@TF)WP}P1<
z7srr_xVN`A@*XzeVR7i66u9ZXRNF&C5ebDw&$va4j#fXAc2a!!y12(M%AC*I6pX&k
z|Gm%tdTFnD)x781&*?n>>3eJI;`7_D&6ETh$>7mnE&`%oohbrQ3U6-(g6I{-#vp2f
z+<OfWeP!lT5aj^W38Dki(?FDh?LDaC(~LlF!<KA!5WV2s84#)N@XI)H`7tP(-}jh3
XvguXY4UU`JfwByqu6{1-oD!M<B(-NK

diff --git a/dashboard-ui/css/images/media/play.png b/dashboard-ui/css/images/media/play.png
deleted file mode 100644
index 767d29fdbf4c2f53b17e80e5659b854fbcf94fbb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 659
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCilq1^9%x
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HygRKYs)UPo6w^_Usu@1Skb0fn1<4oDCNNibL2C
z5~u(OfEs}SC<S4I#hyaA5H^qma^WHn239Ua@M3O8G|<JCB|(0{3@jWx0wNMJ3Mx7V
zCKfghE*=3P5itoV83iR3H4V+}{gbE9Uc7w$=Iy)pA3lBl^7Y&IA3uNn{`2?WLaZE~
z3=E9ko-U3d5v@zFM+P4X;9-5R>-}#%t*#Xdn#2~~`TYO?4E;mRdp-TCKh^D@d2WfN
zXQ0mN-EkSA)7X_7u0&pBNZ6suG-F-|!-pHcjQ=t8l({fmUCP1m*HrMp_kA1+ce@x2
zZiq1ck?Cf*kb6z2lwtmDrG{5AEDh=VR6jB7`{u&%Sz3_co|y~7WMx5zDut*+%nkiJ
zRBISE8w)a2tyXIIxQ-*CPM7Jx>dEyY4W9y7CcIlSO@Z;j-4pgw2fl=`^!%U9wubW{
z)3csO4Kr<3H4n_b%=19am4_u#l&Lwvgw0{jbvuU~9=!u^boc^dkDRw{xO3a5;jRpC
z!~NLL2PVW%Epm8u;rwQY&D@Ll_L%HW{KtGXbn$c3geT7<IBZxwr5KJqSjMPr<)LtQ
z`|c{S14sJ&xjrz>VfZ7e#CGgU+-&x$wS8+<1@w#RzDmc6cmHDD^24HdS7XpRVB9cx
My85}Sb4q9e05}q1JOBUy

diff --git a/dashboard-ui/css/images/media/playcircle.png b/dashboard-ui/css/images/media/playcircle.png
deleted file mode 100644
index 007b1e512dc9e3fcc0d7647a7a90446c5d385697..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 953
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-sEa{HEjtmSN`?>!lvI6<L0(?ST
zf%Jb2@bBM0pctG4G9YY-LI@X5LR7-J5S4HeS)7V&prvxR)V2X#Z(9=N7tFxI!6P6d
zA)}z8p<`lU<KW`q6A}@Vkdl#8P*PFT(A?hLKY9A>`HPpYUcY(w{=>&lpTB(l_Wj4t
zU%&tS{kPB>&O8PNrbJH{#}JRs+G#J7Rv8GiHm}&SHExYkspG0GI~FVzOMSlQfA-ym
zkZCIC_@{oXah@^LN1<io!bI7a`~M5=!dD&ncX!LV*|H1LF6JrOPw=jqv3k$m)EB!F
z-=6;&y5~j5mt_7Ee#J{aeYrPRWQX6*qMHjp<?es`E>Gi;QJ#~C)V<1wu0h)*o33vw
zmr#0of95R>w?$jOa2{Id;eX;Z>jmj@-iMk>rFpU9nYs(!DAuf4KFK@wkx9WmTX&29
zS8I7f&aW;scJ)1Lu>0>M8;hy;d;W29a6eq@TavPMg_@CLRkh)nKf8sKyk9Zo)m`&Z
zsXTgr!q;eqvOC+}xf~6?VKLE+Vf%6Ayh{wlVh5hiWbT=GDuqKshCxw1axROM;R8Xr
zhLGe=<$W1t-)k5m3=g!0y<zZXNx1EIO(^}*Apxcz@5~xCnI4%-@8#Swc`1|0>dWj7
z+2KzQ@J~y6@aam-q_zp~T6+a7wzl73+W$n@S}?&_cI&Z;YciJoXt+2{IEvZ2zE6(d
zLv2l5SEkoej`uPR)+KHyGCsuCHveP1leRSX$))q0m-3`D!gs_322642lkPOFv@O|e
zxoMG}_YyDWgxy;VEOmZwd3=3&!^zw1sVjDzQJ-tPcz3m$ly~!zU0b^&Oy0k{_PucL
z{Mf$?;(2jelVenxUwtw?_<ix^NgnJA0;_yORu^&VeYjZiQd22(iTsbAeHKrQx~<=*
z7(d*$$f^J1jTFAZOh5kLuN$sTuXp{n<CuqX_dd@f+81{_T=)4rw;)E}B=oA-YiA#Q
zR&L$3_SQ?kYEIaBdO7>2Ln&`hTV8H$+3y~m-u$24{7}_0rI)H_fvJ|k)78&qol`;+
E06miyu>b%7

diff --git a/dashboard-ui/css/images/media/playlist.png b/dashboard-ui/css/images/media/playlist.png
deleted file mode 100644
index 3202971d4f80d8fc61156ef2e6499b985a929d94..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 256
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sBugD~Uq{1quc!Kt1ujv*CsZ*OkoWik|DxoA8!fNN<0*IXbe
zaAUbPb4uo}8I>pV_H=%Is_c2@Sk!CpaH;2&|6X{R2d!rGSj(oc^$T;4<@4rwDxGKc
zvE46OdM*(m@h1I)tN$dIwEukeFTLg-UJ}MUA&S=_>m~b*^AFlVI(Dpk?HB$^Ms2H9
l!<8%spvDs_o#zYxFp4><n!U)cQ3g7Y!PC{xWt~$(697MnUaJ5A

diff --git a/dashboard-ui/css/images/media/previoustrack.png b/dashboard-ui/css/images/media/previoustrack.png
deleted file mode 100644
index afb27c584ad1981de9db8219125abf3fe67b0049..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 703
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCilq1^9%x
z0_p$%|KGoV|K-b<KoSTZKYslD`SVAQ9zA{f6i7aK^5ogGXFxVk9LNR&AR9<RxDW+!
zS)d@04Fo_fKmbt;WIzNVBt#G{0_4I)APlTrh@jmUy(2&uTb2a*1v9X4@CZoAD5z-Y
z7?{{NxcCG_#3ZC-<P?-tG&HyOPo6$|{^I4U*Kgjwd;j6n=PzHsegE<E*Y7`n|9v^w
z?==GhW4Wh`V@O2n+iRJ@%?1K&4=yA*PmNmpRqJY&t#+2b&hP*KXJoz<oFvX+aBjun
zx;riDX_7Z$kFC;>&o3(BW>9GlXSC-sd1dfcg2^=hq~oo9k+T@*N(wUUDpnFc@HISL
z>Oxig(#?&{zb7zUsOXS8$+RYJgJn14qq!3V3yf~gJ?W6X%X>M~*@-3F*!yZU=Q7=B
zp1`o7Rz0$zbYq8XF2if9j^&dZzNu>-oLWAK%fkQFUegOTS1)r2$gilIxT99OX$xP(
z^WuX375f`9c`g1md>3+N4ER{tV5nusAE2Q1K%VJ`{t3p4z}0$;E{7M19C%gx$C;;4
z%2ecEM_$qMn<6*-bXgsGjdrelm794rWbJ7OU-fOJYYmG`bb{EsKQl2L<8$9w@+u>{
zpK$?C`<I7W*L8TWN9h}|xSTCt$k)MWX~O!=RGYi)^=zh|xqb`>ZrnU0B4Ap-P&Iq+
zGKqDSi_*3{>+HW*aj_(KM&93ru|LI`gDux_F@#R(&ld_g{z^or%O4nz44$rjF6*2U
FngHAFbi)7u

diff --git a/dashboard-ui/css/images/media/quality.png b/dashboard-ui/css/images/media/quality.png
deleted file mode 100644
index 4df2a66d48ce46796ccb9c60e0b269747d262c77..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1035
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCil~2Ka=y
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HygRKY#S-5s>@j$&+W#o&iOGY#<5b0>yzOoQp>g
zs0Ijt+94!F7laFz0TB>EG%j2a!oWr9?ac83dcdwE$S;_Ig@Z>xL_$VEMZ>_v!p6bH
z!zUmlA|@dvBd4IGqNbs_y}N(%^x5+lFJHZW^Y-2Q4<A2${_^$P_n*Ih|M~mxl@(tv
zGB7Z$_jGX#iD+FK{<7+k0gn$yOSYy?_ztd;MpmxdQ;Zpf_Ww^7WxwP#&1crTKaVz>
zG^ct`OOlY9@$}o1v$hrYF2?#=r_P-%XWdw^a;YfCh6afxPo|6Po3T_RV+B*5S7W2r
zgXJPKRx>Hh_Dk?)sav{my11fX!D`MWX?p*@Zc)n#J!HgLuhNwIB*C|G*O6b})UW<*
zy|YT#vf_N%(aWD(Ew1+dG5Az*>`#_Vu}AaqA3h(&o<#HipLTpH1B+bC+T&6zAB6V_
zoLhcC@8-<r`8z**KCBV{`-GQe-f}yh5^i7F%8T2U+|AQH$G?5UqnE<JUr*Vr|HrQH
z(v0NXeL*!#nO7^w-{woVxY5@1#`?MWzNlS3pMJ4Utv`FsR(ZqZX}?<6Y+f2~A-KQx
zrP%$z$oa)JhhMDz6RzF&o_8&KWt_re<?RAnxQf|ywddta=)af~u-@tElNT)W7KF3U
zymjG7%t2WLW%m<I=hd%#;+^4JKOvPxXI|U^*1R99{zWsi75t3j5Kbw4pqOS-Vq?NH
zaVZ<?E2}!zs)eV|<u7=--Y<b?Z`y+0p@n_(Oy=G>V!F9c`=G=MR@+CcySi>Kl+ca#
zUic{H$&YRRe-;%j__KPO>rb`MDy^~2D~meIi+G-CKUbfucwX|z!j_+w(@R%-NdJ!N
zN?<u;AiJ;D{k+vVCx-f<y|Ja0EA~|yw%z&a)Z%{q?&a+!$9~oY?b20IIw$^_{WIsC
zhJAb07_KN+ANRb`n04wUzgIUys+a9L^}8w#3u_v`C|!J-zxii?l0-<FIs2y!pQGEv
z=Vs0Gzr`WF^KDP@*B|a}sh_n~+Owa8SL~e;T9bB4bkV^xvDWQ=FRE^|)cYNrrr>;B
zZ7IXgC!W7=y36gVGh$C%!IiPQmrXa+!QSM9hV~zJ+3@C^+#R=0d0KzzdtKQ4RzyhN
YwvRWf_+gMRFcUC%y85}Sb4q9e0C00FV*mgE

diff --git a/dashboard-ui/css/images/media/remove.png b/dashboard-ui/css/images/media/remove.png
deleted file mode 100644
index b1cbfeed0c272591f6e6a4f1aa8dd725f7711e16..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 880
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-sEa{HEjtmSN`?>!lvI6<r1AIbU
zf%Jb2@bBM0pctG4G9YY-AcPAcafx7xBkQ7&4KzIR6-z$Q={6-ne!&bZ96SOd5;6)Z
z8agHx4lW)(ArUbNDH%BhB^5Od&F$U&lc&#~zj*oT^_zF^KYaZ3`ODXD-+%o4_507?
ze^0F`0R{z=jHioZh(~Adw3kV%3<O%4S8UmuH1*P|6QNP&Tdpj6Gv|B#I_n5cjp%dy
zzHRwVMl(|q)+}kvdzW+l?>4(<T>*79+8<M&E?kgcJWZ;=@pJI0o3nN;d-?3!jBkfl
zMjY>#QLyxRa_3U*=A;LIqB_0B9=^V}cjsmm@!ctDKFc1iUA}7KlTxPlKkr$65Decx
z(}YKGWqA!teZX<!ZzW7yW^eyh@Wje0^tfA$L_pC4^G_{vx;jc9$E`iia6IR}yTjY6
zVolC__0dhttLLVlY56}}O={AqANN;FAM*I`DxWPk&yYEA*JFJTEwg=INd=Kdx!CRO
zoNaw7WZgPc%^0G-tua{6p>_G;hfh6kKYCug`^j1-^LUxT=6B9(jgs1wH!n<&y`rTY
z_t4PX|4SKr>#VqW6*YYKXMD6?@!_S8&i_BzQw4+nY~auNad_8(d1p0)?%Yb8x^D65
z)7*-!Asio$y*6-hYR><`m!TzW_P0;4+#>x+>^29k&j-x1o1RPxH9iuf?(}JWrPi*R
z?G23|r2KcKx4o^gKV*}An<F}Z*}U%0@o!&MT5NUk+93G#^Sk1f^~<tOw#XXjNrgQ4
za>GDg`bT;8r6d+FQ{UI6-hY;!P)$pf@^Wj*h}m{J<e2l~kRz>}qQ8sxpNW@eT^)GP
zU1HW3Rl#$w_pw^Bi59y2J{l4#Qo8F#>y@=LUxe=c?i^$Dx6`&d<ADC8EB>!Ngg@4Q
e(_U-yqdqSo<y%7P_DjI@#^CAd=d#Wzp$P!=+xbxd

diff --git a/dashboard-ui/css/images/media/settings.png b/dashboard-ui/css/images/media/settings.png
deleted file mode 100644
index 37a0565f1398545deb3defd980f178ecd76bad7a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3344
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
a#s2}IB9rMkGT=x60000<MNUMnLSTZSwM~@(

diff --git a/dashboard-ui/css/images/media/stop.png b/dashboard-ui/css/images/media/stop.png
deleted file mode 100644
index 169d018f4ca02a8d8adff5de42857a50805b6a08..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 127
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0P3?wHke>@jRv7|ftIx;Y9?C1WI$O`1M1^9%x
z{{R2~>C>m2O&79(B8(+Le!&b5&u*jvIpUr!jv*QolM@t}KKy5I=3m@1@u&h51H-mu
WZ5<qY&hi13FnGH9xvX<aXaWE|%O!dM

diff --git a/dashboard-ui/css/images/media/subtitles.png b/dashboard-ui/css/images/media/subtitles.png
deleted file mode 100644
index 42ddca807c2c688faf3435e4ec36b6b1ea3b3f20..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 698
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCij!2Ka=y
z0_p$%|KGoV|K-b<K=SF+r;i^$e*XM9kn!lzqbE<EJbU&GC;|}&av_3nE<^;*1*!y!
z0J%V25E7XS6oCMUAdL4E!i5WB<pLE$#MwS}Gy@%NRTAVE%)r9IBOoH9prK=6VqxRp
z;^7kz5|NOSQ&3V-)6m}CKY9A>`HPpYUcY(!?)`_4pFV&2`tAFVpTB<p{kPnzO}7{r
z81p<`977^n-`<FhZZeQy{~+$Kq3Y!^ab1H(?*?Ixll%U&cPlzGsV$$a_iaDpy|;gD
ztIhJ&7<kN=<ti@8z7;g>XmDG=2^G!Lg(AMYT~FM4`<Eks@<!fw^E4Udsu{Q#-^ew@
zak~8bchsRxICZN0b+yW3{??UhjB&-R`Fp1vD|!5E%deSJ6AYqn9<1Ewob~Q!@Xy^}
zxBLsRnDlzh(bLS=wp5grNNMpkRQa^G{CI4=UEY^5VySb|pSpyv@k|V<2Q(@TwVuVW
zB)B)SR_+Q7)?*Ilx-)tC9XSSd)@^54uP|^)&SI_rF*2Wb>}{}e@Mkdm_cp$inJwO;
z>-&RaafZKMGt4-lw0f&#fHYr01GCHn26l@BjrHt2znO$s=UFppvEH+0;$wAM7`(q{
zbIz_Ws~<{QylS3y_mEQk^lsrb>AJU;E*F^oc=oFu`=+<l&g7fLs3&}2>FmVRkm*O%
s{&U{RlyYL*`K9j1Kf(Od&wq0FzQ30+{ipFdVEi$7y85}Sb4q9e079L2YybcN

diff --git a/dashboard-ui/css/images/media/volume.png b/dashboard-ui/css/images/media/volume.png
deleted file mode 100644
index 3450d3939f5d1d9c1f1663b9f0003cee360e98a8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 941
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!SkfJR9T^xl_H+M9WCikf1^9%x
z0_p$%|KGoV|K-b<K=SF+r$F-Y<HygRKY#S-5s(WcpFDZ;?AbG*Adm|rfn10ngo`Nx
zQ~(hKDgXkYUI+;khjT#^PoF|WklAn%2m>n@BA9IW*9ho(+max^U<MWr9sv;v83h#$
z9Rm{!8wVE;pMa2<gp`b&f|81whUWI}{>js4&tJZJ{r27a4<A2${_^$P_a8rh{r>a!
z-x@bl-!m{Ug?hR;hD5Y3ou2Fb$bjegZQtd50v1OfDz<;x@_5Qm299^r-v8gKmwhTF
z-CAsRc;>eM`LVN?traj`b9vS0X?OEB^-caK-oWi}>;cP%`3E=!_B0AF*vYDXpkHJT
z!(W~`4Br{_7=B8hX>i>??Vk#x@dK0QCy#dgt6>#$XgS;e&hYP3v783`O6%Qguf;D<
zVE$3B8DuG7Z@htNU5U!>EvKITsQ;;Wpu03f`UXSy`d^n!-u?dm=;eWgkQ)m5(qEps
zym}$nS6cn~=e=c88|Lqs_U<sRZ~<d+eEF<J*(aHK0)?g>(|p7@?ZuwUH-2Y}#(iYy
zjoG>+&s`+{BU_;E2F<01{f?^JG;kC!Z8m-ywC(K-hKsKM9WPAL;GW6wu_Jyd&yp&^
zLPp!1FH_9J`Ip5s{9%ybnk$;&t>>_Z;Y{~F2Aj={GnzY#qFS5SJHG!c|L4o#cX)Bp
ztotkpTj$C4I38l1li<5I_}<*A4@X#^7-=mJ{+e)z#iQou)R@u_3F(gnYHtNIX=VG$
zE$CjQJJs~ouJTE&8P8YG)LQL6HBvS8@2nZ$t6XYd2Jbn|_~ZNwofV5bt*Qef*WGPS
z*!+KA-03^3bPmna_}g$#{8(Y)<2|)G`A04{-<!Fv^`ck1vhae1-;Z@h_M5F_aryP-
z<Eu!<pFi)geMqyK(pFZxv094ZD2HokRm|I&tOBp(B|<x<#x6~3h~l3RrS{;$t(B4r
zd4};)$G^_s{54f7-TU>=RXGoD@l4n>Pi}I3DvQAzlR}mk+S5-j_12SNbUG))STdt<
o_b<K}#)|4<mX5gF|K7-3Y;64b&O3YyFr_khy85}Sb4q9e09xk(&j0`b

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 9a01ec543..bfca776d7 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -958,6 +958,10 @@ a.itemTag:hover {
     margin-bottom: .25em;
 }
 
+.timelineItemsContainer {
+    text-align: left;
+}
+
 .alphabetPicker {
     position: fixed;
     right: 2px;
diff --git a/dashboard-ui/dashboard.html b/dashboard-ui/dashboard.html
index 489304a6a..304b4d25f 100644
--- a/dashboard-ui/dashboard.html
+++ b/dashboard-ui/dashboard.html
@@ -70,10 +70,11 @@
                     <div data-role="collapsible" data-collapsed="true" style="margin-top: 1em;">
                         <h3>Links</h3>
                         <div>
+                            <p>Bookmark url: <a id="bookmarkUrl" href="#" data-ajax="false"></a></p>
+                            <p class="externalUrl"></p>
                             <p><a href="http://mediabrowser3.com/community" target="_blank">Community</a></p>
                             <p><a href="https://github.com/MediaBrowser/MediaBrowser" target="_blank">Github</a></p>
-                            <p><a href="../swagger-ui/index.html" target="_blank">Interactive Api Documentation</a></p>
-                            <p>Server bookmark: <a id="bookmarkUrl" href="#" data-ajax="false" onclick="return !DashboardPage.bookmarkPageIfSupported(this.href);"></a></p>
+                            <p><a href="../swagger-ui/index.html" target="_blank">Api Documentation</a></p>
                         </div>
                     </div>
 
diff --git a/dashboard-ui/gamesystems.html b/dashboard-ui/gamesystems.html
index 3152be049..d9a1f6ede 100644
--- a/dashboard-ui/gamesystems.html
+++ b/dashboard-ui/gamesystems.html
@@ -13,67 +13,9 @@
             <a href="gamestudios.html">Studios</a>
         </div>
         <div data-role="content">
-            <div class="viewSettings">
-                <div class="viewControls">
-                    <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $(this).parents('.page')).panel( 'toggle' );">Sort</button>
-                    <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $(this).parents('.page')).panel( 'toggle' );">Filter</button>
-                </div>
-                <div class="listTopPaging">
-                </div>
-                <div class="viewSummary"></div>
-            </div>
+            <br />
             <div id="items" class="itemsContainer"></div>
         </div>
-        <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="a" data-position-fixed="true">
-
-            <form>
-                <div id="sortpanel">
-                    <fieldset data-role="controlgroup">
-                        <legend>
-                            <h3>Sort By:</h3>
-                        </legend>
-
-                        <input class="radioSortBy defaultSort" type="radio" name="radioSortBy" id="radioSortName" value="on" checked="checked" data-sortby="SortName">
-                        <label for="radioSortName">Name</label>
-
-                        <input class="radioSortBy" type="radio" name="radioSortBy" id="radioCommunityRating" value="off" data-sortby="CommunityRating">
-                        <label for="radioCommunityRating">Community Rating</label>
-
-                        <input class="radioSortBy" type="radio" name="radioSortBy" id="radioDateCreated" value="off" data-sortby="DateCreated">
-                        <label for="radioDateCreated">Date Added</label>
-                    </fieldset>
-
-                    <fieldset data-role="controlgroup">
-                        <legend>
-                            <h3>Sort Order:</h3>
-                        </legend>
-
-                        <input class="radioSortOrder" type="radio" name="radioSortOrder" id="radioAscending" value="on" checked="checked" data-sortorder="Ascending">
-                        <label for="radioAscending">Ascending</label>
-
-                        <input class="radioSortOrder" type="radio" name="radioSortOrder" id="radioDescending" value="off" data-sortorder="Descending">
-                        <label for="radioDescending">Descending</label>
-                    </fieldset>
-                </div>
-            </form>
-        </div>
-        <div data-role="panel" id="filterPanel" data-position="right" data-display="overlay" data-theme="a" data-position-fixed="true">
-            <form>
-                <fieldset data-role="controlgroup">
-                    <legend>
-                        <h3>Filters:</h3>
-                    </legend>
-                    <input class="chkStandardFilter" type="checkbox" name="chkIsFavorite" id="chkIsFavorite" data-filter="IsFavorite">
-                    <label for="chkIsFavorite">Favorite</label>
-
-                    <input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes">
-                    <label for="chkLikes">Likes</label>
-
-                    <input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes">
-                    <label for="chkDislikes">Dislikes</label>
-                </fieldset>
-            </form>
-        </div>
     </div>
 </body>
 </html>
diff --git a/dashboard-ui/livetvchannel.html b/dashboard-ui/livetvchannel.html
index 14dd84935..e5dbb2469 100644
--- a/dashboard-ui/livetvchannel.html
+++ b/dashboard-ui/livetvchannel.html
@@ -19,9 +19,10 @@
                 </td>
                 <td style="vertical-align: top; padding: 0;">
                     <p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
-                    <p style="margin: 2em 0;">
+                    <p style="margin: 1.5em 0;">
                         <span class="userDataIcons"></span>
                     </p>
+                    <p class="currentProgram"></p>
                 </td>
             </tr>
         </table>
diff --git a/dashboard-ui/livetvprogram.html b/dashboard-ui/livetvprogram.html
index b98d2f9b8..c3a29a215 100644
--- a/dashboard-ui/livetvprogram.html
+++ b/dashboard-ui/livetvprogram.html
@@ -53,7 +53,6 @@
                     </div>
                     <div class="detailSectionContent" style="padding: 0 1em;">
 
-                        <p class="status"></p>
                         <p class="airDate"></p>
                     </div>
                 </div>
diff --git a/dashboard-ui/livetvtimer.html b/dashboard-ui/livetvtimer.html
index cfb65a905..c92536ad9 100644
--- a/dashboard-ui/livetvtimer.html
+++ b/dashboard-ui/livetvtimer.html
@@ -13,7 +13,8 @@
             <a href="livetvseriestimers.html">Series</a>
         </div>
         <div data-role="content">
-            <form class="liveTvTimerForm" style="margin: 0 auto;">
+
+            <div class="readOnlyContent" style="margin: 0 auto;">
                 <p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
                 <p class="itemEpisodeName"></p>
                 <p class="itemMiscInfo miscTvProgramInfo"></p>
@@ -25,10 +26,11 @@
 
                 <p style="margin-top: 2em;">
                     <span class="status"></span>
-                    <a id="btnCancelTimer" href="#" style="margin-left: 2em;">Cancel Recording</a>
                 </p>
 
-                <br />
+            </div>
+            <br />
+            <form class="liveTvTimerForm" style="margin: 0 auto;">
 
                 <div data-role="collapsible" data-mini="true">
                     <h3>Pre/Post Padding</h3>
@@ -70,7 +72,11 @@
                         </button>
                     </li>
                 </ul>
+                <p style="border-top: 1px solid #444; padding-top: .5em; margin-top: 2em;">
+                    <button id="btnCancelTimer" type="button" data-mini="true" data-icon="delete">Cancel Recording</button>
+                </p>
             </form>
+
         </div>
         <script type="text/javascript">
             $('.liveTvTimerForm').off('submit', LiveTvTimerPage.onSubmit).on('submit', LiveTvTimerPage.onSubmit);
diff --git a/dashboard-ui/plugincatalog.html b/dashboard-ui/plugincatalog.html
index fdf7866e7..92b539b2b 100644
--- a/dashboard-ui/plugincatalog.html
+++ b/dashboard-ui/plugincatalog.html
@@ -5,7 +5,6 @@
 </head>
 <body>
     <div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage">
-
         <div data-role="content">
             <div class="content-primary">
                 <div data-role="controlgroup" data-type="horizontal" data-mini="true">
@@ -17,24 +16,23 @@
                     Types: <a data-rel="popup" data-position-to="origin" href="#freePlugins">Free</a>, 
                         <a data-rel="popup" data-position-to="origin" href="#supporterPlugins">Supporter-Only</a>, and <a data-rel="popup" data-position-to="origin" href="#premiumPlugins">Premium</a>.
                 </p>
+                
+                <fieldset data-role="controlgroup" data-type="horizontal">
+                    <legend>Display plugins for:</legend>
+                    <input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioServer" value="Server" data-mini="true">
+                    <label for="radioServer">Server</label>
+                    <input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioClassic" value="MBClassic" data-mini="true">
+                    <label for="radioClassic">MB Classic</label>
+                    <input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radopTheater" value="MBTheater" data-mini="true">
+                    <label for="radopTheater">MB Theater</label>
+                    <input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioOthers" value="Apps" data-mini="true">
+                    <label for="radioOthers">Others</label>
+                </fieldset>
 
-                <div style="display: inline-block;">
-                    <label for="selectTargetSystem">Show</label>
-                </div>
-
-                <div style="display: inline-block;">
-                    <select id="selectTargetSystem" data-mini="true" data-inline="true" style="margin-left: .5em;">
-                        <option value="Server">MB Server plugins</option>
-                        <option value="MBTheater">MB Theater plugins</option>
-                        <option value="MBClassic">MB Classic plugins</option>
-                        <option value="Apps">Apps</option>
-                    </select>
-                </div>
-
-                <div style="display: inline-block; vertical-align: bottom; margin-left: 1em;">
-                    <input class="chkPremiumFilter" type="checkbox" data-mini="true" data-inline="true" name="chkPremium" id="chkPremium" data-filter="IsPremium">
+                <p style="display: inline-block;">
+                    <input class="chkPremiumFilter" type="checkbox" data-mini="true" data-inline="true" name="chkPremium" id="chkPremium" data-filter="IsPremium" />
                     <label for="chkPremium">Free Only</label>
-                </div>
+                </p>
 
                 <div id="noPlugins" class="hide">
                     <div style="text-align: center; margin: 10px;">No available plugins</div>
diff --git a/dashboard-ui/scripts/addpluginpage.js b/dashboard-ui/scripts/addpluginpage.js
index b071899c0..5546fe439 100644
--- a/dashboard-ui/scripts/addpluginpage.js
+++ b/dashboard-ui/scripts/addpluginpage.js
@@ -62,7 +62,7 @@
             selectmenu.val(val).selectmenu('refresh');
         }
     }
-    
+
     function populateReviews(id, page) {
         // Get the latest positive and negative reviews
         var promise1 = ApiClient.getPackageReviews(id, 4, null, 3, true);
@@ -72,7 +72,7 @@
             //positive
             var html = '<div data-role="collapsible" data-collapsed="true" style="margin-top: 2em;" >';
             html += '<h3>Latest Outstanding Reviews</h3>';
-        
+
             var positive = response1[0];
             var hasReviews = false;
             if (positive && positive.length > 0) {
@@ -130,7 +130,7 @@
                     }
                 }
             }
-            
+
             if (!hasReviews) {
                 html += "<p>No Negative Reviews with additional information</p>";
             }
@@ -153,7 +153,7 @@
         populateVersions(pkg, page, installedPlugin);
         populateHistory(pkg, page);
         if (pkg.totalRatings > 0) populateReviews(pkg.id, page);
-        
+
         Dashboard.setPageTitle(pkg.name);
 
         if (pkg.targetSystem == 'Server') {
@@ -208,6 +208,10 @@
 
             if (pluginSecurityInfo.IsMBSupporter) {
                 $('#regInfo', page).html(pkg.regInfo || "");
+
+                $('.premiumDescription', page).hide();
+                $('.supporterDescription', page).hide();
+
                 if (pkg.price > 0) {
                     // Fill in PayPal info
                     $('.premiumHasPrice', page).show();
@@ -231,16 +235,24 @@
                 }
             } else {
 
-                var pluginTypeHtml = pkg.price ? 'This is a <a data-rel="popup" data-position-to="window" href="#premiumPlugins">premium</a> plugin.' : 'This is a <a data-rel="popup" data-position-to="window" href="#supporterPlugins">supporter-only</a> plugin.';
+                if (pkg.price) {
+                    $('.premiumDescription', page).show();
+                    $('.supporterDescription', page).hide();
+                    $('#regInfo', page).html("");
+
+                } else {
+                    $('.premiumDescription', page).hide();
+                    $('.supporterDescription', page).show();
+                    $('#regInfo', page).html("");
+                }
 
-                $('#regInfo', page).html(pluginTypeHtml + '<br/><br/>It will require a <a href="supporter.html">supporter key</a> in order to register after the <strong>14-day free trial</strong>.').trigger('create');
                 $('#ppButton', page).hide();
             }
 
         } else {
             $('.premiumPackage', page).hide();
         }
-        
+
         //Ratings and Reviews
         var ratingHtml = "<strong>Overall </strong>" + Dashboard.getStoreRatingHtml(pkg.avgRating, pkg.id, pkg.name);
         ratingHtml += "<span class='storeReviewCount'>";
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index 4be0a35a7..f8dee53d5 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -85,7 +85,7 @@
         var table = $('.tblConnections', page);
 
         $('.trSession', table).addClass('deadSession');
-        
+
         var deviceId = ApiClient.deviceId();
 
         for (var i = 0, length = dashboardInfo.ActiveConnections.length; i < length; i++) {
@@ -110,7 +110,7 @@
             html += '<td>';
 
             html += '<div>';
-            
+
             if (deviceId == connection.DeviceId) {
                 html += connection.Client;
             } else {
@@ -323,21 +323,6 @@
         $('#divRunningTasks', page).html(html).trigger('create');
     },
 
-    bookmarkPageIfSupported: function (url) {
-
-        if (window.sidebar && window.sidebar.addPanel) { // Mozilla Firefox Bookmark
-            window.sidebar.addPanel("Media Browser", url, '');
-
-        } else if (window.external && window.external.AddFavorite) { // IE Favorite
-            window.external.AddFavorite(url, "Media Browser");
-
-        } else { // webkit - safari/chrome
-            return false;
-        }
-
-        return true;
-    },
-
     renderSystemInfo: function (page, dashboardInfo) {
 
         Dashboard.updateSystemInfo(dashboardInfo.SystemInfo);
@@ -378,6 +363,15 @@
             $('.btnRestartContainer', page).addClass('hide');
         }
 
+        if (dashboardInfo.SystemInfo.WanAddress) {
+
+            var externalUrl = dashboardInfo.SystemInfo.WanAddress + "/mediabrowser";
+
+            $('.externalUrl', page).html('External url: <a href="' + externalUrl + '" target="_blank">' + externalUrl + '</a>').show().trigger('create');
+        } else {
+            $('.externalUrl', page).hide();
+        }
+
         DashboardPage.renderApplicationUpdateInfo(dashboardInfo);
         DashboardPage.renderPluginUpdateInfo(dashboardInfo);
         DashboardPage.renderPendingInstallations(dashboardInfo.SystemInfo);
diff --git a/dashboard-ui/scripts/gamegenrepage.js b/dashboard-ui/scripts/gamegenrepage.js
index a8706e264..d2248f98b 100644
--- a/dashboard-ui/scripts/gamegenrepage.js
+++ b/dashboard-ui/scripts/gamegenrepage.js
@@ -28,9 +28,13 @@
             var checkSortOption = $('.radioSortBy:checked', page);
             $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
 
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                context: "games"
+                shape: "backdrop",
+                preferThumb: true,
+                context: 'games',
+                showItemCounts: true,
+                centerText: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/gamestudiospage.js b/dashboard-ui/scripts/gamestudiospage.js
index 76bbd1b71..2094271b2 100644
--- a/dashboard-ui/scripts/gamestudiospage.js
+++ b/dashboard-ui/scripts/gamestudiospage.js
@@ -29,9 +29,13 @@
             var checkSortOption = $('.radioSortBy:checked', page);
             $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
 
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                context: "games"
+                shape: "backdrop",
+                preferThumb: true,
+                context: 'games',
+                showItemCounts: true,
+                centerText: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/gamesystemspage.js b/dashboard-ui/scripts/gamesystemspage.js
index d3f9049df..3119aded9 100644
--- a/dashboard-ui/scripts/gamesystemspage.js
+++ b/dashboard-ui/scripts/gamesystemspage.js
@@ -1,4 +1,3 @@
-
 (function ($, document) {
 
     // The base query options
@@ -23,17 +22,14 @@
 
             var html = '';
 
-            $('.listTopPaging', page).html(LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true)).trigger('create');
-
             updateFilterControls(page);
 
-            var checkSortOption = $('.radioSortBy:checked', page);
-            $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
-
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                context: "games",
-                shape: "backdrop"
+                shape: "backdrop",
+                context: 'games',
+                showTitle: true,
+                overlayText: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
@@ -70,60 +66,9 @@
     function updateFilterControls(page) {
 
         // Reset form values using the last used query
-        $('.radioSortBy', page).each(function () {
-
-            this.checked = (query.SortBy || '').toLowerCase() == this.getAttribute('data-sortby').toLowerCase();
-
-        }).checkboxradio('refresh');
-
-        $('.radioSortOrder', page).each(function () {
-
-            this.checked = (query.SortOrder || '').toLowerCase() == this.getAttribute('data-sortorder').toLowerCase();
-
-        }).checkboxradio('refresh');
-
-        $('.chkStandardFilter', page).each(function () {
-
-            var filters = "," + (query.Filters || "");
-            var filterName = this.getAttribute('data-filter');
-
-            this.checked = filters.indexOf(',' + filterName) != -1;
-
-        }).checkboxradio('refresh');
     }
 
-    $(document).on('pageinit', "#gamesystemsPage", function () {
-
-        var page = this;
-
-        $('.radioSortBy', this).on('click', function () {
-            query.SortBy = this.getAttribute('data-sortby');
-            reloadItems(page);
-        });
-
-        $('.radioSortOrder', this).on('click', function () {
-            query.SortOrder = this.getAttribute('data-sortorder');
-            reloadItems(page);
-        });
-
-        $('.chkStandardFilter', this).on('change', function () {
-
-            var filterName = this.getAttribute('data-filter');
-            var filters = query.Filters || "";
-
-            filters = (',' + filters).replace(',' + filterName, '').substring(1);
-
-            if (this.checked) {
-                filters = filters ? (filters + ',' + filterName) : filterName;
-            }
-
-            query.StartIndex = 0;
-            query.Filters = filters;
-
-            reloadItems(page);
-        });
-
-    }).on('pagebeforeshow', "#gamesystemsPage", function () {
+    $(document).on('pagebeforeshow', "#gamesystemsPage", function () {
 
         var limit = LibraryBrowser.getDefaultPageSize();
 
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index c432de335..19410ce27 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -397,7 +397,6 @@
 
             html += LibraryBrowser.getSongHeaderCellHtml('Runtime', 'tabletColumn', options.enableColumnSorting, 'Runtime,AlbumArtist,Album,SortName', options.sortBy, options.sortOrder);
             html += LibraryBrowser.getSongHeaderCellHtml('Plays', 'desktopColumn', options.enableColumnSorting, 'PlayCount,AlbumArtist,Album,SortName', options.sortBy, options.sortOrder);
-            html += LibraryBrowser.getSongHeaderCellHtml('', 'desktopColumn userDataCell', options.enableColumnSorting);
 
             html += '</tr></thead>';
 
@@ -409,7 +408,7 @@
 
                 html += '<tr>';
 
-                html += '<td><button class="btnPlay" type="button" data-role="none" onclick="LibraryBrowser.showPlayMenu(this, \'' + item.Id + '\', \'Audio\', \'Audio\');"><img src="css/images/media/playCircle.png" style="height: 20px;"></button></td>';
+                html += '<td><button class="btnPlay" data-icon="play" type="button" data-iconpos="notext" onclick="LibraryBrowser.showPlayMenu(this, \'' + item.Id + '\', \'Audio\', \'Audio\');">Play</button></td>';
 
                 var num = item.IndexNumber;
 
@@ -458,8 +457,6 @@
 
                 html += '<td class="desktopColumn">' + (item.UserData ? item.UserData.PlayCount : 0) + '</td>';
 
-                html += '<td class="desktopColumn userDataCell">' + LibraryBrowser.getUserDataIconsHtml(item) + '</td>';
-
                 html += '</tr>';
             }
 
@@ -697,6 +694,15 @@
                         currentIndexValue = val;
                     }
                 }
+                else if (options.timeline) {
+                    var year = item.ProductionYear || "Unknown Year";
+
+                    if (year != currentIndexValue) {
+
+                        html += '<h2 class="timelineHeader detailSectionHeader">' + year + '</h2>';
+                        currentIndexValue = year;
+                    }
+                }
 
                 var imgUrl = null;
                 var background = null;
diff --git a/dashboard-ui/scripts/livetvchannel.js b/dashboard-ui/scripts/livetvchannel.js
index 6efd7bb4f..944c167bc 100644
--- a/dashboard-ui/scripts/livetvchannel.js
+++ b/dashboard-ui/scripts/livetvchannel.js
@@ -157,6 +157,12 @@
 
             });
 
+            if (item.CurrentProgram) {
+                $('.currentProgram', page).html('Now playing:&nbsp;&nbsp;&nbsp;<a href="livetvprogram.html?id=' + item.CurrentProgram.Id + '">' + item.CurrentProgram.Name + '</a>').trigger('create');
+            } else {
+                $('.currentProgram', page).html('');
+            }
+
             loadPrograms(page);
 
         });
diff --git a/dashboard-ui/scripts/livetvtimer.js b/dashboard-ui/scripts/livetvtimer.js
index 24701336f..9ad39d2c4 100644
--- a/dashboard-ui/scripts/livetvtimer.js
+++ b/dashboard-ui/scripts/livetvtimer.js
@@ -28,7 +28,7 @@
 
         var programInfo = item.ProgramInfo || {};
 
-        $('.itemName', page).html(programInfo.Name);
+        $('.itemName', page).html(item.Name);
         
         $('.itemEpisodeName', page).html(programInfo.EpisodeTitle || '');
 
diff --git a/dashboard-ui/scripts/movies.js b/dashboard-ui/scripts/movies.js
index 2026f31e4..8f528a6c3 100644
--- a/dashboard-ui/scripts/movies.js
+++ b/dashboard-ui/scripts/movies.js
@@ -51,10 +51,12 @@
                 $('.itemsContainer', page).removeClass('timelineItemsContainer');
             }
             else if (view == "Timeline") {
-                html += LibraryBrowser.getPosterDetailViewHtml({
+                html = LibraryBrowser.getPosterViewHtml({
                     items: result.Items,
-                    context: "movies",
-                    shape: "poster",
+                    shape: "portrait",
+                    context: 'movies',
+                    useAverageAspectRatio: true,
+                    showTitle: true,
                     timeline: true
                 });
                 $('.itemsContainer', page).addClass('timelineItemsContainer');
@@ -202,6 +204,7 @@
             if (view == "Timeline") {
 
                 query.SortBy = "PremiereDate";
+                query.SortOrder = "Descending";
                 query.StartIndex = 0;
                 $('#radioPremiereDate', page)[0].click();
 
diff --git a/dashboard-ui/scripts/musicalbumartists.js b/dashboard-ui/scripts/musicalbumartists.js
index 5071f7d7c..2ea21a88f 100644
--- a/dashboard-ui/scripts/musicalbumartists.js
+++ b/dashboard-ui/scripts/musicalbumartists.js
@@ -29,11 +29,12 @@
             var checkSortOption = $('.radioSortBy:checked', page);
             $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
 
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                preferBackdrop: false,
-                context: "music",
-                shape: "square"
+                shape: "square",
+                context: 'music',
+                showTitle: true,
+                overlayText: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/musicalbums.js b/dashboard-ui/scripts/musicalbums.js
index c31210361..1cda3cbf7 100644
--- a/dashboard-ui/scripts/musicalbums.js
+++ b/dashboard-ui/scripts/musicalbums.js
@@ -43,10 +43,13 @@
                 $('.itemsContainer', page).removeClass('timelineItemsContainer');
             }
             else if (view == "Timeline") {
-                html += LibraryBrowser.getPosterDetailViewHtml({
+                html = LibraryBrowser.getPosterViewHtml({
                     items: result.Items,
-                    context: "music",
                     shape: "square",
+                    context: 'music',
+                    useAverageAspectRatio: true,
+                    showTitle: true,
+                    showParentTitle: true,
                     timeline: true
                 });
                 $('.itemsContainer', page).addClass('timelineItemsContainer');
@@ -155,6 +158,7 @@
             if (view == "Timeline") {
 
                 query.SortBy = "PremiereDate";
+                query.SortOrder = "Descending";
                 query.StartIndex = 0;
                 $('#radioPremiereDate', page)[0].click();
 
diff --git a/dashboard-ui/scripts/musicartists.js b/dashboard-ui/scripts/musicartists.js
index 34eace737..cd4dd24f4 100644
--- a/dashboard-ui/scripts/musicartists.js
+++ b/dashboard-ui/scripts/musicartists.js
@@ -28,11 +28,12 @@
             var checkSortOption = $('.radioSortBy:checked', page);
             $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
 
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                preferBackdrop: false,
-                context: "music",
-                shape: "square"
+                shape: "square",
+                context: 'music',
+                showTitle: true,
+                overlayText: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/playlist.js b/dashboard-ui/scripts/playlist.js
index b45449bd5..f3bbaf96b 100644
--- a/dashboard-ui/scripts/playlist.js
+++ b/dashboard-ui/scripts/playlist.js
@@ -23,12 +23,12 @@
             var parentName = item.SeriesName || item.Album || item.ProductionYear || '';
 
             html += '<tr>';
-            html += '<td><a href="#" data-index="' + i + '" class="lnkPlay"><img src="css/images/media/playcircle.png" style="height: 20px;" /></a></td>';
+            html += '<td><button type="button" data-index="' + i + '" class="lnkPlay" data-icon="play" data-iconpos="notext">Play</button></td>';
             html += '<td>' + name + '</td>';
             html += '<td>' + parentName + '</td>';
             html += '<td>' + Dashboard.getDisplayTime(item.RunTimeTicks) + '</td>';
             html += '<td>' + LibraryBrowser.getUserDataIconsHtml(item) + '</td>';
-            html += '<td><a href="#" data-index="' + i + '" class="lnkRemove"><img src="css/images/media/remove.png" style="height: 20px;" /></a></td>';
+            html += '<td><button type="button" data-index="' + i + '" class="lnkRemove" data-icon="delete" data-iconpos="notext">Remove</button></td>';
             html += '</tr>';
         });
 
diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index fb8f020f4..d5f1b5b07 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -148,9 +148,11 @@
             reloadList(page);
         });
 
-        $('#selectTargetSystem', page).on('change', function () {
+        $('.radioPackageTypes', page).on('change', function () {
 
-            query.TargetSystems = this.value;
+            var val = $('.radioPackageTypes:checked', page).val();
+
+            query.TargetSystems = val;
             reloadList(page);
         });
 
@@ -158,7 +160,11 @@
 
         var page = this;
 
-        $('#selectTargetSystem', page).val(query.TargetSystems).selectmenu('refresh');
+        $(".radioPackageTypes", page).each(function() {
+
+            this.checked = this.value == query.TargetSystems;
+
+        }).checkboxradio('refresh');
 
         // Reset form values using the last used query
         $('.chkPremiumFilter', page).each(function () {
diff --git a/dashboard-ui/scripts/supporterkeypage.js b/dashboard-ui/scripts/supporterkeypage.js
index ea471f1a8..54666b175 100644
--- a/dashboard-ui/scripts/supporterkeypage.js
+++ b/dashboard-ui/scripts/supporterkeypage.js
@@ -1,25 +1,18 @@
 var SupporterKeyPage = {
 
     onPageShow: function () {
-        SupporterKeyPage.load();
+        SupporterKeyPage.load(this);
     },
 
-    onPageHide: function () {
-
-    },
-
-    load: function() {
+    load: function (page) {
+        
         Dashboard.showLoadingMsg();
-        var page = $.mobile.activePage;
 
         ApiClient.getPluginSecurityInfo().done(function (info) {
+            
             $('#txtSupporterKey', page).val(info.SupporterKey);
             $('#txtLegacyKey', page).val(info.LegacyKey);
-            if (info.IsMBSupporter) {
-                $('.supporterOnly', page).show();
-            } else {
-                $('.supporterOnly', page).hide();
-            }
+
             if ((info.LegacyKey || info.SupporterKey) && !info.IsMBSupporter) {
                 $('#txtSupporterKey', page).addClass("invalidEntry");
                 $('.notSupporter', page).show();
@@ -27,6 +20,7 @@
                 $('#txtSupporterKey', page).removeClass("invalidEntry");
                 $('.notSupporter', page).hide();
             }
+            
             Dashboard.hideLoadingMsg();
         });
     },
@@ -34,10 +28,10 @@
     updateSupporterKey: function () {
 
         Dashboard.showLoadingMsg();
-        var page = $.mobile.activePage;
+        var form = this;
         
-        var key = $('#txtSupporterKey', page).val();
-        var legacyKey = $('#txtLegacyKey', page).val();
+        var key = $('#txtSupporterKey', form).val();
+        var legacyKey = $('#txtLegacyKey', form).val();
 
             var info = {
                 SupporterKey: key,
@@ -48,8 +42,24 @@
                 
                 Dashboard.resetPluginSecurityInfo();
                 Dashboard.hideLoadingMsg();
+                
+                if (key) {
 
-                SupporterKeyPage.load();
+                    Dashboard.alert({                        
+                        message: "Thank you. Your supporter key has been updated.",
+                        title: "Confirmation"
+                    });
+
+                } else {
+                    Dashboard.alert({
+                        message: "Thank you. Your supporter key has been removed.",
+                        title: "Confirmation"
+                    });
+                }
+
+                var page = $(form).parents('.page');
+
+                SupporterKeyPage.load(page);
             });
 
         return false;
@@ -58,11 +68,11 @@
     linkSupporterKeys: function () {
 
         Dashboard.showLoadingMsg();
-        var page = $.mobile.activePage;
-        
-        var email = $('#txtNewEmail', page).val();
-        var newkey = $('#txtNewKey', page).val();
-        var oldkey = $('#txtOldKey', page).val();
+        var form = this;
+
+        var email = $('#txtNewEmail', form).val();
+        var newkey = $('#txtNewKey', form).val();
+        var oldkey = $('#txtOldKey', form).val();
 
         var info = {
             email: email,
@@ -90,9 +100,9 @@
     retrieveSupporterKey: function () {
 
         Dashboard.showLoadingMsg();
-        var page = $.mobile.activePage;
+        var form = this;
 
-        var email = $('#txtEmail', page).val();
+        var email = $('#txtEmail', form).val();
 
         var url = "http://mb3admin.com/admin/service/supporter/retrievekey?email="+email;
         console.log(url);
@@ -113,5 +123,4 @@
 
 };
 
-$(document).on('pageshow', "#supporterKeyPage", SupporterKeyPage.onPageShow)
-    .on('pagehide', "#supporterKeyPage", SupporterKeyPage.onPageHide);
+$(document).on('pageshow', "#supporterKeyPage", SupporterKeyPage.onPageShow);
diff --git a/dashboard-ui/scripts/tvshows.js b/dashboard-ui/scripts/tvshows.js
index ea877652e..9b6196c47 100644
--- a/dashboard-ui/scripts/tvshows.js
+++ b/dashboard-ui/scripts/tvshows.js
@@ -48,18 +48,22 @@
                     items: result.Items,
                     shape: "portrait",
                     context: 'tv',
-                    useAverageAspectRatio: true
+                    useAverageAspectRatio: true,
+                    showTitle: true
                 });
                 $('.itemsContainer', page).removeClass('timelineItemsContainer');
             }
             else if (view == "Timeline") {
                 
-                html += LibraryBrowser.getPosterDetailViewHtml({
+                html = LibraryBrowser.getPosterViewHtml({
                     items: result.Items,
-                    context: "tv",
-                    timeline: true
+                    shape: "portrait",
+                    context: 'tv',
+                    useAverageAspectRatio: true,
+                    timeline: true,
+                    showTitle: true
                 });
-                
+
                 $('.itemsContainer', page).addClass('timelineItemsContainer');
             }
 
@@ -222,6 +226,7 @@
             if (view == "Timeline") {
 
                 query.SortBy = "PremiereDate";
+                query.SortOrder = "Descending";
                 query.StartIndex = 0;
                 $('#radioPremiereDate', page)[0].click();
 
diff --git a/dashboard-ui/supporterkey.html b/dashboard-ui/supporterkey.html
index ff52f818a..558a12d43 100644
--- a/dashboard-ui/supporterkey.html
+++ b/dashboard-ui/supporterkey.html
@@ -96,12 +96,12 @@
                 </div>
             </div>
         </div>
-    </div>
-    <script type="text/javascript">
-        $('#supporterKeyForm').on('submit', SupporterKeyPage.updateSupporterKey);
-        $('#lostKeyForm').on('submit', SupporterKeyPage.retrieveSupporterKey);
-        $('#linkKeysForm').on('submit', SupporterKeyPage.linkSupporterKeys);
-    </script>
+
+        <script type="text/javascript">
+            $('#supporterKeyForm').on('submit', SupporterKeyPage.updateSupporterKey);
+            $('#lostKeyForm').on('submit', SupporterKeyPage.retrieveSupporterKey);
+            $('#linkKeysForm').on('submit', SupporterKeyPage.linkSupporterKeys);
+        </script>
     </div>
 </body>
 </html>