mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

display trailers within suggestions

Browse source
This commit is contained in:
Luke Pulverenti 2014-09-30 00:47:30 -04:00
parent 5f61a3bbee
commit b5820d6e0b
18 changed files with 68 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/channelitems.html
View file

@ -16,7 +16,7 @@
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">
<h1 class="categoryTitle" style="margin: 0 1em 0 0; display: inline-block; vertical-align: middle;"></h1> <h2 class="categoryTitle" style="margin: 0 1em 0 0; display: inline-block; vertical-align: middle; font-weight:300;"></h2>
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>

13
dashboard-ui/cinemamodeconfiguration.html
View file

@ -36,9 +36,16 @@
<div class="fieldDescription"><a href="http://mediabrowser.tv/community/index.php?/topic/674-media-files-folders-structure/" target="_blank">${ButtonLearnMore}</a></div> <div class="fieldDescription"><a href="http://mediabrowser.tv/community/index.php?/topic/674-media-files-folders-structure/" target="_blank">${ButtonLearnMore}</a></div>
</li> </li>
<li> <li>
<label for="chkUpcomingTheaterTrailers">${OptionUpcomingMoviesInTheaters}</label> <fieldset data-role="controlgroup">
<input type="checkbox" id="chkUpcomingTheaterTrailers" data-mini="true" /> <legend>${LabelSelectInternetTrailersForCinemaMode}</legend>
<div class="fieldDescription">${LabelThisFeatureRequiresSupporterHelp}</div> <label for="chkUpcomingTheaterTrailers">${OptionUpcomingMoviesInTheaters}</label>
<input type="checkbox" id="chkUpcomingTheaterTrailers" data-mini="true" />
<label for="chkUpcomingDvdTrailers">${OptionUpcomingDvdMovies}</label>
<input type="checkbox" id="chkUpcomingDvdTrailers" data-mini="true" />
<label for="chkUpcomingStreamingTrailers">${OptionUpcomingStreamingMovies}</label>
<input type="checkbox" id="chkUpcomingStreamingTrailers" data-mini="true" />
</fieldset>
<div class="fieldDescription">${LabelTheseFeaturesRequireSupporterHelpAndTrailers}</div>
<div class="fieldDescription"><a href="supporter.html">${ButtonLearnMore}</a></div> <div class="fieldDescription"><a href="supporter.html">${ButtonLearnMore}</a></div>
</li> </li>
<li> <li>

31
dashboard-ui/css/card.css
View file

@ -538,7 +538,7 @@
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.homePageBackdropCard { .homePageBackdropCard {
width: 20%; width: 16.666666666666666666666666666667%;
} }
} }
@ -604,13 +604,6 @@
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.homePageSquareCard {
width: 12.5%;
}
}
@media all and (min-width: 2200px) {
.homePageSquareCard { .homePageSquareCard {
width: 11.11111111111111111%; width: 11.11111111111111111%;
} }
@ -664,13 +657,6 @@
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.homePagePortraitCard {
width: 11.111111111111111111111111111111%;
}
}
@media all and (min-width: 2200px) {
.homePagePortraitCard { .homePagePortraitCard {
width: 10%; width: 10%;
} }
@ -714,18 +700,3 @@
width: 16.666666666666666666666666666667%; width: 16.666666666666666666666666666667%;
} }
} }
@media all and (min-width: 1600px) {
.homePageSmallBackdropCard {
width: 14.285714285714285714285714285714%;
}
}
@media all and (min-width: 2200px) {
.homePageSmallBackdropCard {
width: 12.5%;
}
}

8
dashboard-ui/css/librarybrowser.css
View file

@ -111,21 +111,21 @@
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
.ehsContent { .ehsContent {
width: 1000px; width: 84%;
} }
} }
@media all and (min-width: 1600px) { @media all and (min-width: 1600px) {
.ehsContent { .ehsContent {
width: 1500px; width: 85%;
} }
} }
@media all and (min-width: 2200px) { @media all and (min-width: 1920px) {
.ehsContent { .ehsContent {
width: 1900px; width: 90%;
} }
} }

