Mediafly: Digital Lifestyle

My Digital Lifestyle - Get Mediafly at home, at work, and on the go...

Which options are right for you?

Use this guide to help you determine the best option to get your Mediafly channels on your devices...

iPhone

Try our new iPhone app

iPods (PC)

Use the Mediafly SyncClient application to automatically download your episodes into iTunes (and automatically remove them when you're done)

iPods (Mac)

Download to iTunes via RSS

Zune (PC)

Download to Zune via RSS

Sansa, iriver, Creative Zen

Use the Mediafly SyncClient application to automatically download and sync your episodes to any USB player that supports MTP USB mode

Chumby, Popcorn Hour, and more

Mediafly is fully integrated into these devices and more -- right out of the box. No configuration or installation necessary

<div id="panel_${Id}" class="highlightedpanel">
                    <div class="innerpanel">
                        <div>
                            <table style="width: 100%;" cellpadding="0px" cellspacing="0px">
                            <tr valign="middle">
                                <td align="left">
                                    <span class="deviceName">${Name}</span> -
                                    <span class="shortDeviceDescription">${ShortDescription}</span>
                                </td>
                                <td align="right">
                                    {if BuyNowURL != ""}
                                        <a href="${BuyNowURL}" target="_blank" class="anchor small" style="margin-left: 6px;">${BuyNowText}</a>
                                        <span class="small"> | </span>
                                    {/if}
                                    
                                    {if LearnMoreURL != ""}
                                        <a href="${LearnMoreURL}" target="_blank" class="anchor small" style="margin-left: 6px;">${LearnMoreText}</a>
                                        {if LinkDeviceInstructions != "" || DownloadURL != ""}
                                        <span class="small"> | </span>
                                        {/if}
                                    {/if}
                                                                    
                                    {if LinkDeviceInstructions != ""}
                                        <a href="javascript:deviceController.addMyDevice('${Id}');" class="anchor small" style="margin-left: 6px;">${LinkDeviceText}</a>
                                    {/if}
                                    
                                    {if DownloadURL != ""}
                                        <a href="${DownloadURL}" class="anchor small" style="margin-left: 6px;">${DownloadText}</a>
                                    {/if}
                                </td>
                            </tr>
                            </table>
                        </div>    
                                
                        <div style="margin-top: 6px;">

<table width="100%" cellpadding="0px" cellspacing="4px">
                            <tr valign="top">
                                <td>
                                    <div class="small">
                                        ${FullDescription}
                                    </div>
                                    
                                    <div id="customComponent">
                                        
                                        {if CustomComponent == "/UI/RSSControl.ascx"}

var channelDropdownId = '#ctl00_ctl00_CenterContent_ContentPlaceHolder1_RSSControl_ChannelList';

function iTunesDirectAction()
    {
    	var slug = $(channelDropdownId).val();
    	rssController.launch(ITUNES, slug);
    }
    
    function zuneDirectAction()
    {
        deviceController.addZuneToMyDevices();

var slug = $(channelDropdownId).val();
        rssController.launch(ZUNE, slug);
    }
    
    function launchPrivateRSS()
    {
    	var slug = $(channelDropdownId).val();
    	rssController.launch(RSS, slug);
    }
    
    function launchPublicRSS()
    {
    	var slug = $(channelDropdownId).val();
    	rssController.launch(RSS, slug, true);
    }
    
</script>

<div class="small">
    <div>
        Step 1. Select Channel:
        <select name="ctl00$ctl00$CenterContent$ContentPlaceHolder1$RSSControl$ChannelList" id="ctl00_ctl00_CenterContent_ContentPlaceHolder1_RSSControl_ChannelList" style="width:180px;">
	<option value="All (Mix)">All (Mix)</option>

</select>
    </div>

<div>
        Step 2. Get RSS for: 
        <a id="ctl00_ctl00_CenterContent_ContentPlaceHolder1_RSSControl_iTunes" href="javascript:deviceController.displayLogin();">iTunes</a> | 
        <a id="ctl00_ctl00_CenterContent_ContentPlaceHolder1_RSSControl_Zune" href="javascript:deviceController.displayLogin();">Zune</a> | 
        My <a id="ctl00_ctl00_CenterContent_ContentPlaceHolder1_RSSControl_Personal" href="javascript:deviceController.displayLogin();">personal</a> use | 
        <a id="ctl00_ctl00_CenterContent_ContentPlaceHolder1_RSSControl_Public" href="javascript:deviceController.displayLogin();">public</a> version to share
    </div>
</div>
                                        {/if}
                                    </div>
                                    
                                    <div style="margin-top: 12px;">
                                    {if LinkDeviceInstructions != ""}
                                        <table cellpadding="0px" cellspacing="0px" style="cursor: pointer;">
                                        <tr style="height: 20px;">
                                            <td style="width: 5px;">
                                                <img src="/images/common/button_left.gif" />
                                            </td>
                                            <td style="background: url(/images/common/button_middle.gif) repeat-x;" valign="top">
                                                <span onclick="javascript:deviceController.addMyDevice('${Id}');" style="font-size: .8em; text-decoration: none;">${LinkDeviceText}</span>
                                            </td>
                                            <td style="width: 4px;">
                                                <img src="/images/common/button_right.gif" />
                                            </td>
                                        </tr>
                                        </table>
                                    {/if}
                                    
                                    {if DownloadURL != ""}
                                        <table cellpadding="0px" cellspacing="0px" style="cursor: pointer;">
                                        <tr style="height: 20px;">
                                            <td style="width: 5px;">
                                                <img src="/images/common/button_left.gif" />
                                            </td>
                                            <td style="background: url(/images/common/button_middle.gif) repeat-x;" valign="top">
                                                <a href="${DownloadURL}" style="font-size: .8em; text-decoration: none;">${DownloadText}</a>
                                            </td>
                                            <td style="width: 4px;">
                                                <img src="/images/common/button_right.gif" />
                                            </td>
                                        </tr>
                                        </table>
                                    {/if}
                                    </div>

<div style="margin-top: 12px;">
                                    {if BuyNowURL != ""}
                                        <a href="${BuyNowURL}" target="_blank" class="anchor small" style="margin-right: 6px;">${BuyNowText}</a>
                                        {if LearnMoreURL != ""}
                                        <span class="small"> | </span>
                                        {/if}
                                    {/if}

{if LearnMoreURL != ""}
                                        <a href="${LearnMoreURL}" target="_blank" class="anchor small">${LearnMoreText}</a>
                                    {/if}
                                    </div>
                                </td>

<td align="center" style="width: 140px">
                                
                                    <div style="margin-bottom: 8px;">
                                        <div style="float: left;">
                                            {if (DeviceFlags & HOME) != 0 }
                                                <img src="${ACTIVE_HOME}" class="deviceCategoryIcon" title="this device is great for your home" alt="this device is great for your home" />
                                            {else}
                                                <img src="${INACTIVE_HOME}" class="deviceCategoryIcon" title="this device is great for your home" alt="this device is great for your home" />
                                            {/if}
                                        </div>

<div style="float: left;">
                                            {if (DeviceFlags & MOBILE) != 0 }
                                                <img src="${ACTIVE_MOBILE}" class="deviceCategoryIcon" title="this device is great for being mobile" alt="this device is great for being mobile" />
                                            {else}
                                                <img src="${INACTIVE_MOBILE}" class="deviceCategoryIcon" title="this device is great for being mobile" alt="this device is great for being mobile" />
                                            {/if}
                                        </div>
                                           
                                        <div style="float: left;">
                                            {if (DeviceFlags & AUDIO) != 0 }
                                                <img src="${ACTIVE_AUDIO}" class="deviceCategoryIcon" title="this device supports audio" alt="this device supports audio" />
                                            {else}
                                                <img src="${INACTIVE_AUDIO}" class="deviceCategoryIcon" title="this device supports audio" alt="this device supports audio" />
                                            {/if}
                                        </div>

<div style="float: left;">
                                            {if (DeviceFlags & VIDEO) != 0 }
                                                <img src="${ACTIVE_VIDEO}" class="deviceCategoryIcon" title="this device supports video" alt="this device supports video" />
                                            {else}
                                                <img src="${INACTIVE_VIDEO}" class="deviceCategoryIcon" title="this device supports video" alt="this device supports video" />
                                            {/if}
                                        </div>

<div style="float: left;">
                                            {if (DeviceFlags & DOWNLOADABLE) != 0 }
                                                <img src="${ACTIVE_DOWNLOADABLE}" class="deviceCategoryIcon" title="this device supports downloading" alt="this device supports downloading" />
                                            {else}
                                                <img src="${INACTIVE_DOWNLOADABLE}" class="deviceCategoryIcon" title="this device supports downloading" alt="this device supports downloading" />
                                            {/if}
                                        </div>

<div style="float: left;">
                                            {if (DeviceFlags & STREAMABLE) != 0 }
                                                <img src="${ACTIVE_STREAMABLE}" class="deviceCategoryIcon" title="this device supports streaming" alt="this device supports streaming" />
                                            {else}
                                                <img src="${INACTIVE_STREAMABLE}" class="deviceCategoryIcon" title="this device supports streaming" alt="this device supports streaming" />
                                            {/if}
                                        </div>
                                        <div style="clear: left;"></div>
                                    </div>
                                    
                                    {if Image1 != ""}
                                        <img src="${Image1}" width="120px" />
                                    {/if}
                                    
                                    {if Image2 != ""}
                                        <img src="${Image2}" width="120px" />
                                    {/if}
                                </td>
                            </tr>
                            </table>
                        
                        </div>
                            
                    </div>

<div id="sync_${PersisterId}" class="highlightedpanel">
                    <div class="innerpanel">
                        <table style="width: 100%;" cellpadding="0px" cellspacing="0px">
                        <tr>
                            <td>
                                <img src="${Thumb}" height="30px" style="margin-left: 6px;" />
                                <span style="font-size: .8em;">Linked Device:</span> <span style="font-size: .8em;" >${InstanceId}</span>
                            </td>
                            <td align="right">
                                <a href="javascript:deviceController.removeSyncedDevice('${DeviceId}', '${PersisterId}');" class="anchor small" style="margin-right: 6px;">
                                    <img src="${TRASH_ICON}" />
                                    Remove Linked Device
                                </a>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

<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>
                        
							
							<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="hudratings supersmall" type="${Show.Type}" slug="${Show.Slug}" 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="ratingsvalue" type="${Show.Type}" slug="${Show.Slug}" 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 class="${Show.Slug}_playControls" style="zoom: 1;">
									<div style="float: right; margin-right: 10px;">
					                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

<div class="rating${Show.Slug}" style="height: 14px;">
			
			<div style="width: 14px; height: 14px; overflow: hidden; float: left;">
				<div class="removemyrating" type="${Show.Type}" slug="${Show.Slug}" style="cursor: pointer; display: ;"><img src="/images/common/grey_cancel.gif" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></div>
			</div>
			
			<div 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: ;" class="myrating" value="1" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="2" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="3" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="4" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="5" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="clear: left;"></div>
			</div>
			
			<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="communityratings" type="${Show.Type}" slug="${Show.Slug}" 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>
			
			<div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;">
				<div class="ratingscount supersmall" type="${Show.Type}" slug="${Show.Slug}" style="color: #999999; display: ;">(${Show.RatingsCount})</div>
			</div>
			<div style="clear: left;"></div>
		</div>
	</div>

</div>
									<div style="float: right; margin-top: 15px; margin-right: 10px;">
					                    
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Show.Type}" slug="${Show.Slug}"></div>

