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:
VH1 News Presents
Contact:
vh1help@vh1.com
Website:
http://www.vh1.com/vspot/player.jhtml
Copyright:
2008 VH1
Feed updated:
7/23/2009 @6:07 PM CT
Add
Tags
arts
arts & entertainment
celebrity
celebrity gossip
celebrity news
comedy
entertainment
film
movies
movies & television
music
television
tv
tv & film
vh1
vh1 news presents
<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
238 days ago
VH1 News Presents (Video)
Newest Episode: Thu July 23, 2009. 11:00 AM
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
2:05
VH1 News: Kelly Clarkson Continues to Give Fans All They Could Ever Want
Thu July 23, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
1:47
VH1 News: The Script Scores McCartney Opening Slot
Thu July 23, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Daughtry Talks Break-Ups, Bathing Suits and Barbies
Thu July 16, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
2:04
VH1 News: Mandy Moore Branches Out On Amanda Leigh
Thu July 16, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: The Great Debate
Thu July 09, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: BET AWards 2009
Wed July 01, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
2:03
VH1 News: Transformers
Wed July 01, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News:
Fri June 26, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: AC/DC Makes Anvil's Metal Dreams Come True
Wed June 24, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Bonaroo
Thu June 18, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Brooke Hogan
Thu June 11, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Do Something Awards
Thu June 11, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Morningwood
Thu June 11, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
2:05
VH1 News: The Beatles Rock Band
Thu June 11, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Woodstock
Thu June 11, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Dave Matthews Band
Thu June 04, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
2:05
VH1 News: Safetysuit
Thu May 28, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: The Airborne Toxic Event
Thu May 28, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: American Idol Finale Exclusive
Fri May 22, 2009. 11:00 AM
more
My rating:
Community:
(0)
Play
Add it
EXPLICIT
VH1 News: Ciara Sets Out A Fantasy Ride And Circus Tour
Thu May 21, 2009. 11:00 AM
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>