2
dashboard-ui/dashboard.html
View file

@ -129,7 +129,7 @@
<a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank"> <a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank">
<img src="css/images/clients/ios.png" title="iOS" /> <img src="css/images/clients/ios.png" title="iOS" />
</a> </a>
<a href="http://mediabrowser.tv/community/index.php?/topic/8001-media-browser-for-roku-beta-channel/" target="_blank"> <a href="http://www.roku.com/channels/#!details/44191/media-browser-for-roku" target="_blank">
<img src="css/images/clients/roku.jpg" title="Roku" /> <img src="css/images/clients/roku.jpg" title="Roku" />
</a> </a>
<a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank"> <a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank">

2
dashboard-ui/itemdetails.html
View file

@ -9,7 +9,7 @@
<div class="itemTabs homeTabs" style="display: none;"> <div class="itemTabs homeTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="index.html" class="lnkHomeHome">${TabHome}</a> <a href="index.html" class="lnkHomeHome">${TabHome}</a>
<a href="homelatest.html">${TabLatest}</a> <a href="homelatest.html" class="lnkHomeLatest">${TabLatest}</a>
<a href="tvrecommended.html" class="lnkHomeNextUp">${TabNextUp}</a> <a href="tvrecommended.html" class="lnkHomeNextUp">${TabNextUp}</a>
<a href="favorites.html" class="lnkHomeFavorites">${TabFavorites}</a> <a href="favorites.html" class="lnkHomeFavorites">${TabFavorites}</a>
<a href="tvupcoming.html" class="lnkHomeUpcoming">${TabUpcoming}</a> <a href="tvupcoming.html" class="lnkHomeUpcoming">${TabUpcoming}</a>

5
dashboard-ui/mypreferencesdisplay.html
View file

@ -69,6 +69,11 @@
<input type="checkbox" id="chkDisplayUnairedEpisodes" data-mini="true" /> <input type="checkbox" id="chkDisplayUnairedEpisodes" data-mini="true" />
<label for="chkDisplayUnairedEpisodes">${LabelUnairedMissingEpisodesWithinSeasons}</label> <label for="chkDisplayUnairedEpisodes">${LabelUnairedMissingEpisodesWithinSeasons}</label>
</li> </li>
<li>
<input type="checkbox" id="chkDisplayTrailersWithinMovieSuggestions" data-mini="true" />
<label for="chkDisplayTrailersWithinMovieSuggestions">${LabelDisplayTrailersWithinMovieSuggestions}</label>
<div class="fieldDescription">${LabelDisplayTrailersWithinMovieSuggestionsHelp}</div>
</li>
<li> <li>
<input type="checkbox" id="chkGroupMoviesIntoCollections" data-mini="true" /> <input type="checkbox" id="chkGroupMoviesIntoCollections" data-mini="true" />
<label for="chkGroupMoviesIntoCollections">${LabelGroupMoviesIntoCollections}</label> <label for="chkGroupMoviesIntoCollections">${LabelGroupMoviesIntoCollections}</label>

7
dashboard-ui/scripts/cinemamodeconfiguration.js
View file

