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
6
Cars
29
Comedy
13
Cooking & Drinks
11
Education
22
Fashion & Luxury
10
Health & Fitness
4
History
20
Kids & Cartoons
26
Learn A Language
52
Music
37
News & Politics
5
Parenting
17
Relationships
45
Science & Nature
18
Showbiz News
24
Sports
47
Technology
24
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
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>
Show Details
Owner:
The MIX - Eric and Kathy
Contact:
webmaster@wtmx.com (The MIX Webmaster)
Website:
http://www.wtmx.com
Feed updated:
3/18/2010 @5:43 PM CT
Add
Tags
bonneville chicago radio group
chicago
entertainment
eric and kathy
great guest interviews
hilarious
radio
unclassified
unclassified
wtmx
<div id="${Id}_tag"> <table cellpadding="0px" cellspacing="0px"> <tr> <td style="width: 16px;"> {if IsMine} <img src="${TRASH_ICON}" onclick="javascript:theController.removeTag('${Id}');" width="12px" height="12px" class="smallicon" style="cursor: pointer;" alt="remove tag" title="remove tag" /> {/if} </td> <td> ${Text} </td> </tr> </table> </div>
Show Details
EXPLICIT
15 hours ago
The MIX - Eric and Kathy
Newest Episode: Thu March 18, 2010. 09:59 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
Go to date:
Episode Explorer
<div class="dot" style="float: left; margin-left: ${x}px;"> <div class="dotRollover" style="position: relative; display: none; left: -12px;"> <div class="container" style="position: absolute; width: 200px; float: left;"> <div style="border: solid 2px #FFC000; background-color: #ffc000;"> <div style="background-color: #ffc000;"> <span class="small" style="margin: 2px; color: #FFFFFF;">${alt}</span> </div> <div style="background-color: #FFFFFF;"> <span class="small" style="margin: 2px;">${title}</span> </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> <img src="${image}" onclick="javascript:theController.selectEpisode('${slug}');" style="cursor: pointer; overflow: hidden;" /> </div> </div>
<!-- giving the timeline tick div's 20 extra px in case they wrap --> <div class="timelineTicksDiv" style="overflow: visible; width: 680px;"> {for tick in ticks} <div class="${tick.index}_tick" style="float: left; border: solid 1px #DDDDDD; border-top: 0px; margin: 0px; padding: 0px; height: 20px; width: ${tick.width}px;"></div> {/for} <div style="clear: both;"></div> </div> <div class="timelineTicksDiv" style="overflow: visible; width: 680px;"> {for tick in ticks} <div class="${tick.index}_tick" style="float: left; border: solid 1px #DDDDDD; border-bottom: 0px; margin: 0px; padding: 0px; height: 20px; width: ${tick.width}px;"></div> {/for} <div style="clear: both;"></div> </div>
{for tick in ticks} <div style="float: left; height: 30px; width: ${tick.width+2}px;"> <div class="tickdate">${tick.date}</div> <div class="tickyear">{if tick.year > 0}${tick.year}{/if}</div> </div> {/for}
older
older
newer
newer
{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}
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/18/2010
Thu March 18, 2010. 09:59 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/17/2010
Wed March 17, 2010. 10:33 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/16/2010
Tue March 16, 2010. 10:14 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/15/2010
Mon March 15, 2010. 10:01 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/12/2010
Fri March 12, 2010. 09:42 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/11/2010
Thu March 11, 2010. 10:25 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/10/2010
Wed March 10, 2010. 10:07 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/09/2010
Tue March 09, 2010. 11:23 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/08/2010
Mon March 08, 2010. 11:26 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/05/2010
Fri March 05, 2010. 09:30 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/04/2010
Thu March 04, 2010. 09:48 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/03/2010
Wed March 03, 2010. 11:20 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/02/2010
Tue March 02, 2010. 09:45 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 03/01/2010
Mon March 01, 2010. 12:19 PM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 02/26/2010
Fri February 26, 2010. 10:13 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 02/23/2010
Tue February 23, 2010. 10:20 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 02/22/2010
Mon February 22, 2010. 11:17 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 02/12/2010
Fri February 12, 2010. 11:28 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 02/11/2010
Thu February 11, 2010. 10:08 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
Eric and Kathy - WTMX-FM Chicago - 02/09/2010
Wed February 10, 2010. 10:09 AM
Eric and Kathy - Mornings on The MIX - WTMX-FM Chicago
more
My rating:
Community:
(0)
Play
Add it
older
older
newer
newer
{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}
Key
Management
Remove
Add
iTunes
Zune
RSS
Download
Media Types
Audio
Video
Unknown
Episode Info
Experience
Ratings
Community rating
My rating
No rating
Remove rating
(#)
Number of user ratings
Favorites
Add to favorites
Remove from favorites
More / Less
More info
Less info
Timeline
Most recent episode
Selected episode
Visible episodes
<div class="${Slug}_EpisodePanel"> <div class="panel"> <div class="innerpanel"> <div style="margin-top: 6px;"> <table cellspacing="0px" cellpadding="0px" border="0px"> <tr valign="top"> <td style="width: auto;"> <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(${ImageUrl_75x75}) no-repeat 5px 5px;"> <a href="${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: ${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> </div> </div> </td> <td style="width: 100%;"> <div style="margin-left: 10px;"> <div> <div style="float: right; width: 28px; height: 28px; cursor: pointer; background: url(${ExperienceIcon}) no-repeat; display: ${ExperienceDisplay};" onclick="javascript:theController.popupExperience('${Slug}');"> </div> <div> <a class="episodeheader" href="javascript:theController.selectEpisode('${Slug}');">${Title}</a> </div> <div class="small" style="color: #666666; padding-top: 10px; padding-bottom: 14px; margin-left: 20px;"> <div style="float: left;"> <a href="${File}" class="episodelink ${Slug}_file" onclick="javascript:safeUrchinTracker('/Track/ShowPage/Episode/download');"> <img src="/images/common/disk.gif" alt="Download episode" title="Download episode" /> </a> </div> <div style="float: left; margin-left: 10px;"> ${PubDateString} </div> <div style="clear: left;"></div> </div> </div> <div> <div style="overflow: hidden; line-height: 16px;" class="small ${Type}_${Slug}_description"> ${Description} </div> <a class="episodelink ${Type}_${Slug}_toggleDescription" href="javascript:theController.toggleEpisodeDescription('${Slug}');" style="display: none;"> <img src="/images/common/blue_more.gif" class="smallicon ${Type}_${Slug}_toggleImage" alt="view full description" title="view full description" /> <span class="${Type}_${Slug}_toggleText">more</span> </a> </div> </div> </td> </tr> </table> </div> </div> <div style="margin-left: 4px; padding-bottom: 9px;"> <div style="float: right;"> <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> <div class="${Type}_${Slug}_mediaControls" style="float: left; margin-left: 20px; margin-top: 11px;"> <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: left;"></div> </div> </div> </div>
<div class="popupheader">Out of range</div> <div class="small"> There are no episodes available within the selected range. </div> <div style="margin-top: 40px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Cancel" /> </div>
<div class="popupheader">${Title} via ${Device}</div> {if !IsSubscribed} <div class="small"> <div> Add this show to my </div> <div> <select id="addChannelDropdown" class="thinborder" style="width: 160px;"> {for channel in Channels} <option>${channel}</option> {/for} </select> <span> channel</span> </div> <div style="margin-top: 5px;"> Or create a new channel: </div> <div> <input type="text" id="addChannelText" class="thinborder" style="width: 160px;" /> </div> </div> {/if} <div class="small" style="margin-top: 40px;"> <div style="float: left; margin-left: 5px;"> <input type="button" value="Add to ${Device}" onclick="javascript:theController.addShowToDevice('${Device}');"> </div> </div>
<div class="popupheader">${Title} via ${Device}</div> <div class="small"> <div> To use this feature, please choose one of the following options: </div> <div style="margin-top: 40px;"> <div style="float: left; display: inline;"> <input type="button" value="Login" onclick="javascript:window.location='/Login?ReturnUrl=Podcasts/Feeds/${Slug}'" /> </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=Podcasts/Feeds/${Slug}'" /> </div> </div> </div>
<div class="popupheader">${Title} episode experience data</div> <div> <div class="small"> <div>You have experienced ${MostRecentExperience.Percent}% of this episode on ${MostRecentExperience.Date} @ ${MostRecentExperience.Time}.</div> {if MostRecentExperience.Complete} <div style="margin-top: 6px;">According to your selection preferences, this episode is considered complete.</div> {/if} </div> <div style="margin-top: 40px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Close" /> </div> </div>
<div class="popupheader">Episode No Longer Available</div> <div class="small"> <div> This episode is no longer available. It has been removed from the Mediafly index. </div> <div style="margin-top: 6px;"> If you believe this is a valid podcast please <a href="/Contact.aspx">contact us</a>. </div> </div> <div style="margin-top: 40px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Close" /> </div>
<div class="popupheader">Empty Feed</div> <div class="small"> No episodes exist for this feed. </div> <div style="margin-top: 40px;"> <input type="button" onclick="javascript:popupController.hidePopup();" value="Close" /> </div>
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>