</div>
									<div style="float: left; margin-top: 10px; margin-left: 18px;">
										
	<div class=" ">
		<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 class="" 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;">
			<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 style="float: left; cursor: pointer; display: " onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');" class="${Show.Slug}_Show_prefs">
				<img src="/images/common/syncprefs-bw.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
									<div style="clear: both;"></div>
								</div>
							</div>

<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="hudratings supersmall" type="${Type}" slug="${Slug}" 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="ratingsvalue" type="${Type}" slug="${Slug}" 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 class="${Show.Slug}_playControls">
											<div style="float: right;">
							                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

<div class="rating${Slug}" style="height: 14px;">
			
			<div style="width: 14px; height: 14px; overflow: hidden; float: left;">
				<div class="removemyrating" type="${Type}" slug="${Slug}" style="cursor: pointer; display: ;"><img src="/images/common/grey_cancel.gif" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></div>
			</div>
			
			<div 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: ;" class="myrating" value="1" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="2" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="3" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="4" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="5" type="${Type}" slug="${Slug}"></div>
				<div style="clear: left;"></div>
			</div>
			
			<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="communityratings" type="${Type}" slug="${Slug}" 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>
			
			<div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;">
				<div class="ratingsCount supersmall" type="${Type}" slug="${Slug}" style="color: #999999; display: ;">(${RatingsCount})</div>
			</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
											<div style="float: right; margin-top: 15px; margin-right: 10px;">
												
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Type}" slug="${Slug}"></div>