@ -6,7 +6,10 @@
$('#chkEpisodes', page).checked(config.EnableIntrosForEpisodes).checkboxradio('refresh'); $('#chkEpisodes', page).checked(config.EnableIntrosForEpisodes).checkboxradio('refresh');
$('#chkMyMovieTrailers', page).checked(config.EnableIntrosFromMoviesInLibrary).checkboxradio('refresh'); $('#chkMyMovieTrailers', page).checked(config.EnableIntrosFromMoviesInLibrary).checkboxradio('refresh');
$('#chkUpcomingTheaterTrailers', page).checked(config.EnableIntrosFromUpcomingTrailers).checkboxradio('refresh'); $('#chkUpcomingTheaterTrailers', page).checked(config.EnableIntrosFromUpcomingTrailers).checkboxradio('refresh');
$('#chkUpcomingDvdTrailers', page).checked(config.EnableIntrosFromUpcomingDvdMovies).checkboxradio('refresh');
$('#chkUpcomingStreamingTrailers', page).checked(config.EnableIntrosFromUpcomingStreamingMovies).checkboxradio('refresh');
$('#chkUnwatchedOnly', page).checked(!config.EnableIntrosForWatchedContent).checkboxradio('refresh'); $('#chkUnwatchedOnly', page).checked(!config.EnableIntrosForWatchedContent).checkboxradio('refresh');
$('#chkEnableParentalControl', page).checked(config.EnableIntrosParentalControl).checkboxradio('refresh'); $('#chkEnableParentalControl', page).checked(config.EnableIntrosParentalControl).checkboxradio('refresh');
@ -70,10 +73,12 @@
config.EnableIntrosForMovies = $('#chkMovies', page).checked(); config.EnableIntrosForMovies = $('#chkMovies', page).checked();
config.EnableIntrosForEpisodes = $('#chkEpisodes', page).checked(); config.EnableIntrosForEpisodes = $('#chkEpisodes', page).checked();
config.EnableIntrosFromMoviesInLibrary = $('#chkMyMovieTrailers', page).checked(); config.EnableIntrosFromMoviesInLibrary = $('#chkMyMovieTrailers', page).checked();
config.EnableIntrosFromUpcomingTrailers = $('#chkUpcomingTheaterTrailers', page).checked();
config.EnableIntrosForWatchedContent = !$('#chkUnwatchedOnly', page).checked(); config.EnableIntrosForWatchedContent = !$('#chkUnwatchedOnly', page).checked();
config.EnableIntrosParentalControl = $('#chkEnableParentalControl', page).checked(); config.EnableIntrosParentalControl = $('#chkEnableParentalControl', page).checked();
config.EnableIntrosFromUpcomingTrailers = $('#chkUpcomingTheaterTrailers', page).checked();
config.EnableIntrosFromUpcomingDvdMovies = $('#chkUpcomingDvdTrailers', page).checked();
config.EnableIntrosFromUpcomingStreamingMovies = $('#chkUpcomingStreamingTrailers', page).checked();
ApiClient.updateNamedConfiguration("cinemamode", config).done(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateNamedConfiguration("cinemamode", config).done(Dashboard.processServerConfigurationUpdateResult);
}); });

4
dashboard-ui/scripts/homelatest.js
View file

@ -17,7 +17,9 @@
elem.html(html); elem.html(html);
} }
Sections.loadRecentlyAdded($('.section0', page), userId); var context = 'home-latest';
Sections.loadRecentlyAdded($('.section0', page), userId, context);
Sections.loadLatestLiveTvRecordings($(".section1", page), userId); Sections.loadLatestLiveTvRecordings($(".section1", page), userId);
Sections.loadLatestChannelItems($(".section2", page), userId); Sections.loadLatestChannelItems($(".section2", page), userId);
} }

8
dashboard-ui/scripts/indexpage.js
View file

