Loading...
Sign up
|
Login
|
Help
Switch to Mediafly Business Site
SEARCH
HOME
Community Picks
Most Added (Past Month)
Most Added (Past Week)
Most Added
Newest Shows To Mediafly
Most Ratings
Highest Ratings
Newest Ratings
Most Community Favorites
Newest Community Favorites
Topics
Arts
Audiobooks
Business
Celebrity Gossip
Comedy
Education
Featured Partners
Food & Drink
Health
History
Languages
Luxury & Fashion
Movies & TV
Music
News
Parenting
Politics
Religion & Spirituality
Science & Nature
Self Help
Society & Culture
Sports
Technology
Travel
Video Games
Sources
ABC News
American Public Media
AOL
BBC
Bloomberg News
CBS News
CNET
CNN News
Comedy Central
Discovery Channel
ESPN
FOX News
HBO
MSNBC
MTV
Newsweek
NPR
NY Times
PBS
Time Magazine
Twit
VH1
Wall St. Journal
BROWSE SHOWS
My Channels
0
All (Mix)
0
New (24 Hours)
0
New (7 Days)
0
Favorites
Popular Channels
29
Business & Finance
9
Cars
36
Comedy
15
Cooking & Drinks
12
Education
22
Fashion & Luxury
12
Health & Fitness
4
History
24
Kids & Cartoons
26
Learn A Language
52
Music
38
News & Politics
5
Parenting
17
Relationships
45
Science & Nature
18
Showbiz News
26
Sports
47
Technology
25
Travel
33
Video Games
MY SHOWS
My Devices
More Mediafly Devices
Roku digital video player
iPhone app
BlackBerry (Beta)
Android (Beta)
Palm Pre WebOS
Popcorn Hour
chumby
Logitech Squeezebox
iPods
RSS
Sansa
Zune
Creative Zen
iTunes
Mediafly™ SyncClient
DEVICES
FORUM
Browse Shows by Topic
Playlist Browser
Shows
Empty channel.
Login
to view your playlist.
{if pages.length > 1} <div style="margin-right: auto; margin-left: auto; height: 10px; width: 120px;"> {for page in pages} <div class="${page.number}_collectionPage" onclick="javascript:collectionWidget.pagingNumber(${page.number});" style="float: left; cursor: pointer; background-color: #DDDDDD; border: solid 1px #999999; margin: 0px; padding: 0px; height: 8px; width: ${page.width}px;"></div> {/for} <div style="clear: both;"></div> </div> {/if}
Episodes
Empty channel.
Login
to view your playlist.
{if pages.length > 1} <div style="margin-right: auto; margin-left: auto; height: 10px; width: 120px;"> {for page in pages} <div class="${page.number}_collectionPage" onclick="javascript:collectionWidget.pagingNumber(${page.number});" style="float: left; cursor: pointer; background-color: #DDDDDD; border: solid 1px #999999; margin: 0px; padding: 0px; height: 8px; width: ${page.width}px;"></div> {/for} <div style="clear: both;"></div> </div> {/if}
iTunes
Zune
RSS
<div class="collectionShow ${Show.ChannelSlugsString} ${Show.Slug}" age="${SecondsOld}" style="float: left; width: 110px; height: 140px; display: ;"> <div style="float: left; width: 113px;"> <div style="float: left; width: 113px; margin-bottom: 35px;"> <div style="width: 85px; margin-right: auto; margin-left: auto; padding: 0px; border: 0px;"> <div class="showDiv requiresListeners" style="float: left;" show="${Show.Slug}" episode="${Slug}"> <div style="border: solid 1px #AAAAAA; background-color: #FFFFFF;"> <div style="width: 75px; height: 75px; padding: 5px; background: url(${Show.ImageUrl_75x75}) no-repeat 5px 5px;"> <a href="${Show.Path}" class="info" style="display: none; float: left;"> <img src="/images/rollover/info_medium.png" class="png" /> </a> <div class="play" style="display: none; margin-left: 20px; margin-top: 20px; cursor: pointer;" onclick="javascript:rolloverController.play('${Slug}', this);"> <img src="/images/rollover/play_medium.png" class="png" /> </div> </div> </div> </div> <div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${Show.ExplicitDisplay}" class="${Show.Slug}_Show_explicit small"> <div style="color: #CC0000; line-height: 12px;">EXPLICIT</div> </div> <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;"> <div style="float: left; margin-left: 3px; color: #999999; display: inline;" class="supersmall">${TimeFromNow}</div> <div class="${Show.Slug}_Show_mediaImage small" style="width: px; height: 10px; float: right; display: inline; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Show.Media}.gif) no-repeat;"></div> <div class="${Show.Slug}_Show_hudRatingImage supersmall" style="float: right; display: inline; height: 10px; margin-top: 2px; margin-right: 4px; display: ;"> <div style="float: right; display: inline;"><img src="/images/rollover/grey_star.gif" /></div> <div class="${Show.Slug}_Show_hudRatingValue" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div> </div> <div style="clear: both;"></div> </div> </div> </div> <div style="float: right; width: 30px; height: 30px; margin-left: -30px; margin-top: -10px; text-align: center; background-image: url(); display: ;" class="${Show.Slug}_${Show.Type}_freshEpisodesImage"> <div style="font-weight: bold; margin-top: 7px; color: ;" class="${Show.Slug}_${Show.Type}_freshEpisodesString small"></div> </div> </div> </div>
<div class="playlistChannelEpisode collectionEpisode ${ChannelSlugsString} ${Slug}" age="${SecondsOld}" style="display: ;"> <div style="padding-bottom: 6px; margin-left: 10px; margin-right: 10px;"> <div style="float: left;"> <div class="showDiv requiresListeners" style="width: 36px; padding: 0px; border: 0px;" show="${Show.Slug}" episode="${Slug}"> <div style="border: solid 1px #AAAAAA;"> <div style="width: 30px; height: 30px; padding: 2px; background: url(${ImageUrl_30x30}) no-repeat 2px 2px;"> <div class="play" style="display: none; margin-left: 5px; margin-top: 5px; cursor: pointer;" onclick="javascript:rolloverController.play('${Slug}', this);"> <img src="/images/rollover/play_small.png" class="png" /> </div> </div> </div> </div> </div> <div class="small" style="float: left; margin-left: 6px;"> <div style="width: 160px; height: 16px; line-height: 16px; overflow: hidden;"> <a href="${Path}" style="text-decoration: none;">${Title}</a> </div> <div style="width: 160px; height: 16px; line-height: 16px; overflow: hidden;"> <a href="${Show.Path}" style="color: #777777; text-decoration: none;">${Show.Title}</a> </div> </div> <div> <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;"> <div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div> <div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div> <div class="${Slug}_Episode_hudRatingImage supersmall" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;"> <div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div> <div class="${Slug}_Episode_hudRatingValue" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div> </div> <div style="clear: both;"></div> </div> </div> <div style="clear: both;"></div> </div> </div>
<div> <div style="float: left; margin-top: 0px; margin-left: ${MarginLeft}px; margin-right: ${MarginRight}px; border: solid 1px #AAAAAA; background-color: #FFFFFF;" class="showDiv requiresListeners" show="${ShowSlug}" episode="${EpisodeSlug}"> <div style="width: 75px; height: 75px; background: url(${ImageUrl_75x75}) 5px 5px no-repeat; padding: 5px;"> <a href="${EpisodePath}" class="info" style="display: none; float: left;"> <img src="/images/rollover/info_medium.png" class="png" /> </a> <div episode="${EpisodeSlug}" class="play channel" style="display: none; margin-left: 20px; margin-top: 20px; cursor: pointer;"> <img src="/images/rollover/play_medium.png" class="png" /> </div> </div> </div> </div>
<div style="float: left; border: solid 1px #AAAAAA; background-color: #FFFFFF; margin-top: 4px; margin-left: ${MarginLeft}px; margin-right: ${MarginRight}px;"> <div style="width: 60px; height: 60px; background: url(${ImageUrl_60x60}) 5px 5px no-repeat; padding: 5px;"> </div> </div>
<div style="float: left; border: solid 1px #AAAAAA; background-color: #FFFFFF; margin-top: 10px; margin-left: ${MarginLeft}px; margin-right: ${MarginRight}px;"> <div style="width: 30px; height: 30px; background: url(${ImageUrl_30x30}) 2px 2px no-repeat; padding: 2px;"> </div> </div>
EXPLICIT
39 days ago
3
EXPLICIT
15 days ago
2
EXPLICIT
21 hours ago
4.7
EXPLICIT
4 days ago
4.4
EXPLICIT
13 mins ago
4.3
EXPLICIT
new
4
EXPLICIT
7 days ago
4.2
EXPLICIT
13 days ago
4.5
EXPLICIT
153 days ago
4.5
EXPLICIT
1 day ago
5
EXPLICIT
8 hours ago
4.2
EXPLICIT
6 days ago
4.8
EXPLICIT
1 day ago
4
EXPLICIT
2 hours ago
3.5
EXPLICIT
2 hours ago
3
EXPLICIT
1 day ago
5
EXPLICIT
3 days ago
4
EXPLICIT
2 days ago
4.7
EXPLICIT
18 days ago
4.5
EXPLICIT
139 days ago
EXPLICIT
12 days ago
3.8
EXPLICIT
183 days ago
EXPLICIT
48 days ago
4
EXPLICIT
4 days ago
4.4
left
left
right
right
{if pages.length > 1} <div style="margin-right: auto; margin-left: auto; height: 10px; width: 452px; overflow: hidden;"> <div style="float: left; margin-right: 5px; width: 11px; height: 10px;"> <div class="lessArrow" style="cursor: pointer;" onclick="javascript:pagingController.pagingNumber(${pages[0].number+1});"><img src="${LESS_ARROW_ICON}" style="border: 0px; margin: 0px; padding: 0px;" alt="more episodes" title="more episodes" /></div> </div> {for page in pages} <div class="${page.number}_page" onclick="javascript:pagingController.pagingNumber(${page.number});" style="float: left; cursor: pointer; background-color: #DDDDDD; border: solid 1px #999999; margin: 0px; padding: 0px; height: 8px; width: ${page.width}px;"></div> {/for} <div style="float: left; margin-left: 5px; width: 11px; height: 10px;"> <div class="moreArrow" style="cursor: pointer;" onclick="javascript:pagingController.pagingNumber(${pages[pages.length-1].number-1});"><img src="${MORE_ARROW_ICON}" style="border: 0px; margin: 0px; padding: 0px;" alt="more episodes" title="more episodes" /></div> </div> <div style="clear: both;"></div> </div> {/if}
Programming
EXPLICIT
14 days ago
3
EXPLICIT
343 days ago
EXPLICIT
11 days ago
How Stuff Works
EXPLICIT
1 day ago
4
EXPLICIT
10 hours ago
4
EXPLICIT
96 days ago
CONTACT
TERMS OF USE
PRIVACY POLICY
COMPANY STORE
ADD YOUR RSS FEEDS
BUSINESSES
Introducing the new mediafly.com!
To leave feedback, comments, or report bugs, please visit our
forum
.
Thanks!
Mediafly Development Team.
Follow us on:
<div class="menuItem" style="float: left; border: solid 1px #999999; border-width: 0px 1px 1px 0px;"> <div class="menudropdown" style="padding: 5px; height: 14px; overflow: hidden;"> <a href="${Path}" style="text-decoration: none;" onclick="javascript:headerController.hideMenu();"> <div id="${Slug}_${Type}_playlistItem" style="float: right; margin: 0px 4px 0px 4px;" class="menutext ${ChannelIconClass}">${EpisodeCount}</div> <div class="menutext" style="height: 14px; overflow: hidden;">${Name}</div> </a> </div> </div>
<div class="menuItem" style="float: left; border: solid 1px #999999; border-width: 0px 1px 1px 0px;"> <div class="menudropdown" style="padding: 5px; overflow: hidden;"> <a href="${Path}" style="text-decoration: none;" onclick="javascript:headerController.hideMenu();"> <div style="float: right; margin: 0px 4px 0px 4px;"> <img src="${Thumb}" height="30px;" style="border: solid 1px #DDDDDD; padding: 3px;" /> </div> <div class="menutext" style="height: 36px;">${Name}</div> </a> </div> </div>
<div class="rolloverDiv" style="position: relative; left: 85px; display: none;"> <div class="rollover" style="position: absolute; width: 430px; overflow: visible;"> <div class="rolloverContent" style="float: left; position: relative; width: 430px;"> <div style="width: 436px; margin-left: -3px;"> <div> <img src="/images/rollover/top.png" /> </div> <div style="background: url(/images/rollover/middle.png) repeat-y;"> <div class="rolloverArrow" style="float: left; position: relative;"> <div class="rolloverArrowLeft" style="margin-left: -27px;"> <img src="/images/rollover/rollover_big_left.gif" /> </div> </div> <div class="rolloverArrow" style="float: right; position: relative;"> <div class="rolloverArrowRight" style="margin-right: -27px; display: none;"> <img src="/images/rollover/rollover_big_right.gif" /> </div> </div> <div style="background: #ffffff; margin-left: 9px; margin-right: 9px;"> <div style="background: #ffe100; padding-bottom: 6px; padding-left: 10px; text-indent: -8px; zoom: 1;"> <a href="${Path}" style="font-weight: bold; text-decoration: none; color: #000000;"> ${Show.Title} </a> </div> <!-- Show --> <div> <div style="margin: 6px;"> <table> <tr> <td> <div> <a href="${Show.Path}"> <div style="border: solid 1px #DDDDDD;"> <div style="width: 140px; height: 140px; padding: 5px; background: url(${Show.ImageUrl_140x140}) no-repeat 5px 5px;"></div> </div> </a> </div> <div> <div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${Show.ExplicitDisplay}" class="${Show.Slug}_Show_explicit small"> <div style="color: #CC0000; line-height: 12px;">EXPLICIT</div> </div> <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;"> <div style="float: left; margin-left: 3px; color: #999999; display: inline;" class="supersmall">${TimeFromNow}</div> <div class="${Show.Slug}_Show_mediaImage small" style="width: px; height: 10px; float: right; display: inline; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Show.Media}.gif) no-repeat;"></div> <div class="${Show.Slug}_Show_hudRatingImage supersmall" style="float: right; display: inline; height: 10px; margin-top: 2px; margin-right: 4px; display: ;"> <div style="float: right; display: inline;"><img src="/images/rollover/grey_star.gif" /></div> <div class="${Show.Slug}_Show_hudRatingValue" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div> </div> <div style="clear: both;"></div> </div> </div> </td> <td> <div class="small" style="margin-left: 10px; height: 160px; line-height: 16px; overflow: hidden;"> ${Show.Description} </div> </td> </tr> </table> </div> <div style="zoom: 1;"> <div style="float: right; margin-right: 10px;"> <div> <div> <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div> <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div> <div style="clear: left;"></div> </div> <div class="rating${Show.Slug}"> <!-- Remove Rating --> <div style="width: 14px; height: 14px; overflow: hidden; float: left;"> <a href="javascript:ratingController.remove${Show.Type}Rating('${Show.Slug}')" class="${Show.Slug}_${Show.Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a> </div> <!-- My Ratings --> <div class="${Show.Slug}_${Show.Type}_myRating" style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',1);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',2);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',3);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',4);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',5);"></div> </div> <!-- Community Ratings --> <div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left;"><img class="${Show.Slug}_${Show.Type}_communityRating" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div> </div> <!-- Number of Ratings --> <div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;"> <div class="${Show.Slug}_${Show.Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${Show.RatingsCount})</div> </div> <div style="clear: both;"></div> </div> </div> </div> <div style="float: right; margin-top: 15px; margin-right: 10px;"> <div onclick="javascript:favoriteController.toggle${Show.Type}Favorite('${Show.Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background: no-repeat;" class="${Show.Slug}_${Show.Type}_favoriteIcon"></div> </div> <div style="float: left; margin-top: 10px; margin-left: 18px;"> <div> <div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);"> <div style="float: left; width: 20px; height: 20px; background-image: url(/images/common/button_play.gif);"></div> <div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div> </div> <div style="float: left;"> <div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div> <div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;"> <div style="margin-top: 2px;"> <div style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleShowSubscription('${Show.Slug}');"> <div class="${Show.Slug}_Show_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div> <div class="${Show.Slug}_Show_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div> </div> </div> </div> </div> <div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div> <div style="float: left; margin-top: 2px; margin-left: 4px; display: " class="${Show.Slug}_Show_prefs"> <div style="float: left;"> <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');"> <img src="/images/common/syncprefs-bw.gif" /> </div> <div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Show.Type}', '${Show.Slug}');"> <img src="/images/common/channel_changer.gif" /> </div> </div> </div> <div style="clear: left;"></div> </div> </div> <div style="clear: both;"></div> </div> </div> <!-- Episode --> <div style="padding: 10px; margin-top: 6px;"> <div style="background-color: #999999; border-top: solid 1px #666666; border-bottom: solid 1px #666666;" class="topbar"> <span class="smallheader" id="selectedEpisodeText">Selected Episode:</span> <span class="small">${PubDateString}</span> </div> <div style="zoom: 1;" class="panel"> <div class="innerpanel"> <div style="margin-top: 10px;"> <div style="font-size: .8em; font-weight: bold; padding-left: 14px; text-indent: -14px;"> <a href="${Path}" style="text-decoration: none;">${Title}</a> </div> </div> <div style="margin-top: 10px;"> <table cellspacing="0px" cellpadding="0px" style="width: 100%;"> <tr valign="top"> <td style="width: auto;"> <div> <a href="${Path}"> <div style="border: solid 1px #DDDDDD;"> <div style="width: 75px; height: 75px; padding: 3px; background: url(${ImageUrl_75x75}) no-repeat 3px 3px;"></div> </div> </a> </div> <div> <div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${ExplicitDisplay}" class="${Slug}_Show_explicit small"> <div style="color: #CC0000; line-height: 12px;">EXPLICIT</div> </div> <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;"> <div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div> <div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div> <div class="${Slug}_Episode_hudRatingImage supersmall" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;"> <div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div> <div class="${Slug}_Episode_hudRatingValue" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div> </div> <div style="clear: both;"></div> </div> </div> </td> <td style="width: 100%;"> <div class="small" style="margin-left: 10px; height: 80px; line-height: 16px; overflow: hidden;"> ${Description} </div> </td> </tr> </table> </div> <div> <div style="float: right;"> <div> <div> <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div> <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div> <div style="clear: left;"></div> </div> <div class="rating${Slug}"> <!-- Remove Rating --> <div style="width: 14px; height: 14px; overflow: hidden; float: left;"> <a href="javascript:ratingController.remove${Type}Rating('${Slug}')" class="${Slug}_${Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a> </div> <!-- My Ratings --> <div class="${Slug}_${Type}_myRating" style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',1);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',2);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',3);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',4);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',5);"></div> </div> <!-- Community Ratings --> <div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left;"><img class="${Slug}_${Type}_communityRating" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div> </div> <!-- Number of Ratings --> <div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;"> <div class="${Slug}_${Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${RatingsCount})</div> </div> <div style="clear: both;"></div> </div> </div> </div> <div style="float: right; margin-top: 15px; margin-right: 10px;"> <div onclick="javascript:favoriteController.toggle${Type}Favorite('${Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background: no-repeat;" class="${Slug}_${Type}_favoriteIcon"></div> </div> <div style="float: left; margin-left: 5px; margin-top: 13px;"> <div> <div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);"> <div style="float: left; width: 20px; height: 20px; margin-left: -6px; background-image: url(/images/common/button_play.gif);"></div> <div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div> </div> <div style="float: left;"> <div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div> <div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;"> <div style="margin-top: 2px;"> <div style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleEpisodeSubscription('${Slug}');"> <div class="${Slug}_Episode_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div> <div class="${Slug}_Episode_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div> </div> </div> </div> </div> <div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div> <div style="float: left; margin-top: 2px; margin-left: 4px; display: " class="${Slug}_Episode_prefs"> <div style="float: left;"> <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');"> <img src="/images/common/syncprefs-bw.gif" /> </div> <div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');"> <img src="/images/common/channel_changer.gif" /> </div> </div> </div> <div style="clear: left;"></div> </div> </div> <div style="clear: both;"></div> </div> </div> </div> </div> </div> </div> <div> <img src="/images/rollover/bottom.png" /> </div> </div> </div> </div> </div>
<div class="rolloverDiv" style="position: relative; left: 85px; display: none;"> <div class="rollover" style="position: absolute; width: 460px; overflow: visible;"> <div class="rolloverArrow" style="float: left; position: relative;"> <div class="rolloverArrowLeft"> <img src="/images/rollover/rollover_big_left.gif" /> </div> </div> <div class="rolloverArrow" style="float: right; position: relative;"> <div class="rolloverArrowRight" style="display: none;"> <img src="/images/rollover/rollover_big_right.gif" /> </div> </div> <div class="rolloverContent" style="float: left; position: relative; width: 430px; background: #ffe100;"> <div style="background: #ffffff; margin: 6px;"> <div style="background: #ffe100; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; text-indent: -8px; zoom: 1;"> <a href="${Path}" style="font-weight: bold; text-decoration: none; color: #000000;"> ${Show.Title} </a> </div> <!-- Show --> <div> <div style="margin: 6px;"> <table> <tr> <td> <div> <a href="${Show.Path}"> <div style="border: solid 1px #DDDDDD;"> <div style="width: 140px; height: 140px; padding: 5px; background: url(${Show.ImageUrl_140x140}) no-repeat 5px 5px;"></div> </div> </a> </div> <div> <div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${Show.ExplicitDisplay}" class="${Show.Slug}_Show_explicit small"> <div style="color: #CC0000; line-height: 12px;">EXPLICIT</div> </div> <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;"> <div style="float: left; margin-left: 3px; color: #999999; display: inline;" class="supersmall">${TimeFromNow}</div> <div class="${Show.Slug}_Show_mediaImage small" style="width: px; height: 10px; float: right; display: inline; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Show.Media}.gif) no-repeat;"></div> <div class="${Show.Slug}_Show_hudRatingImage supersmall" style="float: right; display: inline; height: 10px; margin-top: 2px; margin-right: 4px; display: ;"> <div style="float: right; display: inline;"><img src="/images/rollover/grey_star.gif" /></div> <div class="${Show.Slug}_Show_hudRatingValue" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div> </div> <div style="clear: both;"></div> </div> </div> </td> <td> <div class="small" style="margin-left: 10px; height: 160px; line-height: 16px; overflow: hidden;"> ${Show.Description} </div> </td> </tr> </table> </div> <div style="zoom: 1;"> <div style="float: right; margin-right: 10px;"> <div> <div> <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div> <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div> <div style="clear: left;"></div> </div> <div class="rating${Show.Slug}"> <!-- Remove Rating --> <div style="width: 14px; height: 14px; overflow: hidden; float: left;"> <a href="javascript:ratingController.remove${Show.Type}Rating('${Show.Slug}')" class="${Show.Slug}_${Show.Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a> </div> <!-- My Ratings --> <div class="${Show.Slug}_${Show.Type}_myRating" style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',1);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',2);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',3);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',4);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',5);"></div> </div> <!-- Community Ratings --> <div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left;"><img class="${Show.Slug}_${Show.Type}_communityRating" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div> </div> <!-- Number of Ratings --> <div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;"> <div class="${Show.Slug}_${Show.Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${Show.RatingsCount})</div> </div> <div style="clear: both;"></div> </div> </div> </div> <div style="float: right; margin-top: 15px; margin-right: 10px;"> <div onclick="javascript:favoriteController.toggle${Show.Type}Favorite('${Show.Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background: no-repeat;" class="${Show.Slug}_${Show.Type}_favoriteIcon"></div> </div> <div style="float: left; margin-top: 10px; margin-left: 18px;"> <div> <div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);"> <div style="float: left; width: 20px; height: 20px; background-image: url(/images/common/button_play.gif);"></div> <div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div> </div> <div style="float: left;"> <div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div> <div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;"> <div style="margin-top: 2px;"> <div style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleShowSubscription('${Show.Slug}');"> <div class="${Show.Slug}_Show_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div> <div class="${Show.Slug}_Show_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div> </div> </div> </div> </div> <div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div> <div style="float: left; margin-top: 2px; margin-left: 4px; display: " class="${Show.Slug}_Show_prefs"> <div style="float: left;"> <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');"> <img src="/images/common/syncprefs-bw.gif" /> </div> <div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Show.Type}', '${Show.Slug}');"> <img src="/images/common/channel_changer.gif" /> </div> </div> </div> <div style="clear: left;"></div> </div> </div> <div style="clear: both;"></div> </div> </div> <!-- Episode --> <div style="padding: 10px; margin-top: 6px;"> <div style="background-color: #999999; border-top: solid 1px #666666; border-bottom: solid 1px #666666;" class="topbar"> <span class="smallheader" id="selectedEpisodeText">Selected Episode:</span> <span class="small">${PubDateString}</span> </div> <div style="zoom: 1;" class="panel"> <div class="innerpanel"> <div style="margin-top: 10px;"> <div style="font-size: .8em; font-weight: bold; padding-left: 14px; text-indent: -14px;"> <a href="${Path}" style="text-decoration: none;">${Title}</a> </div> </div> <div style="margin-top: 10px;"> <table cellspacing="0px" cellpadding="0px" style="width: 100%;"> <tr valign="top"> <td style="width: auto;"> <div> <a href="${Path}"> <div style="border: solid 1px #DDDDDD;"> <div style="width: 75px; height: 75px; padding: 3px; background: url(${ImageUrl_75x75}) no-repeat 3px 3px;"></div> </div> </a> </div> <div> <div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${ExplicitDisplay}" class="${Slug}_Show_explicit small"> <div style="color: #CC0000; line-height: 12px;">EXPLICIT</div> </div> <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;"> <div style="float: left; margin-left: 3px; color: #999999; display: inline;" class="supersmall">${TimeFromNow}</div> <div class="${Show.Slug}_Show_mediaImage small" style="width: px; height: 10px; float: right; display: inline; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Show.Media}.gif) no-repeat;"></div> <div class="${Show.Slug}_Show_hudRatingImage supersmall" style="float: right; display: inline; height: 10px; margin-top: 2px; margin-right: 4px; display: ;"> <div style="float: right; display: inline;"><img src="/images/rollover/grey_star.gif" /></div> <div class="${Show.Slug}_Show_hudRatingValue" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div> </div> <div style="clear: both;"></div> </div> </div> </td> <td style="width: 100%;"> <div class="small" style="margin-left: 10px; height: 80px; line-height: 16px; overflow: hidden;"> ${Description} </div> </td> </tr> </table> </div> <div> <div style="float: right;"> <div> <div> <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div> <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div> <div style="clear: left;"></div> </div> <div class="rating${Slug}"> <!-- Remove Rating --> <div style="width: 14px; height: 14px; overflow: hidden; float: left;"> <a href="javascript:ratingController.remove${Type}Rating('${Slug}')" class="${Slug}_${Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a> </div> <!-- My Ratings --> <div class="${Slug}_${Type}_myRating" style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',1);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',2);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',3);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',4);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',5);"></div> </div> <!-- Community Ratings --> <div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left;"><img class="${Slug}_${Type}_communityRating" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div> </div> <!-- Number of Ratings --> <div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;"> <div class="${Slug}_${Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${RatingsCount})</div> </div> <div style="clear: both;"></div> </div> </div> </div> <div style="float: right; margin-top: 15px; margin-right: 10px;"> <div onclick="javascript:favoriteController.toggle${Type}Favorite('${Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background: no-repeat;" class="${Slug}_${Type}_favoriteIcon"></div> </div> <div style="float: left; margin-left: 5px; margin-top: 13px;"> <div> <div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);"> <div style="float: left; width: 20px; height: 20px; margin-left: -6px; background-image: url(/images/common/button_play.gif);"></div> <div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div> </div> <div style="float: left;"> <div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div> <div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;"> <div style="margin-top: 2px;"> <div style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleEpisodeSubscription('${Slug}');"> <div class="${Slug}_Episode_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div> <div class="${Slug}_Episode_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div> </div> </div> </div> </div> <div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div> <div style="float: left; margin-top: 2px; margin-left: 4px; display: " class="${Slug}_Episode_prefs"> <div style="float: left;"> <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');"> <img src="/images/common/syncprefs-bw.gif" /> </div> <div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');"> <img src="/images/common/channel_changer.gif" /> </div> </div> </div> <div style="clear: left;"></div> </div> </div> <div style="clear: both;"></div> </div> </div> </div> </div> </div> </div> </div> </div>
<div> <div> <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div> <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div> <div style="clear: left;"></div> </div> <div class="rating${Slug}"> <!-- Remove Rating --> <div style="width: 14px; height: 14px; overflow: hidden; float: left;"> <a href="javascript:ratingController.remove${Type}Rating('${Slug}')" class="${Slug}_${Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a> </div> <!-- My Ratings --> <div class="${Slug}_${Type}_myRating" style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',1);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',2);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',3);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',4);"></div> <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',5);"></div> </div> <!-- Community Ratings --> <div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;"> <div style="float: left;"><img class="${Slug}_${Type}_communityRating" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div> </div> <!-- Number of Ratings --> <div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;"> <div class="${Slug}_${Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${RatingsCount})</div> </div> <div style="clear: both;"></div> </div> </div>
<div onclick="javascript:favoriteController.toggle${Type}Favorite('${Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background: no-repeat;" class="${Slug}_${Type}_favoriteIcon"></div>
<div class="popupheader"> Save Your Favorites! </div> <div class="poweroption small"> To use this feature, please: </div> <div style="margin-top: 40px;"> <div style="float: left; display: inline;"> <input type="button" value="Login" onclick="javascript:window.location='/Login?ReturnUrl=${CurrentUrl}'" /> </div> <div style="float: left; display: inline; margin-left: 5px;"> <input type="button" value="Create an Account (It's Free)" onclick="javascript:window.location='/MyAccount?ReturnUrl=${CurrentUrl}'" /> </div> </div>
<div id="popupHead" class="popupheader"></div> <div> <div style="float: left;"> <div style="border: 1px solid #AAAAAA; margin-left: 6px;"> <div style="width: 34px; height: 34px; background: url(${Show.ImageUrl_30x30}) no-repeat 2px 2px;"></div> </div> </div> <div class="small" style="float: left; margin-left: 6px;"> <div style="height: 16px; overflow: hidden;"> ${Show.Title} </div> </div> <div style="clear: left;"></div> </div> <div class="small" style="margin-top: 20px;"> <div> Add this show to my </div> <div> <select id="channelDropdown" class="thinborder" style="width: 160px;"></select> <span> channel</span> </div> <div style="margin-top: 5px;"> Or create a new channel: </div> <div> <input type="text" id="channelText" class="thinborder" style="width: 160px;" /> </div> </div> <div style="margin-top: 40px;"> <div id="addShowLink" style="float: left;"> <input type="button" value="Add it" onclick="javascript:subscriptionController.addShowConfirmed('${Show.Slug}');"> </div> <div style="float: left; margin-left: 5px;"> <input type="button" value="Cancel" onclick="javascript:popupController.hidePopup();" /> </div> </div>
<div> <div style="float: left;"> <div style="border: solid 1px #AAAAAA;"> <div style="width: 30px; height: 30px; padding: 2px; background: url(${ImageUrl_30x30}) no-repeat 2px 2px;"> </div> </div> </div> <div class="small" style="float: left; margin-left: 6px;"> <div style="height: 16px; overflow: hidden;"> ${Title} </div> <div style="height: 16px; overflow: hidden; color: #999999;"> ${Show.Title} </div> </div> <div style="clear: left;"></div> </div> <div class="small" style="margin-top: 20px;"> <div> Add this episode to my </div> <div> <select id="channelDropdown" class="thinborder" style="width: 160px;"></select> <span> channel</span> </div> <div style="margin-top: 5px;"> Or create a new channel: </div> <div> <input type="text" id="channelText" class="thinborder" style="width: 160px;" /> </div> </div> <div style="width: 100%; margin-top: 40px;"> <div style="float: left;"> <input type="button" value="Add it" onclick="javascript:subscriptionController.addEpisodeConfirmed('${Slug}');" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" value="Cancel" onclick="javascript:popupController.hidePopup();" /> </div> </div>
<div id="advancedOptions"> <div class="popupheader"> Preferences for ${Title} </div> <div id="mediaTypesOption" class="poweroption small" style="margin-top: 20px;"> <div class="rolledUpPrefs" style="display: none;"> <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('mediaTypesOption');"> <img src="/images/common/syncprefs-bw.gif" /> </div> </div> <div class="prefs" style="display: none;"> <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('mediaTypesOption');"> <img src="/images/common/grey_cancel.gif" /> </div> Include: <span><input id="includeAudio" class="thinborder" type="checkbox" /> Audio</span> <span style="margin-left: 10px;"><input id="includeVideo" class="thinborder" type="checkbox" /> Video</span> </div> </div> <div style="clear: left;"></div> <div id="maxEpisodesOption" class="poweroption small" style="margin-top: 20px;"> <div class="rolledUpPrefs" style="display: none;"> <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('maxEpisodesOption');"> <img src="/images/common/syncprefs-bw.gif" /> </div> </div> <div class="prefs" style="display: none;"> <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('maxEpisodesOption');"> <img src="/images/common/grey_cancel.gif" /> </div> <div style="float: left;"> <div> <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio limit" /> Include no more than <input id="maxEpisodesText" class="thinborder" style="width: 60px;" type="text" /> episodes (max of 25) </div> <div> <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio noLimit" /> Include the maximum number of episodes. </div> </div> </div> </div> <div style="clear: left;"></div> <div id="maxDaysOption" class="poweroption small" style="margin-top: 20px;"> <div class="rolledUpPrefs" style="display: none;"> <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('maxDaysOption');"> <img src="/images/common/syncprefs-bw.gif" /> </div> </div> <div class="prefs" style="display: none;"> <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('maxDaysOption');"> <img src="/images/common/grey_cancel.gif" /> </div> <div style="float: left;"> <div> <input type="radio" name="maxDaysRadio" class="maxDaysRadio limit" /> Let episodes expire after <input id="maxDaysText" class="maxDays thinborder" style="width: 60px;" type="text" /> <select id="daysTypeDropdown"> <option value="1">Calendar days</option> <option value="2">Weekdays</option> <option value="3">Smart days</option> </select>. </div> <div> <input type="radio" name="maxDaysRadio" class="maxDaysRadio noLimit" /> Do not let episodes expire by date. </div> </div> </div> </div> <div style="clear: left;"></div> <div id="minExperienceOption" class="poweroption small" style="margin-top: 20px;"> <div class="rolledUpPrefs" style="display: none;"> <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('minExperienceOption');"> <img src="/images/common/syncprefs-bw.gif" /> </div> </div> <div class="prefs" style="display: none;"> <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('minExperienceOption');"> <img src="/images/common/grey_cancel.gif" /> </div> Remove an episode after listening to <input id="minExperienceText" class="thinborder" style="width: 60px;" type="text" /> %. (1 - 100) </div> </div> <div style="clear: left;"></div> <div style="font-weight: bold; margin-top: 15px; margin-left: 30px;" class="small"> or </div> <div class="poweroption small" style="margin-top: 15px;"> <input id="inactiveSubscriptionCheckbox" type="checkbox" style="margin-right: 6px;" /> Don't include any episodes for this show. </div> <div style="clear: left;"></div> </div> <div style="margin-top: 40px;"> <div style="float: left;"> <input type="button" value="Save Show Preferences" onclick="javascript:subscriptionController.submitShowPrefs('${Slug}');" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" value="Reset Show Preferences" onclick="javascript:subscriptionController.defaultPrefs('Show', '${Slug}');" /> </div> </div>
<div class="popupheader"> Preferences for ${Title} </div> <div id="episodeOptions" class="small poweroption"> <div class="rolledUpPrefs" style="display: none;"> <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('episodeOptions');"> <img src="/images/common/syncprefs-bw.gif" /> </div> </div> <div class="prefs" style="display: none;"> <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('episodeOptions');"> <img src="/images/common/grey_cancel.gif" /> </div> <div style="float: left;"> <div> <div> <input type="radio" name="keepEpisodeDaysRadio" class="keepEpisodeDaysRadio limit" /> Let this episode expire <input id="keepEpisodeDaysText" class="maxDays thinborder" style="width: 60px;" type="text" /> days from today. </div> <div> <input type="radio" name="keepEpisodeDaysRadio" class="keepEpisodeDaysRadio noLimit" value="max" /> Do not let this episode expire by date. </div> </div> <div style="margin-top: 20px;"> <div> <input type="radio" name="minEpisodeExperienceRadio" class="minEpisodeExperienceRadio limit" /> Remove this episode after listening to <input id="minEpisodeExperienceText" class="thinborder" style="width: 60px;" type="text" /> %. (1 - 100) </div> <div> <input type="radio" name="minEpisodeExperienceRadio" class="minEpisodeExperienceRadio noLimit" /> Do not remove this episode even, after it has been listened to in full. </div> </div> </div> <div style="clear: left;"></div> </div> </div> <div style="clear: left;"></div> <div style="margin-top: 40px;"> <input type="button" value="Save Episode Preferences" onclick="javascript:subscriptionController.submitEpisodePrefs('${Slug}');" /> </div>
<div class="popupheader"> Change Channel </div> <div class="poweroption small"> <div> Choose an existing channel: </div> <select id="channelDropdown" class="thinborder" style="width: 160px;"></select> </div> <div class="poweroption small"> <div> Or create a new one: </div> <input id="channelText" /> </div> <div style="margin-top: 40px;"> <div style="float: left;"> <input type="button" onclick="javascript:subscriptionController.submitChangeChannel('${Type}', '${Slug}');" value="Change Channel" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Cancel" /> </div> </div>
<div style="float: left;"> <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');"> <img src="/images/common/syncprefs-bw.gif" /> </div> <div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Show.Type}', '${Show.Slug}');"> <img src="/images/common/channel_changer.gif" /> </div> </div>
<div style="float: left;"> <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');"> <img src="/images/common/syncprefs-bw.gif" /> </div> <div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');"> <img src="/images/common/channel_changer.gif" /> </div> </div>
<div style="position: relative; display: none; left: -8px;" class="popup"> <div style="position: absolute;" class="container"> <div style="border: solid 2px #FFC000; background-color: #FFFFFF; width: 220px;"> <div class="small info" style="margin: 4px;"></div> </div> <div style="padding-left: 13px;"><img src="/images/showpage/yellow_triangle.gif" style="border: 0px; margin: 0px; padding: 0px;" /></div> </div> </div>
<div class="popupheader"> Remove Channel </div> <div class="poweroption small"> This will remove all shows in your ${Name} channel. Are you sure you would like to continue? </div> <div style="margin-top: 40px;"> <div style="float: left;"> <input type="button" onclick="javascript:subscriptionController.submitRemoveChannel('${Name}');" value="Remove Channel" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Cancel" /> </div> </div>
<div class="popupheader"> Rename Channel </div> <div class="poweroption small"> <div> Choose an existing channel name: </div> <select id="channelDropdown" class="thinborder" style="width: 160px;"></select> </div> <div class="poweroption small"> <div> Or create a new one: </div> <input id="channelText" /> </div> <div style="margin-top: 40px;"> <div style="float: left;"> <input type="button" onclick="javascript:subscriptionController.submitRenameChannel('${Name}');" value="Rename Channel" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Cancel" /> </div> </div>
<div id="advancedOptions"> <div class="popupheader"> Preferences for All Shows in this Channel </div> <div id="mediaTypesOption" class="poweroption small" style="margin-top: 20px;"> <div class="prefs"> Include: <span><input id="includeAudio" class="thinborder" type="checkbox" /> Audio</span> <span style="margin-left: 10px;"><input id="includeVideo" class="thinborder" type="checkbox" /> Video</span> </div> </div> <div style="clear: left;"></div> <div id="maxEpisodesOption" class="poweroption small" style="margin-top: 20px;"> <div class="prefs"> <div style="float: left;"> <div> <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio limit" /> Include no more than <input id="maxEpisodesText" class="thinborder" style="width: 60px;" type="text" /> episodes (max of 25) </div> <div> <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio noLimit" /> Include the maximum number of episodes. </div> </div> </div> </div> <div style="clear: left;"></div> <div id="maxDaysOption" class="poweroption small" style="margin-top: 20px;"> <div class="prefs"> <div style="float: left;"> <div> <input type="radio" name="maxDaysRadio" class="maxDaysRadio limit" /> Let episodes expire after <input id="maxDaysText" class="maxDays thinborder" style="width: 60px;" type="text" /> <select id="daysTypeDropdown"> <option value="1">Calendar days</option> <option value="2">Weekdays</option> <option value="3">Smart days</option> </select>. </div> <div> <input type="radio" name="maxDaysRadio" class="maxDaysRadio noLimit" /> Do not let episodes expire by date. </div> </div> </div> </div> <div style="clear: left;"></div> <div id="minExperienceOption" class="poweroption small" style="margin-top: 20px;"> <div class="prefs"> Remove an episode after listening to <input id="minExperienceText" class="thinborder" style="width: 60px;" type="text" /> %. (1 - 100) </div> </div> <div style="clear: left;"></div> </div> <div style="margin-top: 40px;"> <div style="float: left;"> <input type="button" value="Save Channel Preferences" onclick="javascript:subscriptionController.submitChannelPrefs('${Name}');" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" value="Reset Channel Preferences" onclick="javascript:subscriptionController.defaultPrefs('Channel', '${Name}');" /> </div> </div>
<div class="popupheader"> Subscribe to Search Channel </div> <div class="poweroption small"> <div> Channel: </div> <input id="searchChannelText" /> </div> <div class="poweroption small"> <div> Parent Channel: </div> <input id="searchParentChannelText" /> </div> <div style="margin-top: 40px;"> <div style="float: left;"> <input type="button" onclick="javascript:subscriptionController.submitSearchSubscription('${query}');" value="Create" /> </div> <div style="float: left; margin-left: 5px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Cancel" /> </div> </div>
<div class="popupheader"> Success! </div> <div class="poweroption small" style="margin-top: 20px;"> You just added your first show! Now, to get the most out of your Mediafly experience, sync your shows with any of these Mediafly enable devices: </div> <div class="poweroption small" style="margin-top: 20px;"> <a href="/DigitalLifestyle/Roku digital video player"> <img src="http://s3.amazonaws.com//Mediafly_Images/SyncPoints/Roku/Roku_90x65.jpg" alt="Roku digital video player" title="Roku digital video player" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/iPhone app"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Apple/iphone_wapp_90x65.jpg" alt="iPhone app" title="iPhone app" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/BlackBerry (Beta)"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/BlackBerry/BBerry-90x65.jpg" alt="BlackBerry (Beta)" title="BlackBerry (Beta)" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Android (Beta)"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Google/Android/android-htc-90x65.jpg" alt="Android (Beta)" title="Android (Beta)" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Palm Pre WebOS"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Palm/Palm-Pre-90x65.png" alt="Palm Pre WebOS" title="Palm Pre WebOS" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Popcorn Hour"> <img src="http://s3.amazonaws.com/static.mediafly.com/syncPointImages/popcornhour-popbox-90x65.png" alt="Popcorn Hour" title="Popcorn Hour" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/chumby"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Chumby/chumby_90x65.jpg" alt="chumby" title="chumby" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Logitech Squeezebox"> <img src="http://s3.amazonaws.com/static.mediafly.com/syncPointImages/Logitech_90x65.jpg" alt="Logitech Squeezebox" title="Logitech Squeezebox" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/iPods"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Apple/ipod_family_90x65.jpg" alt="iPods" title="iPods" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/RSS"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/RSS/rss_ico_90x65.jpg" alt="RSS" title="RSS" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Sansa"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Sansa/sansa_family_90x65.jpg" alt="Sansa" title="Sansa" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Zune"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Microsoft/zune_family_90x65.jpg" alt="Zune" title="Zune" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Creative Zen"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Creative/zen_family_90x65.jpg" alt="Creative Zen" title="Creative Zen" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/iTunes"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/Apple/itunes-90x65.jpg" alt="iTunes" title="iTunes" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> <a href="/DigitalLifestyle/Mediafly™ SyncClient"> <img src="http://s3.amazonaws.com/Mediafly_Images/SyncPoints/SyncClient/syncclient_90x65.jpg" alt="Mediafly™ SyncClient" title="Mediafly™ SyncClient" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;"> </a> </div> <div style="margin-top: 40px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Continue Browsing" /> </div>