</div>
											<div style="float: left; margin-left: 5px; margin-top: 13px;">
												
	<div class=" ">
		<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 class="" 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;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
			<div style="float: left; cursor: pointer; display: " onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');" class="${Slug}_Episode_prefs">
				<img src="/images/common/syncprefs-bw.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
											<div style="clear: both;"></div>
										</div>
                                    
										<div class="${Show.Slug}_explicitMessage small" style="zoom: 1;">
											You must be logged in and an adult to view explicit content.
										</div>
									</div>
								</div>
							</div>
                                                
						</div>
					</div>
					<div>
						<img src="/images/rollover/bottom.png?1" />
					</div>
				</div>
			</div>
		</div>
    
	</div>

<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>
                
					
					<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="hudratings supersmall" type="${Show.Type}" slug="${Show.Slug}" 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="ratingsvalue" type="${Show.Type}" slug="${Show.Slug}" 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 class="${Show.Slug}_playControls" style="zoom: 1;">
							<div style="float: right; margin-right: 10px;">
			                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>
							<div style="float: right; margin-top: 15px; margin-right: 10px;">
			                    
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Show.Type}" slug="${Show.Slug}"></div>

</div>
							<div style="float: left; margin-top: 10px; margin-left: 18px;">
								
	<div class=" ">
		<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 class="" 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;">
			<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 style="float: left; cursor: pointer; display: " onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');" class="${Show.Slug}_Show_prefs">
				<img src="/images/common/syncprefs-bw.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
							<div style="clear: both;"></div>
						</div>
					</div>