@ -122,7 +122,7 @@
}); });
} }
function loadRecentlyAdded(elem, userId) { function loadRecentlyAdded(elem, userId, context) {
var screenWidth = $(window).width(); var screenWidth = $(window).width();
@ -144,10 +144,10 @@
items: items, items: items,
preferThumb: true, preferThumb: true,
shape: 'homePageBackdrop', shape: 'homePageBackdrop',
context: 'home', context: context || 'home',
showUnplayedIndicator: false, showUnplayedIndicator: false,
showChildCountIndicator: true, showChildCountIndicator: true,
lazy: true lazy: true,
}); });
html += '</div>'; html += '</div>';
} }
@ -354,7 +354,7 @@
var options = { var options = {
Limit: screenWidth >= 1600 ? 5 : (screenWidth >= 1440 ? 5 : (screenWidth >= 800 ? 6 : 6)), Limit: screenWidth >= 1600 ? 6 : (screenWidth >= 1440 ? 5 : (screenWidth >= 800 ? 6 : 6)),
Fields: "PrimaryImageAspectRatio", Fields: "PrimaryImageAspectRatio",
Filters: "IsUnplayed", Filters: "IsUnplayed",
UserId: Dashboard.getCurrentUserId(), UserId: Dashboard.getCurrentUserId(),

7
dashboard-ui/scripts/itemdetailpage.js
View file

@ -39,7 +39,7 @@
renderHeader(page, item, context); renderHeader(page, item, context);
LibraryBrowser.renderName(item, $('.itemName', page), false, context); LibraryBrowser.renderName(item, $('.itemName', page), false, context);
LibraryBrowser.renderParentName(item, $('.parentName', page)); LibraryBrowser.renderParentName(item, $('.parentName', page), context);
Dashboard.getCurrentUser().done(function (user) { Dashboard.getCurrentUser().done(function (user) {
@ -243,6 +243,11 @@
$('a', elem).removeClass('ui-btn-active'); $('a', elem).removeClass('ui-btn-active');
$('.lnkHomeUpcoming', page).addClass('ui-btn-active'); $('.lnkHomeUpcoming', page).addClass('ui-btn-active');
} }
else if (context == 'home-latest') {
elem = $('.homeTabs', page).show();
$('a', elem).removeClass('ui-btn-active');
$('.lnkHomeLatest', page).addClass('ui-btn-active');
}
else if (context == 'movies' || item.Type == 'Movie') { else if (context == 'movies' || item.Type == 'Movie') {
elem = $('#movieTabs', page).show(); elem = $('#movieTabs', page).show();
$('a', elem).removeClass('ui-btn-active'); $('a', elem).removeClass('ui-btn-active');

21
dashboard-ui/scripts/librarybrowser.js
View file

@ -590,6 +590,7 @@
}, },
getUserDataCssClass: function (key) { getUserDataCssClass: function (key) {
return 'libraryItemUserData' + key.replace(new RegExp(' ', 'g'), ''); return 'libraryItemUserData' + key.replace(new RegExp(' ', 'g'), '');
}, },
@ -1569,34 +1570,36 @@
} }
}, },
renderParentName: function (item, parentNameElem) { renderParentName: function (item, parentNameElem, context) {
var html = []; var html = [];
var contextParam = context ? ('&context=' + context) : '';
if (item.AlbumArtist && item.Type == "Audio") { if (item.AlbumArtist && item.Type == "Audio") {
html.push('<a class="detailPageParentLink" href="itembynamedetails.html?context=music&musicartist=' + ApiClient.encodeName(item.AlbumArtist) + '">' + item.AlbumArtist + '</a>'); html.push('<a class="detailPageParentLink" href="itembynamedetails.html?context=music&musicartist=' + ApiClient.encodeName(item.AlbumArtist) + contextParam + '">' + item.AlbumArtist + '</a>');
} else if (item.AlbumArtist && item.Type == "MusicAlbum") { } else if (item.AlbumArtist && item.Type == "MusicAlbum") {
html.push('<a class="detailPageParentLink" href="itembynamedetails.html?context=music&musicartist=' + ApiClient.encodeName(item.AlbumArtist) + '">' + item.AlbumArtist + '</a>'); html.push('<a class="detailPageParentLink" href="itembynamedetails.html?context=music&musicartist=' + ApiClient.encodeName(item.AlbumArtist) + contextParam + '">' + item.AlbumArtist + '</a>');
} else if (item.Artists && item.Artists.length && item.Type == "MusicVideo") { } else if (item.Artists && item.Artists.length && item.Type == "MusicVideo") {
html.push('<a class="detailPageParentLink" href="itembynamedetails.html?context=music&musicartist=' + ApiClient.encodeName(item.Artists[0]) + '">' + item.Artists[0] + '</a>'); html.push('<a class="detailPageParentLink" href="itembynamedetails.html?context=music&musicartist=' + ApiClient.encodeName(item.Artists[0]) + contextParam + '">' + item.Artists[0] + '</a>');
} else if (item.SeriesName && item.Type == "Episode") { } else if (item.SeriesName && item.Type == "Episode") {
html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.SeriesId + '">' + item.SeriesName + '</a>'); html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.SeriesId + contextParam + '">' + item.SeriesName + '</a>');
} }
if (item.SeriesName && item.Type == "Season") { if (item.SeriesName && item.Type == "Season") {
html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.SeriesId + '">' + item.SeriesName + '</a>'); html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.SeriesId + contextParam + '">' + item.SeriesName + '</a>');
} else if (item.ParentIndexNumber != null && item.Type == "Episode") { } else if (item.ParentIndexNumber != null && item.Type == "Episode") {
html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.SeasonId + '">' + item.SeasonName + '</a>'); html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.SeasonId + contextParam + '">' + item.SeasonName + '</a>');
} else if (item.Album && item.Type == "Audio" && (item.AlbumId || item.ParentId)) { } else if (item.Album && item.Type == "Audio" && (item.AlbumId || item.ParentId)) {
html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + (item.AlbumId || item.ParentId) + '">' + item.Album + '</a>'); html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + (item.AlbumId || item.ParentId) + contextParam + '">' + item.Album + '</a>');
} else if (item.Album && item.Type == "MusicVideo" && item.AlbumId) { } else if (item.Album && item.Type == "MusicVideo" && item.AlbumId) {
html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.AlbumId + '">' + item.Album + '</a>'); html.push('<a class="detailPageParentLink" href="itemdetails.html?id=' + item.AlbumId + contextParam + '">' + item.Album + '</a>');
} else if (item.AlbumArtist && item.Type == "MusicAlbum") { } else if (item.AlbumArtist && item.Type == "MusicAlbum") {

2
dashboard-ui/scripts/moviecollections.js
View file

@ -232,7 +232,7 @@
$('.movieTabs', page).hide(); $('.movieTabs', page).hide();
} }
query.ParentId = LibraryMenu.getTopParentId(); //query.ParentId = LibraryMenu.getTopParentId();
var limit = LibraryBrowser.getDefaultPageSize(); var limit = LibraryBrowser.getDefaultPageSize();

