Mediafly: Home

The MEDIAFLY™ Network is your source for personalized podcasts, news, sports, comedy, pop-culture, technology, and more, delivered to your PC or mobile device.

Site Index

<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>