<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="hudratings supersmall" type="${Type}" slug="${Slug}" 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="ratingsvalue" type="${Type}" slug="${Slug}" 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 class="${Show.Slug}_playControls">
									<div style="float: right;">
							            
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
									<div style="float: right; margin-top: 15px; margin-right: 10px;">
										
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Type}" slug="${Slug}"></div>

</div>
									<div style="float: left; margin-left: 5px; margin-top: 13px;">
										
	<div class=" ">
		<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 class="" 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;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
			<div style="float: left; cursor: pointer; display: " onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');" class="${Slug}_Episode_prefs">
				<img src="/images/common/syncprefs-bw.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
									<div style="clear: both;"></div>
								</div>
                            
								<div class="${Show.Slug}_explicitMessage small" style="zoom: 1;">
									You must be logged in and an adult to view explicit content.
								</div>
							</div>
						</div>
					</div>
                                        
				</div>
			</div>
		</div>
	</div>

<div class="popupheader">
        Preferences for ${Title}
    </div>
    
    <div style="border: solid 1px #CCCCCC;">
		<div style="padding: 10px">
			<div id="mediaTypesOption" class="small">
				<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="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="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="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="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>
                    
    <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 style="border: solid 1px #CCCCCC;">
		<div style="padding: 10px">
		
			<div id="episodeOptions" class="small">
				<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>
	    <div style="clear: left;"></div>
	</div>
  
    <div style="margin-top: 40px;">
        <input type="button" value="Save Episode Preferences" onclick="javascript:subscriptionController.submitEpisodePrefs('${Slug}');" />
    </div>

<div class="popupheader">
        Preferences for Shows in this Channel
    </div>

<div id="channelItemsContainer">
	</div>
		
    <div style="border: solid 1px #CCCCCC; margin-top: 20px;">
		<div style="padding: 10px">
			<div id="mediaTypesOption" class="small">
				<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="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="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="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>
                    
    <div style="margin-top: 40px;">
        <div style="float: left;">
            <input type="button" value="Save Show Preferences" onclick="javascript:subscriptionController.submitCheckedShowPrefs();" />
        </div>
        <div style="float: left; margin-left: 5px;">
            <input type="button" value="Reset Show Preferences" onclick="javascript:subscriptionController.defaultPrefs('Channel', '${Slug}');" />
        </div>
    </div>

<div class="popupheader">
        Success!
    </div>
    <div class="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 enabled devices:
    </div>
    <div class="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>

</div>
    <div style="margin-top: 40px;">
        <input type="button" onclick="javascript:popupController.hidePopup();" value="Continue Browsing" />
    </div>