2
dashboard-ui/scripts/moviesrecommended.js
View file

@ -83,7 +83,7 @@
userId: Dashboard.getCurrentUserId(), userId: Dashboard.getCurrentUserId(),
categoryLimit: screenWidth >= 1200 ? 4 : 3, categoryLimit: screenWidth >= 1200 ? 4 : 3,
ItemLimit: screenWidth >= 1920 ? 9 : (screenWidth >= 1600 ? 7 : (screenWidth >= 1200 ? 6 : 5)), ItemLimit: screenWidth >= 1920 ? 10 : (screenWidth >= 1600 ? 7 : (screenWidth >= 1200 ? 6 : 5)),
Fields: "PrimaryImageAspectRatio" Fields: "PrimaryImageAspectRatio"
}); });

4
dashboard-ui/scripts/mypreferencesdisplay.js
View file

@ -100,6 +100,8 @@
$('#chkDisplayMissingEpisodes', page).checked(user.Configuration.DisplayMissingEpisodes || false).checkboxradio("refresh"); $('#chkDisplayMissingEpisodes', page).checked(user.Configuration.DisplayMissingEpisodes || false).checkboxradio("refresh");
$('#chkDisplayUnairedEpisodes', page).checked(user.Configuration.DisplayUnairedEpisodes || false).checkboxradio("refresh"); $('#chkDisplayUnairedEpisodes', page).checked(user.Configuration.DisplayUnairedEpisodes || false).checkboxradio("refresh");
$('#chkDisplayTrailersWithinMovieSuggestions', page).checked(user.Configuration.IncludeTrailersInSuggestions || false).checkboxradio("refresh");
$('#chkGroupMoviesIntoCollections', page).checked(user.Configuration.GroupMoviesIntoBoxSets || false).checkboxradio("refresh"); $('#chkGroupMoviesIntoCollections', page).checked(user.Configuration.GroupMoviesIntoBoxSets || false).checkboxradio("refresh");
$('#chkDisplayCollectionView', page).checked(user.Configuration.DisplayCollectionsView || false).checkboxradio("refresh"); $('#chkDisplayCollectionView', page).checked(user.Configuration.DisplayCollectionsView || false).checkboxradio("refresh");
$('#chkDisplayFolderView', page).checked(user.Configuration.DisplayFoldersView || false).checkboxradio("refresh"); $('#chkDisplayFolderView', page).checked(user.Configuration.DisplayFoldersView || false).checkboxradio("refresh");
@ -133,6 +135,8 @@
user.Configuration.DisplayCollectionsView = $('#chkDisplayCollectionView', page).checked(); user.Configuration.DisplayCollectionsView = $('#chkDisplayCollectionView', page).checked();
user.Configuration.DisplayFoldersView = $('#chkDisplayFolderView', page).checked(); user.Configuration.DisplayFoldersView = $('#chkDisplayFolderView', page).checked();
user.Configuration.IncludeTrailersInSuggestions = $('#chkDisplayTrailersWithinMovieSuggestions', page).checked();
user.Configuration.ExcludeFoldersFromGrouping = $(".chkGroupFolder:not(:checked)", page).get().map(function (i) { user.Configuration.ExcludeFoldersFromGrouping = $(".chkGroupFolder:not(:checked)", page).get().map(function (i) {
return i.getAttribute('data-folderid'); return i.getAttribute('data-folderid');

2
dashboard-ui/scripts/supporterpage.js
View file

@ -45,7 +45,7 @@
var lifeTimeAmount = 30; var lifeTimeAmount = 30;
var dailyAmount = 1; var dailyAmount = 1;
var monthlyAmount = 3; var monthlyAmount = 4;
var yearlyAmount = 20; var yearlyAmount = 20;
function getDonationAmount(page) { function getDonationAmount(page) {

6
dashboard-ui/scripts/tvrecommended.js
View file

@ -67,7 +67,7 @@
$('.noNextUpItems', page).show(); $('.noNextUpItems', page).show();
} }
$('#nextUpItems', page).html(LibraryBrowser.getPosterViewHtml({ var html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "homePageBackdrop", shape: "homePageBackdrop",
showTitle: true, showTitle: true,
@ -76,7 +76,9 @@
context: context, context: context,
lazy: true lazy: true
})).trigger('create').createCardMenus(); });
$('#nextUpItems', page).html(html).trigger('create').createCardMenus();
}); });
} }

