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
Health
Food & Drink
History
Languages
Luxury & Fashion
Movies & TV
Music
News
Parenting
Politics
Religion
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
NBC
NBC Chicago
Newsweek
NPR
NY Times
PBS
Podiobooks
Time Magazine
Twit.TV Netcast Network
VH1
Wall St. Journal
BROWSE SHOWS
My Channels
2
Music
2
All (Mix)
0
New (24 Hours)
1
New (7 Days)
0
Favorites
Popular Channels
30
Business & Finance
9
Cars
43
Comedy
20
Cooking & Drinks
12
Education
28
Fashion & Luxury
13
Health & Fitness
7
History
23
Kids & Cartoons
6
Learn A Language
61
Music
34
News & Politics
5
Parenting
19
Relationships
32
Science & Nature
18
Showbiz News
26
Sports
33
Technology
25
Travel
33
Video Games
MY SHOWS
My Devices
More Mediafly Devices
Roku digital video player
BlackBerry (Beta)
Palm Pre WebOS
iPhone app
Android (Beta)
Popcorn Hour
Logitech Squeezebox
chumby
RSS
Sansa
iPods
Zune
iTunes
Creative Zen
Mediafly™ SyncClient
DEVICES
FORUM
// Provide alternate content for browsers that do not support scripting // or for those that have scripting disabled.
Community Favorites
Frosty Heidi And Frank Podcast
7 hours
4.8
Wall Street Journal This Morning
new
3.8
This American Life
1 day
4.6
NPR: Hourly News Summary Podcast
2 hours
4.3
Buzz Out Loud (MP3)
9 hours
4.7
NPR: Car Talk Podcast
2 days
4.2
The Onion Radio News
1 day
4.6
ESPN: PTI
6 hours
4.9
this WEEK in TECH - MP3 Edition
1 day
4.6
MSNBC Hardball with Chris Matthews
6 hours
3.2
Newest Shows Added to Mediafly
Fish Go Deep Podcast
6 days
Free comedy MP3s
new
Windows Fast IT Tips - with Chris Pope
1 day
Tech Jives Network » Tech Barbarians Netcast
20 hours
SNR - The Naked Soul
21 hours
5
Voices That Matter
83 days
Shift Run Stop
4 days
Dogear Nation » Podcast
1 day
net@night with Amber and Leo
4 days
Dogear Nation » Podcast
1 day
Technology
EXPLICIT
new
3.9
EXPLICIT
8 hours
3.5
EXPLICIT
9 hours
4.7
EXPLICIT
11 hours
News & Politics
EXPLICIT
new
3.9
EXPLICIT
2 hours
3.7
EXPLICIT
2 hours
4
EXPLICIT
3 hours
4.3
Music
EXPLICIT
new
3
EXPLICIT
new
EXPLICIT
50 mins
4.6
EXPLICIT
6 hours
Sports
EXPLICIT
new
4
EXPLICIT
6 hours
4.9
EXPLICIT
6 hours
4.8
Comedy
EXPLICIT
new
3
EXPLICIT
new
4.7
EXPLICIT
17 mins
4.5
Cars
EXPLICIT
new
4.3
EXPLICIT
new
4
EXPLICIT
9 hours
4
Science & Nature
EXPLICIT
new
4
EXPLICIT
9 hours
EXPLICIT
10 hours
5
Video Games
EXPLICIT
new
5
EXPLICIT
19 mins
4.2
EXPLICIT
4 hours
4.6
Business & Finance
EXPLICIT
new
3.8
EXPLICIT
new
2.8
EXPLICIT
new
3.5
Mediafly Devices
Roku digital video player
BlackBerry (Beta)
Palm Pre WebOS
iPhone app
Android (Beta)
Popcorn Hour
Logitech Squeezebox
chumby
RSS
Sansa
iPods
Zune
iTunes
Creative Zen
Mediafly™ SyncClient
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">${TimeFromNow}</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/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/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/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/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/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/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/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/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/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/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/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/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/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>