5
dashboard-ui/wizardfinish.html
View file

@ -21,8 +21,9 @@
<img src="css/images/clients/playstore.png" title="Android via Google Play Store" /></a> <img src="css/images/clients/playstore.png" title="Android via Google Play Store" /></a>
<a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank"> <a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank">
<img src="css/images/clients/ios.png" title="iOS" /></a> <img src="css/images/clients/ios.png" title="iOS" /></a>
<a href="http://mediabrowser.tv/community/index.php?/topic/8001-media-browser-for-roku-beta-channel/" target="_blank"> <a href="http://www.roku.com/channels/#!details/44191/media-browser-for-roku" target="_blank">
<img src="css/images/clients/roku.jpg" title="Roku" /></a> <img src="css/images/clients/roku.jpg" title="Roku" />
</a>
<a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank"> <a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank">
<img src="css/images/clients/windowsphone.png" title="Windows Phone" /></a> <img src="css/images/clients/windowsphone.png" title="Windows Phone" /></a>
<a href="http://apps.microsoft.com/windows/en-us/app/media-browser/ad55a2f0-9897-47bd-8944-bed3aefd5d06" target="_blank"> <a href="http://apps.microsoft.com/windows/en-us/app/media-browser/ad55a2f0-9897-47bd-8944-bed3aefd5d06" target="_blank">