ONTV

<div style="background-color:#E6F1F3; height: 100%;overflow:auto;">
		<ul id="sortable" style="padding:0px;margin:0px;background-color:#E6F1F3;">
					{if (cnt=0)}
					{/if}
					{if ( channel!=undefined)}
						{for c in channel}
							{if (cnt=cnt+1)}
							{/if}
								<li id="${c['@id']}" style="padding:0px;margin:0px;width:425px;height:210px;float:left;padding-left:10px;padding-top:10px;">
								<table title="${lang.reorder_channel}" style="cursor:move;border:1px solid #E4E4E4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#F6F6F6;" width='98%' height='100%'>
									<tr style="background-color:#F6F6F6;">
										<td class='bottomtr' style='width:4px;'></td>
										<td class='bottomtr ipadLogoBG' style='margin:auto;background-position:center;width:85px;height:50px;'>
											<img align='center' style='padding-bottom:5px;padding-right:4px;max-width:70px;max-height:32px;' src='${urls.server}/${c['img'][1]['@src']}' />
										</td>
										<td class='bottomtr' style='height:50px;'>
											<div align='right' style='padding-right:5px;'>
												<p class="now">
													${c['title']['$']}
												</p>
											</div>
										</td>
										<td style="width: 2%;" name="deleteChannelBox" >
											<p class="now">
												<img src="${urls.server}/extern/widget/build/igoogle.dk/imgs/delete.gif" style="cursor:pointer;" onclick="updateChannels(${c['@id']}, this);"/>
											</p>
										</td>
									</tr>
									{if ( c.programs.program!=undefined)}
										{for eachprog in c.programs.program}
											<tr style='background-color:#FFFFFF;'>
												<td colspan=4 style='padding:3px;'>
													{if ( eachprog!=undefined)}
														<p class="now">
															<span style='color:#ABABAB;'>${eachprog.start.$}</span> ${eachprog.title.$}
															{if ( eachprog.timeBar!=undefined)}
																${eachprog.timeBar}
															{/if}
														</p>
													{/if}
												</td>
											</tr>
										{/for}
									{/if}
								</table>
								</li>
						{/for}
					{/if}
				</ul>
	</div>

<div style="background-color:#E6F1F3; height: 100%;">
		<table id="channel_holder" border=0 width='100%' style='padding:5px;background-color:#E6F1F3;'>
			<tr style='vertical-align:top;padding:3px;'>
				<td width='47%'>
					{if (cnt=0)}
					{/if}
					{if ( channel!=undefined)}
						{for c in channel}
							{if (cnt=cnt+1)}
							{/if}
								<table style="border:1px solid #E4E4E4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#F6F6F6;" width='98%' height='100%'>
									<tr style="background-color:#F6F6F6;">
										<td style='width:4px;'></td>
										<td class='ipadLogoBG' style='margin:auto;background-position:left;width:85px;height:50px;'>

</td>
										<td style='height:50px;'>
											<div align='right' style='padding-right:5px;'>
												<p class="now">
													<a href='javascript:show("channel","${c['@id']}",appendDates)'>
														${c['title']['$']}
													</a>
												</p>
											</div>
										</td>
									</tr>
									{if ( c.programs.program!=undefined)}
										{for eachprog in c.programs.program}
											<tr style='background-color:#FFFFFF;'>
												<td colspan=4 style='padding:3px;'>
													{if ( eachprog!=undefined)}
														<p class="now">
															<a href="javascript:showProgram(${eachprog.id.$});"><span style='color:#ABABAB;'>${eachprog.start.$}</span> ${eachprog.title.$}</a>
															{if ( eachprog.timeBar!=undefined)}
																${eachprog.timeBar}
															{/if}
														</p>
													{/if}

</td>
											</tr>

{/for}
									{/if}
								</table>
					</td>
							{if (cnt%2 == 0)}
					</tr>
					<tr style='vertical-align:top;padding:5px;'>
						<td colspan=5 ></td>
					</tr>
					<tr style='vertical-align:top;padding:3px;'>
							{/if}
										<td width='47%'>

{/for}
					{/if}
				</td>
			</tr>
		</table>
	</div>

<div style="background-color:#E6F1F3; height: 100%;">
		<table id="channel_holder" border=0 width='100%' style='padding:5px;background-color:#E6F1F3;'>
			<tr style='vertical-align:top;padding:3px;'>
				<td width='30%'>
					{if (cnt=0)}
					{/if}
					{if ( channel!=undefined)}
						{for c in channel}
							{if (cnt=cnt+1)}
							{/if}
								<table style="border:1px solid #E4E4E4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#F6F6F6;" width='98%' height='100%'>
									<tr style="background-color:#F6F6F6;">
										<td class='bottomtr' style='width:4px;'></td>
										<td class='bottomtr ipadLogoBG' style='margin:auto;background-position:center;width:85px;height:50px;'>

</td>
										<td class='bottomtr' style='height:50px;'>
											<div align='right' style='padding-right:5px;'>
												<p class="now">
													<a href='javascript:show("channel","${c['@id']}",appendDates)'>
														${c['title']['$']}
													</a>
												</p>
											</div>
										</td>
									</tr>
									{if ( c.programs.program!=undefined)}
										{for eachprog in c.programs.program}
											<tr style='background-color:#FFFFFF;'>
												<td colspan=4 style='padding:3px;'>
													{if ( eachprog!=undefined)}
														<p class="now">
															<a href="javascript:showProgram(${eachprog.id.$});"><span style='color:#ABABAB;'>${eachprog.start.$}</span> ${eachprog.title.$}</a>
															{if ( eachprog.timeBar!=undefined)}
																${eachprog.timeBar}
															{/if}
														</p>
													{/if}

</td>
											</tr>

{/for}
									{/if}
								</table>
				</td>
							{if (cnt%3 == 0)}
			</tr>
			<tr style='vertical-align:top;padding:5px;'>
				<td colspan=5 ></td>
			</tr>
			<tr style='vertical-align:top;padding:3px;'>
							{/if}
			<td width='30%'>

{/for}
					{/if}
				</td>
			</tr>
		</table>
	</div>

<table id="channel_holder" style="width:100%;" cellspacing="0" cellpadding="0">
	{var channelPresent=0}
	{for c in channel}
		<tr class='tvguidebg' style='z-index:-1000;'>
		  <td class='bottomtr tvguide_logobg'>
			  <a href='javascript:show("channel","${c['@id']}",appendDates)'>
			    <img align='center' src='${urls.server}/${c['img'][1]['@src']}' class='resizeLogo'/>
			  </a>
		  </td>
		  <td style="padding:5px 2px 7px 2px;vertical-align: middle;" class='bottomtr'>
			{if ((user.isPro || user.isPlus) && user.showJustEnded && c.programs.program!=undefined && c.programs.program[0]!=undefined)}
			    <p class="previous"><a href="javascript:showProgram(${c.programs.program[0].id.$});">${c.programs.program[0].start.$}: <span class='title_tvguide_small'>${c.programs.program[0].title.shortTitle}</span><span class='title_tvguide_med'>${c.programs.program[0].title.medTitle}</span><span class='title_tvguide_big'>${c.programs.program[0].title.$}</span></a></p>
			{/if}
			{if ( c.programs.program==undefined || (c.programs.program[0]==undefined && c.programs.program[1]==undefined))}
			    <p class="no">
					    <i>${lang.no_broadcasting}</i><br><a href='javascript:show("channel","${c['@id']}",appendDates)'>${lang.todays_program}</a>.
				    </p>
			  {else}
			    {if ( c.programs.program!=undefined && c.programs.program[0]!=undefined)}
			    <p class="now" style="white-space:nowrap;"><a href="javascript:showProgram(${c.programs.program[0].id.$});">${c.programs.program[0].start.$}: <span class='title_tvguide_small'>${c.programs.program[0].title.shortTitle}</span><span class='title_tvguide_med'>${c.programs.program[0].title.medTitle}</span><span class='title_tvguide_big'>${c.programs.program[0].title.$}</span></a></p>
			{/if}
			{if ( c.programs.program!=undefined && c.programs.program[1]!=undefined)}
			    <p class="next"><a href="javascript:showProgram(${c.programs.program[1].id.$});">${c.programs.program[1].start.$}: <span class='title_tvguide_small'>${c.programs.program[1].title.shortTitle}</span><span class='title_tvguide_med'>${c.programs.program[1].title.medTitle}</span><span class='title_tvguide_big'>${c.programs.program[1].title.$}</span></a></p>
			{/if}
			{/if}
		  </td>
		</tr>
		{if (channelPresent=1)}{/if}
	{/for}
	{if (channelPresent==0)}
		<tr>
			<td colspan="2"><p class="now" style="text-align:center;padding-top:10px;">${lang.no_channels}</p></td>
		</tr>
	{/if}
  </table>

{if (program!=undefined && program[0]!=undefined)}
			<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
				<tr class='tvguidebg' style='z-index:-1000;height:48px;overflow:hidden;'>
					<td class='bottomtr' align='center' style='height:40px;width:17%;background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/CategoryBackGround.png);background-repeat:no-repeat;background-position:center;padding:5px;z-index:1000;'>
						{if (program[0]['category']['type']['$']=="entertainment" || program[0]['category']['type']['$']=="science" || program[0]['category']['type']['$']=="music" || program[0]['category']['type']['$']=="drama" || program[0]['category']['type']['$']=="show")}
							<img align='center' style='max-width:19px;max-height:19px;padding:0px 0px 4px 0px;' src="${urls.server}/imgs/design/epg/types/${program[0]['category']['type']['$']}.png" alt="${program[0]['category']['type']['$']}"/>
						{else}
							<img align='center' style='max-width:19px;max-height:19px;padding:0px 0px 4px 0px;' src="${urls.server}/imgs/design/epg/types/${program[0]['category']['type']['$']}.gif" alt="${program[0]['category']['type']['$']}"/>
						{/if}
					</td>
					<td align='left'>
						<p class="now">
							{if (program!=undefined && program[0]!=undefined)}
								${lang_html[program[0]['category']['type']['$']]}
							{/if}
						</p>
					</td>
					<td class='bottomtr'style='padding-right:5px;'>
						{if (user.isPro || user.isPlus)}
						<select id="selectDayCategory" onchange="show('category','${program[0]['category']['type']['$']}&start='+this.value,appendDates);" style="float:right;vertical-align:middle;">
						{if (dates!=undefined)}
						  {for d in dates}
							  <option {if (d==selectCategoryText) } ${'selected'} {/if} value="${d}">${ucfirst(translate(niceDate(d)))}</option>
						  {/for}
						{/if}
						</select>
						{/if}
					</td>
				</tr>
			</table>
		{/if}
		{if (program!=undefined && program[0]!=undefined)}
			<input id='currentCategory' type=hidden value="${program[0]['category']['type']['$']}">
		{/if}
		{var programsCatPresent=0}
		{if program.length > 0}
			<table style="width:100%" border=0 cellpadding="0" cellspacing="0" class='category_holder'  id='categoryListing'>
				{for p in program}
					{if (p["start"]!=undefined || p["@id"]!=undefined)}
						{if programsCatPresent=1}
						{/if}
						<tr style="vertical-align:middle;height:40px;background-color:white;">
							<td nowrap>
								<p class="now">
								<a href='javascript:showProgram(${p["@id"]})'>${p["start"]["$"]}: <span class='smallTitleCategory'>${p["smallTitle"]}</span><span class='mediumTitleCategory'>${p["medTitle"]}</span><span class='largeTitleCategory'>${p["title"]["$"]}</span></a>
								</p>
							</td>
							<td style="text-align:center;padding:5px;">
								{if (aGlobalChannel!=undefined && aGlobalChannel[p["@channel"]]!=undefined)}
									<span>
										<a href='javascript:show("channel","${p["@channel"]}",appendDates)'><img style='padding-top:10px;max-height:40px;max-width:50px;padding-right:4px;' src='${urls.server}${aGlobalChannel[p["@channel"]]["logo"]}'/></a>
									</span>
								{/if}

</td>
						</tr>
						<tr style="background-color:white;"><td colspan="2" class="bottomtr">
						{if ((user.isPro || user.isPlus) && user.summaryListing)}
							{if (p["about"]!=undefined || p["img"]!=undefined || p["teaser"]!=undefined)}
								{if (p["img"]!=undefined)}
								<table align="right" class="summary_listing" cellpadding=0 cellspacing=0>
									<tbody><tr>
										<td>
											<img src="${urls.server}${p["img"]["@src"]}"/>
										</td>
									</tr></tbody>
								</table>
								{/if}
								{if (p["about"]!=undefined || p["teaser"]!=undefined)}
								<p class="summary_listing">
									{if (p["about"]!=undefined)}
										${p["about"]["$"]}
									{else}
										{if (p["about"]!=undefined)}
											${p["about"]["$"]}
										{else}
											{if (p["teaser"]!=undefined)}
												${p["teaser"]["$"]}
											{/if}
										{/if}
									{/if}
								</p>
								{/if}
							{/if}
						{/if}
						</td></tr>
					{/if}
				{/for}
			</table>
		{/if}
		{if (programsCatPresent==0)}
			<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.no_airings}</p>
		{/if}

<table class='category_holder' cellspacing="0" border="0" style="width:100%;height:100%" cellpadding="0">
		<tr>
			<td style='width:50%;vertical-align:top;background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/listbg.png);background-repeat:repeat-y;background-position:right;padding-right:20px;'>
				{if (program!=undefined && program[0]!=undefined)}
					<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
						<tr class='tvguidebg' style='z-index:-1000;height:52px;overflow:hidden;'>
							<td align='center' style='height:40px;width:42px;background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/CategoryBackGround.png);background-repeat:no-repeat;background-position:center;padding:5px;z-index:1000;'>
								{if (program[0]['category']['type']['$']=="entertainment" || program[0]['category']['type']['$']=="science" || program[0]['category']['type']['$']=="music" || program[0]['category']['type']['$']=="drama" || program[0]['category']['type']['$']=="show")}
									<img align='center' style='max-width:19px;max-height:19px;padding:0px 0px 4px 0px;' src="${urls.server}/imgs/design/epg/types/${program[0]['category']['type']['$']}.png" alt="${program[0]['category']['type']['$']}"/>
								{else}
									<img align='center' style='max-width:19px;max-height:19px;padding:0px 0px 4px 0px;' src="${urls.server}/imgs/design/epg/types/${program[0]['category']['type']['$']}.gif" alt="${program[0]['category']['type']['$']}"/>
								{/if}
							</td>
							<td align='left'>
								<p class="now">
									{if (program!=undefined && program[0]!=undefined)}
										${lang_html[program[0]['category']['type']['$']]}
									{/if}
								</p>
							</td>
							<td style='padding-right:5px;'>
								{if (user.isPro || user.isPlus)}
								<select id="selectDayCategory" onchange="show('category','${program[0]['category']['type']['$']}&start='+this.value,appendDates);" style="float:right;vertical-align:middle;">
								{if (dates!=undefined)}
								  {for d in dates}
									  <option {if (d==selectCategoryText) } ${'selected'} {/if} value="${d}">${ucfirst(translate(niceDate(d)))}</option>
								  {/for}
								{/if}
								</select>
								{/if}
							</td>
						</tr>
					</table>
				{/if}
				{if (program!=undefined && program[0]!=undefined)}
					<input id='currentCategory' type=hidden value="${program[0]['category']['type']['$']}">
				{/if}
				{var programsCatPresent=0}
				<div id="leftListing" style='height:525px;overflow:auto;'>
					{if program!=undefined && program.length > 0}
						<table style="width:100%;" border=0 cellpadding="0" cellspacing="0"  id='categoryListing'>
							{for p in program}
								{if (p["start"]!=undefined || p["@id"]!=undefined)}
									{if programsCatPresent=1}
									{/if}
									<tr  title="${lang.click_program_details}" style="cursor:pointer;vertical-align:middle;height:40px;background-color:white;" class='listing${p["@id"]}' onclick='rightSummary(${p["@id"]});'>
										<td nowrap>
											<p class="now">
											${p["start"]["$"]}: <span class='smallTitleCategory'>${p["smallTitle"]}</span><span class='mediumTitleCategory'>${p["medTitle"]}</span><span class='largeTitleCategory'>${p["title"]["$"]}</span>
											</p>
										</td>
										<td style="text-align:center;padding:5px;">
											{if (aGlobalChannel!=undefined && aGlobalChannel[p["@channel"]]!=undefined)}
												<span>
													<a href='javascript:show("channel","${p["@channel"]}",appendDates)'><img style='padding-top:10px;max-height:40px;max-width:50px;padding-right:4px;' src='${urls.server}${aGlobalChannel[p["@channel"]]["logo"]}'/></a>
												</span>
											{/if}

</td>
									</tr>
									<tr title="${lang.click_program_details}" style="cursor:pointer;background-color:white;" class='listing${p["@id"]}' onclick='rightSummary(${p["@id"]});' ><td colspan="2" class="bottomtr">
									{if ((user.isPro || user.isPlus) && user.summaryListing)}
										{if (p["about"]!=undefined || p["img"]!=undefined || p["teaser"]!=undefined)}
											{if (p["img"]!=undefined)}
											<table align="right" class="summary_listing" cellpadding=0 cellspacing=0>
												<tbody><tr class='listing${p["@id"]}'>
													<td>
														<img src="${urls.server}${p["img"]["@src"]}"/>
													</td>
												</tr></tbody>
											</table>
											{/if}
											{if (p["about"]!=undefined || p["teaser"]!=undefined)}
											<p class="summary_listing">
												{if (p["about"]!=undefined)}
													${p["about"]["$"]}
												{else}
													{if (p["about"]!=undefined)}
														${p["about"]["$"]}
													{else}
														{if (p["teaser"]!=undefined)}
															${p["teaser"]["$"]}
														{/if}
													{/if}
												{/if}
											</p>
											{/if}
										{/if}
									{/if}
									</td></tr>
								{/if}
							{/for}
						</table>
					{/if}
					{if (programsCatPresent==0)}
						<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.no_airings}</p>
					{/if}
				</div>
			</td>
			<td style='width:50%;height:100%;vertical-align:top;'>
				<div style="height:575px;overflow:auto;width:100%;" id='summaryHolderIpad'>
					<table  style='width:100%;height:100%;background-color:#DCEBEE;'>
						<tr>
							<td>
								<center style='color:#C0CFD2;'>
									<h2>${lang.select_a_program}</h2>
								</center>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>

<table id="categoryAll"  style="width:100%;" border=0 cellspacing="0" cellpadding="0">
	{if (category!=undefined)}
		{for cat in category}
			{if (cat.type!=undefined)}
				<tr onclick='category("${cat.type.$}");' class='tvguidebg' style='cursor:pointer;z-index:-1000;height:48px;overflow:hidden;'>
					<td class='bottomtr' align='center' style='height:40px;width:17%;background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/CategoryBackGround.png);background-repeat:no-repeat;background-position:center;padding:5px;z-index:1000;'>
						{if (cat['type']['$']=="entertainment" || cat['type']['$']=="science" || cat['type']['$']=="music" || cat['type']['$']=="drama" || cat['type']['$']=="show")}
							<img align='center' style='max-width:19px;max-height:19px;padding:0px 0px 4px 0px;' src="${urls.server}/imgs/design/epg/types/${cat['type']['$']}.png" alt="${cat['type']['$']}"/>
						{else}
							<img align='center' style='max-width:19px;max-height:19px;padding:0px 0px 4px 0px;' src="${urls.server}/imgs/design/epg/types/${cat['type']['$']}.gif" alt="${cat['type']['$']}"/>
						{/if}
					</td>
					<td class='bottomtr'>
						<p class="now">
							${lang_html[cat.type.$]}
						</p>
					</td>
				</tr>
			{/if}
		{/for}
	{/if}
	</table>

<table style="width:100%;" cellspacing="0" cellpadding="0">
    {for r in reminders.reminder}
	    <tr>
	      <td style="padding-left:5px; text-align:center;">
	  	      <a href='javascript:show("channel","channel.php?id=${r.channel.attribs.id}",appendDates)'>
		  	      <img src='${urls.img}${r.channel.attribs.logo}'/>
	  	      </a>
	      </td>
	      <td style="padding:2px 5px; background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/${r.type}.png); background-position:right center; background-repeat:no-repeat;">
	  	    <p class="now"><a href='javascript:showProgram(${r.program.attribs.id})'>${r.program.attribs.title}</a></p>
	  	    <p class="reminderInfo">${ucfirst(translate(niceDate(r.program.attribs.date)))} kl. ${r.program.attribs.start}-${r.program.attribs.end}<br>
	  	    ${lang.reminder} ${r.type} ${translate(niceDate(r.remindDate))} kl. ${r.remindTime}</p>
	      </td>
	    </tr>
	  {forelse}
	  	<tr>
	  		<td colspan="2">${lang.no_reminders}</td>
	  	</tr>
	  {/for}
  </table>

<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
		<tr class='tvguidebg' style='z-index:-1000;height:48px;overflow:hidden;'>
			<td class='channel_logo_container bottomtr'>
				{if (program!=undefined && program[0]!=undefined && aGlobalChannel[program[0]["@channel"]]!=undefined)}
					<img src='${urls.server}${aGlobalChannel[program[0]["@channel"]]["logo"]}'/>
				{/if}
			</td>
			<td class='bottomtr' nowrap>
				{if (user.isPro || user.isPlus)}
				<p style='text-align:right;color:#858585;font-weight:bold;'>${lang.show} : </p>
				{/if}
			</td>
			<td class='bottomtr' style='padding-right:5px;text-align:right;width:2px' nowrap>
				{if (user.isPro || user.isPlus)}
				<select id="selectDayChannel" onchange="show('channel','${program[0]['@channel']}&start='+this.value,appendDates);" style="float:right;vertical-align:middle;">
				{if (dates!=undefined)}
				  {for d in dates}
					  <option {if (d==selectChannelText) } ${'selected'} {/if} value="${d}">${ucfirst(translate(niceDate(d)))}</option>
				  {/for}
				{/if}
				</select>
				</p>
				{/if}
			</td>
		</tr>
		<tr>
			<td colspan="3">
			{if (program!=undefined)}
				<table style="width:100%;padding-left:3px;" border=0 cellpadding="0" cellspacing="0">
				{for p in program}
					{if (p.start!=undefined)}
						<tr style="vertical-align:middle;height:40px;background-color:white;">
							<td nowrap>
								<p class="now">
								<a href='javascript:showProgram(${p["@id"]})'>${p.start.$}   ${p.title.$}</a>
								</p>
							</td>
							<td style="text-align:center;padding:5px;padding-top:7px;" >
								{if (p['category']!=undefined && p['category']['type']!=undefined)}
									{if (p['category']['type']['$']=="entertainment" || p['category']['type']['$']=="science" || p['category']['type']['$']=="music" || p['category']['type']['$']=="drama" || p['category']['type']['$']=="show")}
										<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.png"/></p>
									{else}
										<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.gif"/></p>
									{/if}
								{/if}
							</td>
						</tr>
						<tr style="background-color:white;">
							<td colspan="3" class="bottomtr">
							{if ((user.isPro || user.isPlus) && user.summaryListing)}
								{if (p["about"]!=undefined || p["img"]!=undefined || p["teaser"]!=undefined)}
									{if (p["img"]!=undefined)}
									<table align="right" class="summary_listing" cellpadding=0 cellspacing=0>
										<tbody><tr>
											<td>
												<img src="${urls.server}${p["img"]["@src"]}"/>
											</td>
										</tr></tbody>
									</table>
									{/if}
									{if (p["about"]!=undefined || p["teaser"]!=undefined)}
									<p class="summary_listing">
										{if (p["about"]!=undefined)}
											${p["about"]["$"]}
										{else}
											{if (p["teaser"]!=undefined)}
												${p["teaser"]["$"]}
											{/if}
										{/if}
									</p>
									{/if}
								{/if}
							{/if}
							</td>
						</tr>
					{/if}
				{/for}
				</table>
			{else}
				<center><p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.no_airings}</p></center>
			{/if}
			</td>
		</tr>
	</table>
	{if (program!=undefined && program[0]!=undefined)}
		<input id='currentChannelId' type=hidden value="${program[0]['@channel']}">
	{/if}

<table style="width:100%;" border="0" cellspacing="0" cellpadding="0">
                <tr class='tvguidebg' style='z-index:-1000;height:52px;overflow:hidden;'>
                    <td class='channel_logo_container' style="margin:5px 0px 0px 5px;">
                        {if (program!=undefined && program[0]!=undefined && aGlobalChannel[program[0]["@channel"]]!=undefined)}
                            <img src='${urls.server}${aGlobalChannel[program[0]["@channel"]]["logo"]}'/>
                        {/if}
                    </td>

<td  nowrap>
                        {if (user.isPro || user.isPlus)}
                            <p style='text-align:right;color:#858585;font-weight:bold;'>${lang.show} : </p>
                        {/if}
                    </td>
                    <td  style='padding-right:5px;text-align:right;width:2px' nowrap>
                        {if (user.isPro || user.isPlus)}
                            <select id="selectDayChannel" onchange="show('channel','${program[0]['@channel']}&start='+this.value,appendDates);" style="float:right;vertical-align:middle;">
                                {if (dates!=undefined)}
                                    {for d in dates}
                                        <option {if (d==selectChannelText) } ${'selected'} {/if} value="${d}">${ucfirst(translate(niceDate(d)))}</option>
                                    {/for}
                                {/if}
                            </select>
                        </p>
                        {/if}
                    </td>

</tr>

<tr >

<td colspan="3" >
                            <div id="leftListing" style='height:545px;overflow:auto;'>
			{if (program!=undefined)}
				<table style="width:100%;padding-left:3px;" border=0 cellpadding="0" cellspacing="0" id='categoryListing'>
				{for p in program}
					{if (p.start!=undefined)}
						<tr  title="${lang.click_program_details}" style="vertical-align:middle;height:40px;background-color:white;cursor:pointer" class='listing${p["@id"]}' onclick='rightSummary(${p["@id"]});'>
							<td nowrap>
								<p class="now">
								${p.start.$}   ${p.title.$}
								</p>
							</td>
							<td style="text-align:center;padding:5px;padding-top:7px;" >
								{if (p['category']!=undefined && p['category']['type']!=undefined)}
									{if (p['category']['type']['$']=="entertainment" || p['category']['type']['$']=="science" || p['category']['type']['$']=="music" || p['category']['type']['$']=="drama" || p['category']['type']['$']=="show")}
										<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.png"/></p>
									{else}
										<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.gif"/></p>
									{/if}
								{/if}
							</td>
						</tr>

<tr  title="${lang.click_program_details}"  style="background-color:white;cursor:pointer" class='listing${p["@id"]}' onclick='rightSummary(${p["@id"]});'>
							<td colspan="3" class="bottomtr">
							{if ((user.isPro || user.isPlus) && user.summaryListing)}
								{if (p["about"]!=undefined || p["img"]!=undefined || p["teaser"]!=undefined)}
									{if (p["img"]!=undefined)}
									<table align="right" class="summary_listing" cellpadding=0 cellspacing=0>
										<tbody><tr>
											<td>
												<img src="${urls.server}${p["img"]["@src"]}"/>
											</td>
										</tr></tbody>
									</table>
									{/if}
									{if (p["about"]!=undefined || p["teaser"]!=undefined)}
									<p class="summary_listing">
										{if (p["about"]!=undefined)}
											${p["about"]["$"]}
										{else}
											{if (p["teaser"]!=undefined)}
												${p["teaser"]["$"]}
											{/if}
										{/if}
									</p>
									{/if}
								{/if}
							{/if}
							</td>
						</tr>
					{/if}
				{/for}
				</table>
			{else}
				<center><p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.no_airings}</p></center>
			{/if}
                        </div>
			</td>
		</tr>
            </table>
        </td>
        <td style='width:50%;height:100%;vertical-align:top;'>
            <div style="height:600px;overflow:auto;width:100%;" id='summaryHolderIpad'>
                <table  style='width:100%;height:100%;background-color:#DCEBEE;'>
                    <tr>
                        <td>
                            <center style='color:#C0CFD2;'>
                                <h2>${lang.select_a_program}</h2>
                            </center>
                        </td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
</table>
{if (program!=undefined && program[0]!=undefined)}
		<input id='currentChannelId' type=hidden value="${program[0]['@channel']}">
	{/if}

{if (program!=undefined)}
		<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
			<tr class='tvguidebg' style='height:52px;background-size:contain'>
				<td class='bottomtr' align='left' >
					<p class="now" style='padding-left:15px;padding-top:5px;'>
						{if (program['title'][0]!=undefined)}
							${program['title'][0]['$']}
						{else}
							${program['title']['$']}
						{/if}
					</p>
					<p class="summary_listing" style='padding-left:15px;'>
						{if (program['teaser']!=undefined)}
							${program['teaser']['$']}
						{/if}
					</p>
				</td>
			</tr>
		</table>
		<table style="width:100%;padding-left:4px;" border=0 cellspacing="0" cellpadding="0">
			<tr style='height:52px;overflow:hidden;padding-right:4px;'>
				<td class='bottomtr' style='vertical-align:middle;' >
					{if (program!=undefined)}
						<input type='button' id="planButton" value='${lang.plan}' onclick='javascript:addToCalendar(${program["@id"]},${program["@channel"]},"${program['startComplete']}","${program['title']['$']}","","","");'>

<span id='reccommendDisplay'>
							{if (program['like']!=undefined && program['like']['$']=="TRUE")}

<input type='button' id="dontRecButton" value="${lang.dont_recommend}" onclick='dontRecommendProgram(${program["@id"]},"summaryHolderIpad")'>
							{else}

{/if}
						</span>
					{/if}
					{if (program!=undefined && program['category']!=undefined && (program['category']['type']['$']=="serie" || program['category']['type']['$']=="movie"))}
						<img onclick='javascript:extLink("http://m.imdb.com/find?q=${program['title']['$']}");' src='${urls.server}/extern/widget/build/igoogle.dk/imgs/imdb.png' style='vertical-align: top;height:32px; margin-top: 14px;margin-left: 5px;'>
					{/if}
					<a  href="javascript:extLink('https://www.facebook.com/sharer/sharer.php?u=http://ontv.dk/info/${program["@id"]}/?utm_source=facebook&utm_medium=share_on_facebook&utm_campaign=facebook');" >
						<img src='${urls.server}/extern/widget/build/igoogle.dk/imgs/facebook.png' style='vertical-align: top;height:32px; margin-top: 14px;margin-left: 5px;'>
					</a>
				</td>
			</tr>
		</table>
		<div style='padding:5px 15px 5px 15px;'>
			{if (program["img"]!=undefined)}
				<table align="right" style='' class="summary_listing" cellpadding=0 cellspacing=0>
					<tbody>
						<tr>
							<td>
								<img src="${urls.server}${program["img"]["@src"]}"/>
							</td>
						</tr>
					</tbody>
				</table>
			{/if}

{if (program["category"]!=undefined && program["category"]["genre"]!=undefined)}
				<p class="now">
					${lang.genre}
				</p>
				<p class="summary_listing" style='padding-bottom:7px;'>
					${program["category"]["genre"]["$"]}
				</p>
			{/if}

{if (program["title"]!=undefined)}
				<p class="now">
					${lang.original_title}
				</p>
				<p class="summary_listing" style='padding-bottom:7px;'>
					{if (program['title'][0]!=undefined)}
						${program['title'][0]['$']}
					{else}
						${program['title']['$']}
					{/if}
				</p>
			{/if}

{if (program["about"]!=undefined)}
				<p class="now">
					${lang.synopsis}
				</p>
				<p class="summary_listing" style='padding-bottom:7px;'>
					${program["about"]["$"]}
				</p>
			{/if}

{if (program["cast"]!=undefined)}
				<p class="now">
					${lang.actors}
				</p>
				<p class="summary_listing" style='padding-bottom:7px;'>
					${formatCast(program["cast"]["$"])}
				</p>
			{/if}

{if (program["year"]!=undefined)}
				<p class="now">
					${lang.from}
				</p>
				<p class="summary_listing" style='padding-bottom:7px;'>
					${program['year']['$']} 
					{if (program["country"]!=undefined)}
						${program['country']['$']}
					{/if}
				</p>
			{/if}
		</div>
		<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
			<tr class='tvguidebg' style='height:48px;'>
				<td class='bottomtr' align='left' style='width:100%;' colspan="5">
					<p class="now" style='padding-left:15px;padding-top:0px;'>
						${lang.next_airings}
					</p>
				</td>
			</tr>
			{if (regular!=undefined)}
				{for reg in regular.program}
					{if (reg.start!=undefined)}
						<tr style="vertical-align:middle;height:40px;background-color:white;">
							<td class='bottomtr' nowrap>
								<p class="now">
									<a href='javascript:showProgram(${reg["@id"]})'>
										<span style="padding-left:15px;color:#9B9B9B;">
											${reg.start.$}
										</span>   ${reg.title.$}
									</a>
								</p>
							</td>
							<td class='bottomtr' align="right" style="padding-right:15px;">
								{if (aGlobalChannel!=undefined && aGlobalChannel[reg["@channel"]]!=undefined)}
									<span>
										<a href="javascript:show('channel',${reg['@channel']},appendDates)">
										<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[reg["@channel"]]["logo"]}'/>
										</a>
									</span>
								{/if}
							</td>
						</tr>
					{/if}
				{/for}
			{else}
				<tr>
					<td>
					<center>
						<p style="text-align:center; margin-top:15px; font-weight:bold;">
						${lang.no_airings}
						<br><br>
						</p>
					</center>
					</td>
				</tr>
			{/if}
		</table>
		<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
			<tr class='tvguidebg' style='height:48px;' >
				<td class='bottomtr' align='left' style='width:100%;' colspan="5">
					<p class="now" style='padding-left:15px;padding-top:0px;'>
						${lang.recommended}
					</p>
				</td>
			</tr>
			{if (recommended!=undefined)}
				{for rec in recommended.program}
					{if (rec.start!=undefined)}
						<tr style="vertical-align:middle;height:40px;background-color:white;">
							<td class='bottomtr' nowrap>
								<p class="now">
									<a href='javascript:showProgram(${rec["@id"]})'>
										<span style="padding-left:15px;color:#9B9B9B;">
											${rec.start.$}
										</span>   ${rec.title.$}
									</a>
								</p>
							</td>
							<td class='bottomtr' align="right" style="padding-right:15px;">
								{if (aGlobalChannel!=undefined && aGlobalChannel[rec["@channel"]]!=undefined)}
									<span>
										<a href="javascript:show('channel',${rec['@channel']},appendDates)">
										<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[rec["@channel"]]["logo"]}'/>
										</a>
									</span>
								{/if}
							</td>
						</tr>
					{/if}
				{/for}
			{else}
				<tr>
					<td>
					<center>
						<p style="text-align:center; margin-top:15px; font-weight:bold;">
						${lang.have_no_recommendations}
						<br><br>
						</p>
					</center>
					</td>
				</tr>
			{/if}
		</table>
	{/if}

{if (program!=undefined)}
		<div style='margin:0px;background-color:#D6EAEB;width:100%;height:100%;'>
			<table id="program_holder" style="width:100%;" border=0 cellspacing="0" cellpadding="0">
				<tr class='tvguidebg' style='height:52px;'>
					<td align='left' width='70%'>
						<p class="now ipadTitles" style='padding-left:15px;padding-top:5px;'>
							{if (program['title'][0]!=undefined)}
								${program['title'][0]['$']}
							{else}
								${program['title']['$']}
							{/if}
						</p>
						<p class="summary_listing" style='padding-left:15px;'>
							{if (program['teaser']!=undefined)}
								${program['teaser']['$']}
							{/if}
						</p>
						<p class="summary_listing" style='padding-left:15px;'>
							${program['start']['$']}-${program['end']['$']} ${lang.on}
							{if (aGlobalChannel[program["@channel"]]!=undefined)}
								<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[program["@channel"]]["logo"]}'/>
							{/if}
						</p>
					</td>
					<td align='right' width='30%' style='padding-right: 15px;'>
						{if (program!=undefined)}
							{if (program['teaser']!=undefined)}
								<input type='button' id="planButton" value='${lang.plan}' onclick='javascript:addToCalendar(${program["@id"]},${program["@channel"]},"${program['startComplete']}","${program['title']['$']}","${program['start']['$']}","${program['end']['$']}","${program['teaser']['$']}");'>
							{else}
								<input type='button' id="planButton" value='${lang.plan}' onclick='javascript:addToCalendar(${program["@id"]},${program["@channel"]},"${program['startComplete']}","${program['title']['$']}","${program['start']['$']}","${program['end']['$']}","");'>
							{/if}
							
						
							<span id='reccommendDisplay'>
								{if (program['like']!=undefined && program['like']['$']=="TRUE")}
									<input type='button' id="dontRecButton" value="${lang.dont_recommend}" onclick='dontRecommendProgram(${program["@id"]},"summaryHolderIpad")'>
								{else}
									<input type='button' id="recButton" value='${lang.recommend}' onclick='recommendProgram(${program["@id"]},"summaryHolderIpad")'>
								{/if}
							</span>
							<a  href="javascript:extLink('https://www.facebook.com/sharer/sharer.php?u=http://ontv.dk/info/${program["@id"]}/?utm_source=facebook&utm_medium=share_on_facebook&utm_campaign=facebook');" >
								<img src='${urls.server}/extern/widget/build/igoogle.dk/imgs/facebook.png' style='vertical-align: top; margin-top: 13px;margin-left: 4px;'>
							</a>
						{/if}
					</td>
				</tr>
			</table>
			
			<div style='margin:20px;border:1px;background-color:white;padding:0px 0px 0px 15px;border-radius: 10px;-moz-border-radius: 10px;overflow:auto;'>
				
				{if (program["img"]!=undefined)}
					<table align="right" style='' cellpadding=0 cellspacing=0>
						<tbody>
							<tr>
								<td>
									<img src="${urls.server}${program["img"]["@src"]}" style='border-radius: 0px 10px 10px 0pt; border: 0px solid; min-width: 194px; max-width: 250px; min-height: 231px; max-height: 300px;'/>
								</td>
							</tr>
						</tbody>
					</table>
				{/if}
				<table style='padding:10px;height:100%;' cellpadding=0 cellspacing=0>
					<tr>
						{if (program["category"]!=undefined && program["category"]["genre"]!=undefined)}
							<td nowrap="" style="width:2px;padding-right:10px">
								<p class="now">
									${lang.genre}
								</p>
							</td>
							<td>
								<p class="summary_listing" style='padding-top: 5px;padding-bottom:0px;'>
									${program["category"]["genre"]["$"]}
								</p>
							</td>
						{/if}
						
						{if (program["title"]!=undefined)}
							<td nowrap="" style="width:2px;padding-right:10px">
								<p class="now">
									${lang.original_title}
								</p>
							</td>
							<td>
								<p class="summary_listing" style='padding-top: 5px;padding-bottom:0px;'>
									{if (program['title'][0]!=undefined)}
										${program['title'][0]['$']}
									{else}
										${program['title']['$']}
									{/if}
								</p>
							</td>
						{/if}
						
					</tr>
					<tr>
						{if (program["year"]!=undefined)}
						<td nowrap="" style="width:2px;padding-right:10px">
							<p class="now">
								${lang.from}
							</p>
						</td>
						<td>
							<p class="summary_listing" style='padding-top: 5px;padding-bottom:0px;'>
								${program['year']['$']} 
								{if (program["country"]!=undefined)}
									${program['country']['$']}
								{/if}
							</p>
						</td>
						{/if}
						<td nowrap="" style="width:2px;padding-right:10px">
							<p class='now'>
								${lang.imdb_available}
							</p>
						</td>
						<td>
							<a href='javascript:extLink("http://m.imdb.com/find?q=${program['title']['$']}");'>
								<p class="summary_listing" style='padding-top: 5px;padding-bottom:0px;'>
									${lang.yes_click_here}
								</p>
							</a>
						</td>
					</tr>
					<tr>
						<td colspan=6>
							{if (program["about"]!=undefined)}
								<p class="now">
									${lang.synopsis}
								</p>
								<p class="summary_listing" style='padding-bottom:7px;'>
									${program["about"]["$"]}
								</p>
							{/if}
							{if (program["cast"]!=undefined)}
								<p class="now">
									${lang.actors}
								</p>
								<p class="summary_listing" style='padding-bottom:7px;'>
									${formatCast(program["cast"]["$"])}
								</p>
							{/if}
						</td>
					</tr>
				</table>
			</div>
			
			<table style="width:100%;padding:10px;background-color:#D6EAEB;" border=0 cellspacing="0" cellpadding="0">
				<tr>
					<td style="width:50%;padding:10px;vertical-align:top;">
						
						<table cellspacing="0" cellpadding="0" width="98%" height="100%" class="curvedTables">
							<tr style='height:48px;'>
								<td align='left' style='width:100%;' colspan="5">
									<p class="now ipadTitles" style='padding-left:15px;padding-top:0px;'>
										${lang.next_airings}
									</p>
								</td>
							</tr>
							{if (regular!=undefined)}
								{for reg in regular.program}
									{if (reg.start!=undefined)}
										<tr style="vertical-align:middle;height:40px;background-color:white;">
											<td class='bottomtr' nowrap>
												<p class="now">
													<a href='javascript:showProgram(${reg["@id"]})'>
														<span style="padding-left:15px;color:#9B9B9B;">
															${reg.start.$}
														</span>   ${reg.title.$}
													</a>
												</p>
											</td>
											<td class='bottomtr' align="right" style="padding-right:15px;">
												{if (aGlobalChannel!=undefined && aGlobalChannel[reg["@channel"]]!=undefined)}
													<span>
														<a href="javascript:show('channel',${reg['@channel']},appendDates)">
														<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[reg["@channel"]]["logo"]}'/>
														</a>
													</span>
												{/if}
											</td>
										</tr>
									{/if}
								{/for}
							{else}
								<tr style='background-color:white;'>
									<td>
									<center>
										<p style="text-align:center; margin-top:15px; font-weight:bold;">
										${lang.no_airings}
										<br><br>
										</p>
									</center>
									</td>
								</tr>
							{/if}
						</table>
						
						
					</td>
					<td style="width:50%;padding:10px;vertical-align:top;">
						
						<table cellspacing="0" cellpadding="0" width="98%" height="100%" class="curvedTables">
							<tr style='height:48px;' >
								<td align='left' style='width:100%;' colspan="5">
									<p class="now ipadTitles" style='padding-left:15px;padding-top:0px;'>
										${lang.recommended}
									</p>
								</td>
							</tr>
							{if (recommended!=undefined)}
								{for rec in recommended.program}
									{if (rec.start!=undefined)}
										<tr style="vertical-align:middle;height:40px;background-color:white;">
											<td class='bottomtr' nowrap>
												<p class="now">
													<a href='javascript:showProgram(${rec["@id"]})'>
														<span style="padding-left:15px;color:#9B9B9B;">
															${rec.start.$}
														</span>   ${rec.title.$}
													</a>
												</p>
											</td>
											<td class='bottomtr' align="right" style="padding-right:15px;">
												{if (aGlobalChannel!=undefined && aGlobalChannel[rec["@channel"]]!=undefined)}
													<span>
														<a href="javascript:show('channel',${rec['@channel']},appendDates)">
														<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[rec["@channel"]]["logo"]}'/>
														</a>
													</span>
												{/if}
											</td>
										</tr>
									{/if}
								{/for}
							{else}
								<tr style='background-color:white;'>
									<td>
									<center>
										<p style="text-align:center; margin-top:15px; font-weight:bold;">
										${lang.have_no_recommendations}
										<br><br>
										</p>
									</center>
									</td>
								</tr>
							{/if}
						</table>
						
					</td>
				</tr>
			</table>
		</div>
	{/if}

{if (program!=undefined)}
		<table id="program_holder" style="width:100%;" border=0 cellspacing="0" cellpadding="0">
			<tr class='tvguidebg' style='height:52px;'>
				<td class='bottomtr' align='left' >
					<p class="now">
						{if (program['title'][0]!=undefined)}
							${program['title'][0]['$']}
						{else}
							${program['title']['$']}
						{/if}
					</p>
					<p class="summary_listing" >
						{if (program['teaser']!=undefined)}
							${program['teaser']['$']}
						{/if}
					</p>
					<p class="summary_listing" >
						${program['start']['$']}-${program['end']['$']} ${lang.on}
						{if (aGlobalChannel[program["@channel"]]!=undefined)}
							<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[program["@channel"]]["logo"]}'/>
						{/if}
					</p>
				</td>
			</tr>
		</table>
		<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
			<tr style='height:52px;overflow:hidden;padding-right:4px;'>
				<td class='bottomtr' style='vertical-align:middle;' >
					{if (program!=undefined)}
						<input type='button' id="planButton" style="margin-left:5px;margin-top:0px;" value='${lang.plan}' onclick='javascript:addToCalendar(${program["@id"]},${program["@channel"]},"${program['startComplete']}","${program['title']['$']}","","","");'>

<span id='reccommendDisplay'>
							{if (program['like']!=undefined && program['like']['$']=="TRUE")}
								<input type='button' style="margin-top:0px;" id="dontRecButton" value="${lang.dont_recommend}" onclick='dontRecommendProgram(${program["@id"]},"summaryHolderIpad")'>
							{else}
								<input type='button'  style="margin-top:0px;" id="recButton" value='${lang.recommend}' onclick='recommendProgram(${program["@id"]},"summaryHolderIpad")'>
							{/if}
						</span>
					{/if}

</td>
			</tr>
			<tr>
				<td class='bottomtr'>
					<div>
						{if (program["img"]!=undefined)}
							<table align="right" style="padding-top:2px;" class="summary_listing" cellpadding=0 cellspacing=0>
								<tbody>
									<tr>
										<td>
											<img src="${urls.server}${program["img"]["@src"]}"/>
										</td>
									</tr>
								</tbody>
							</table>
						{/if}

{if (program["category"]!=undefined && program["category"]["genre"]!=undefined)}
							<p class="now">
								${lang.genre}
							</p>
							<p class="summary_listing" style='padding-bottom:7px;'>
								${program["category"]["genre"]["$"]}
							</p>
						{/if}

{if (program["title"]!=undefined)}
							<p class="now">
								${lang.original_title}
							</p>
							<p class="summary_listing" style='padding-bottom:7px;'>
								{if (program['title'][0]!=undefined)}
									${program['title'][0]['$']}
								{else}
									${program['title']['$']}
								{/if}
							</p>
						{/if}

{if (program["about"]!=undefined)}
							<p class="now">
								${lang.synopsis}
							</p>
							<p class="summary_listing" style='padding-bottom:7px;'>
								${program["about"]["$"]}
							</p>
						{/if}

{if (program["cast"]!=undefined)}
							<p class="now">
								${lang.actors}
							</p>
							<p class="summary_listing" style='padding-bottom:7px;text-align:left;'>
								${formatCast(program["cast"]["$"])}
							</p>
						{/if}

<table style="width:100%;padding-left:4px;" border=0 cellspacing="0" cellpadding="0">
			{if (program!=undefined && program['category']!=undefined && (program['category']['type']['$']=="serie" || program['category']['type']['$']=="movie"))}
				<tr style='height:52px;overflow:hidden;padding-right:4px;'>
					<td class='bottomtr' style='vertical-align:middle;' >
						<p class='now'>
							<a href='javascript:extLink("http://m.imdb.com/find?q=${program['title']['$']}");'>
							${lang.find_on}
							</a>
						</p>
					</td>
				</tr>
			{/if}
			<tr style='height:52px;overflow:hidden;padding-right:4px;'>
				<td align='center' class='bottomtr' style='vertical-align:middle;' >
					<input type='button' id="fbButton" value='${lang.share_on}' onclick="extLink('https://www.facebook.com/sharer/sharer.php?u=http://ontv.dk/info/${program["@id"]}/?utm_source=facebook&utm_medium=share_on_facebook&utm_campaign=facebook');">
				</td>
			</tr>
		</table>

{/if}

<table style="width:100%;" cellspacing="0" cellpadding="0" border="0">
		<tr class='tvguidebg' style='z-index:-1000;'>
			<td colspan="2" style="vertical-align:middle;" >
				<p class="heading">
					<strong >${lang.logged_in_as}</strong>
				</p>
			</td>
		</tr>
		<tr style="background-color:white;">
			<td  class="bottomtr">
				<p class="summary_listing" style="margin-top:0px;font-weight: bold;font-size: 11px;">${name.$}</p>
			</td>
			<td  class="bottomtr" style="width: 2px">
				<span onclick="logOff();" ><p class="logoutBtn">${lang.log_off}</p></span>
			</td>
		</tr>
		<tr style="background-color:white;height: 40px;">
			<td class="bottomtr">
				<p class="summary_listing" style="font-weight: bold;font-size: 11px;">${lang.show_short_summary}</p>
			</td>
			<td colspan="2" class="bottomtr">
				<p class="summary_listing" style="text-align: center;"><input onclick="updateSummaryListingSetting(this)" type="checkbox" name="devicesumlisting" id="devicesumlisting" {if (user.summaryListing)} checked="checked" {/if}/></p>
			</td>
		</tr>
		<tr class='tvguidebg' style='z-index:-1000;'>
			<td colspan="2" style="vertical-align:middle;" >
				<p class="heading">
					<strong>${lang.tv_guide_display}</strong>
				</p>
			</td>
		</tr>
		<tr style="background-color:white;height: 40px;">
			<td colspan="2" class="bottomtr">
				<p class="summary_listing" style="font-weight: bold;font-size: 11px;margin:0px;">
					<input type="radio" name="tvguideView" onclick="savePref('standardTVguide','list'); tvguide();" ${(loadPref('standardTVguide')=='list' || loadPref('standardTVguide')==null)?' checked':''}> ${lang.right_now}
					<input type="radio" name="tvguideView" onclick="savePref('standardTVguide','horizontal'); tvguide();" ${(loadPref('standardTVguide')=='horizontal')?' checked':''}> ${lang.horizontal}
				</p>
			</td>
		</tr>
		<tr class='tvguidebg' style='z-index:-1000;'>
			<td colspan="2" style="vertical-align:middle;" >
				<p class="heading">
					<strong>${lang.push_devices}</strong>
				</p>
			</td>
		</tr>

{if (deviceData!=undefined)}
			{for dev in deviceData.device}
				{if (dev.name != undefined)}
					<tr style="background-color:white;height: 40px;">
						<td class="bottomtr">
							<p class="now">
								{if (dev.name.$ != undefined && dev.name.$ != '')}
									${dev['name']['$']}
								{else}
									{if (dev.notification.$ == 'c2dm')}
										${lang.android}
									{/if}
								{/if}
							</p>
						</td>
						<td class="bottomtr" style="text-align: center;">
							<input type="checkbox" name="pushDeviceNotification" id="pushDeviceNotification" onclick="updateNotification(this,'${dev.token.$}')" {if (dev.receive.$ == 'true')}checked="checked"{/if}/>
							 <a onclick="deleteDevice('${dev.token.$}')"><img src="${urls.server}/extern/widget/build/igoogle.dk/imgs/delete.gif"/></a>
						</td>
					</tr>
				{/if}
			{forelse}
				<tr style="background-color:white;height: 40px;">
					<td colspan="2" class="bottomtr" style="text-align:center;">
						<p>${lang.no_devices}</p>
					</td>
				</tr>
			{/for}
		{/if}
	</table>
	<br/>
	{if !user.isPro}
		<p style="text-align:center; margin-top:10px;">
			${lang.get_full_access} <a href='${urls.server}/pro'>${lang.ontv_pro}</a> ${lang.subscription}
		</p>
	{/if}
	${renderHeightPrefs()}

<table style="background-color:#E6F1F3;width:100%;height: 100%" cellpadding="0" cellspacing="0" border="0"  >
	    <tr>
		<td valign="top" width="50%" style="height:2px;">
		    <table width="98%" class="ipadTable">
			<tr class='tvguidebg' style='z-index:-1000;'>
			    <td colspan="2" style="vertical-align:middle;" class="bottomtr ipad_td">
				<p class="heading">
				    <strong >${lang.logged_in_as}</strong>
				</p>
			    </td>
			</tr>
			<tr style="background-color:white;">
				<td colspan="2">
				<table cellpadding=0 cellspacing=0 style="width:100%">
					<tr>
						<td class="bottomtr  ipad_td"><p class="summary_listing" style="font-weight: bold;font-size: 11px;border-right:0px">${name.$} </p></td>
						<td style="width: 2px" class="bottomtr">
						    <span onclick="logOff();" ><p class="logoutBtn">${lang.log_off}</p></span>
						</td>
					</tr>
					<tr style="background-color:white;height: 45px;">
					    <td class="ipad_td"><p class="summary_listing" style="text-align:left;">${lang.show_short_summary}</p></td>
					    <td colspan="2" ><p class="summary_listing" style="font-weight: bold;font-size: 11px;text-align: center;"><input onclick="updateSummaryListingSetting(this)" type="checkbox" name="devicesumlisting" id="devicesumlisting" {if (user.summaryListing)} checked="checked" {/if}/></p></td>
					</tr>
				</table>
				</td>
			</tr>
		    </table>
		    <table width="98%" class="ipadTable">
			<tr class='tvguidebg' style='z-index:-1000;'>
			    <td colspan="2" style="vertical-align:middle;" class="bottomtr ipad_td">
				<p class="heading">
				    <strong >${lang.tv_guide_display}</strong>
				</p>
			    </td>
			</tr>
			<tr style="background-color:white;height: 45px;">
			    <td colspan="2" class="ipad_td"  style="padding-left:5px">
				<p class="summary_listing" style="font-weight: bold;font-size: 11px;">
				       <input type="radio" name="tvguideView" onclick="savePref('standardTVguide','list'); tvguide();" ${(loadPref('standardTVguide')=='list' || loadPref('standardTVguide')==null)?' checked':''}> ${lang.right_now}

<input type="radio" name="tvguideView" onclick="savePref('standardTVguide','horizontal'); tvguide();" ${(loadPref('standardTVguide')=='horizontal')?' checked':''}> ${lang.horizontal}
				</p>
			    </td>
			</tr>
		    </table>

</td>
		<td valign="top" width="50%">
		    <table width="98%" class="ipadTable">
			<tr class='tvguidebg' style='z-index:-1000;'>
			    <td colspan="2" style="vertical-align:middle;" class="bottomtr ipad_td">
				<p class="heading">
				    <strong >${lang.push_devices}</strong>
				</p>
			    </td>
			</tr>

{if (deviceData!=undefined)}
			<tr style="background-color:white;">
				<td colspan="2">
					<table cellpadding=0 cellspacing=0 style="width:100%">
						{for dev in deviceData.device}
							{if (dev.name != undefined)}
								<tr style="height: 45px;">
									<td class="bottomtr ipad_td">
										<p class="now">
											{if (dev.name.$ != undefined && dev.name.$ != '')}
												${dev['name']['$']}
											{else}
												{if (dev.notification.$ == 'c2dm')}
													${lang.android}
												{/if}
											{/if}
										</p>
									</td>
									<td class="bottomtr" style="text-align: center;width:45px;padding-right:10px;" nowrap>
										<input type="checkbox" name="pushDeviceNotification" id="pushDeviceNotification" onclick="updateNotification(this,'${dev.token.$}')" {if (dev.receive.$ == 'true')}checked="checked"{/if}/>
										 <a onclick="deleteDevice('${dev.token.$}')"><img src="${urls.server}/extern/widget/build/igoogle.dk/imgs/delete.gif"/></a>
									</td>
								</tr>
							{/if}
						{forelse}
							<tr style="height: 45px;">
								<td colspan="2" class="ipad_td" style="text-align:center;">
									<p>${lang.no_devices}</p>
								</td>
							</tr>
						{/for}
					</table>
				</td>
			</tr>
			{/if}
		    </table>
		</td>
	    </tr>
		<tr>
			<td colspan="2" style="text-align:left;vertical-align:top;">
				<br/>
				{if !user.isPro}
					<p style="text-align:center; margin-top:10px;">
						${lang.get_full_access} <a href='${urls.server}/pro'>${lang.ontv_pro}</a> ${lang.subscription}
					</p>
				{/if}
				${renderHeightPrefs()}
			</td>
		</tr>
	</table>

<div class="login" valign="middle">
		<div id='errorMessage' style='display: none;'></div>
		<p class="login"></p>
		<p class="login_msg">${lang.login_msg}</p>
		<center>
		<table class="login" border="0">
			<tr onclick="$('#email').focus();">
				<td class="login_lbl"><p>${lang.email} </p></td>
				<td>
					<input id='email' type='text' value=''>
				</td>
			</tr>
			<tr style="border:none;" onclick="$('#password').focus();">
				<td class="login_lbl">
					<p>${lang.password}</p>
				</td>
				<td><input id='password' type='password' value=''></td>
			</tr>
		</table>
		<table class="login_btn">
			<tr>
				<td style="float:left">
					<input type='button' id="registerButton" value='${lang.create_new_account}' onclick='createNewAccount(false)'>
				</td>
				<td  style="float:right">
					<input type='button' id="loginButton" value='${lang.log_in}' onclick='submitLogin()'>
				</td>
			</tr>
		</table>
		</center>
	</div>
  ${renderHeightPrefs()}
  <script>
	$("#email").focus();
	$("#email").keypress(function(e){
		var k;
		if (e && e.which) {
			k = e.which;
		} else if (window.event && window.event.keyCode) {
			k = window.event.keyCode;
		}
		if(k == 13){
			$("#password").focus();
			return false;
		}
		return true;
	});
	$("#password").keypress(function(e){
		if (e && e.which) {
			k = e.which;
		} else if (window.event && window.event.keyCode) {
			k = window.event.keyCode;
		}
		if(k == 13){
			$("#loginButton").click();
			return false;
		}
		return true;
	});
  </script>

<div class="login" valign="middle">
		<div id='errorMessage' style='display: none;'></div>
		<p class="login"></p>
		<p class="login_msg">${lang.register_msg}</p>
		<center>
		<table class="login" border="0">
			<tr onclick="$('#name').focus();">
				<td class="login_lbl"><p>${lang.your_name} </p></td>
				<td>
					<input id='name' type='text' value=''>
				</td>
			</tr>
			<tr onclick="$('#email').focus();" >
				<td class="login_lbl"><p>${lang.your_email} </p></td>
				<td>
					<input id='email' type='text' value=''>
				</td>
			</tr>
			<tr onclick="$('#mobile').focus();">
				<td class="login_lbl"><p>${lang.your_mobile_no} *</p></td>
				<td>
					<input id='mobile' type='text' value=''>
				</td>
			</tr>
			<tr style="border:none;" onclick="$('#password').focus();">
				<td class="login_lbl">
					<p>${lang.password}</p>
				</td>
				<td><input id='password' type='password' value=''></td>
			</tr>
		</table>
		<table class="login_btn">
			<tr>
				<td  style="float:left">
					<input type='button' id="loginButton" value='${lang.cancel}' onclick='showProfile()'>
				</td>
				<td style="float:right">
					<input type='button' id="registerButton" value='${lang.create_new_account}' onclick='createNewAccount(true)'>
				</td>
			</tr>
		</table>
		</center>
		<p class="login_msg">* ${lang.mobile_number_msg}</p>
	</div>
	<script>
		$("#name").keypress(function(e){
			var k;
			if (e && e.which) {
				k = e.which;
			} else if (window.event && window.event.keyCode) {
				k = window.event.keyCode;
			}
			if(k == 13){
			      $("#email").focus();
			      return false;
			}
			return true;
		});
		$("#email").keypress(function(e){
			var k;
			if (e && e.which) {
				k = e.which;
			} else if (window.event && window.event.keyCode) {
				k = window.event.keyCode;
			}
			if(k == 13){
			      $("#mobile").focus();
			      return false;
			}
			return true;
		});
		$("#mobile").keypress(function(e){
			var k;
			if (e && e.which) {
				k = e.which;
			} else if (window.event && window.event.keyCode) {
				k = window.event.keyCode;
			}
			if(k == 13){
				$("#password").focus();
				return false;
			}
			return true;
		});
		$("#password").keypress(function(e){
			var k;
			if (e && e.which) {
				k = e.which;
			} else if (window.event && window.event.keyCode) {
				k = window.event.keyCode;
			}
			if(k == 13){
				$("#registerButton").click();
				return false;
			}
			return true;
		});
	</script>

{if (program!=undefined)}
		<input type="hidden" name="program_id" id="program_id" value="${program['@id']}">
		<input type="hidden" name="channel_id" id="channel_id" value="${program['@channel']}">
		<input type="hidden" name="program_title" id="program_title" value="${program['title']['$']}">
	{/if}
		<table cellspacing=0 cellpadding=0 style="border:1px solid #E4E4E4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin:10px 5px;" width='97%'>
                        <tr class='tvguidebg' style='z-index:-1000;height:45px;'>
                                <td colspan="2" style="vertical-align:middle;padding-left:7px" >
                                        <p class='now ipadTitles' ><b>${lang.add_planning}</b></p>
                                </td>
                        </tr>
                        <tr style="background-color:white;height:45px;">
                            <td  class="bottomtr" style="padding-left:7px">
                                        <p class='now' ><b>${lang.remind_me_aired}</b></p>
                                </td>
                              <td class='bottomtr' align='right' style='width:30%;padding-right:10px;'>
                                        <input type="checkbox" name="send_reminder" id="send_reminder" value="1" onclick="$('#reminderSettingsDiv').slideToggle();" {if (program!=undefined && program['reminder']!=undefined)} checked{/if}>
                                </td>
                        </tr>
                        <tr >
                            <td colspan=5 class="bottomtr">
					<div id='reminderSettingsDiv' style="display:{if (program!=undefined && program['reminder']!=undefined)} {else}none{/if};">
						<table width='100%' cellspacing='0' cellpadding='0' >
							<tr class='bottomtr' style='height:45px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<p class='now' ><b>${lang.via}</b></p>
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select id='reminder_type' name='reminder_type'>
										<option value="email" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='email')} selected {/if}>${lang.email}</option>
										<option value="sms" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='sms')} selected {/if}>${lang.sms}</option>
										<option value="push" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='push')} selected {/if}>${lang.apple_push_notification}</option>
										<option value="c2dm" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='c2dm')} selected {/if}>${lang.android_push_notification}</option>
										<option value="ical" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='ical')} selected {/if}>${lang.calendar_feed}</option>
									</select>
								</td>
							</tr>
							<tr class='bottomtr' style='height:45px;'>
								<td  style='width:50%;padding-left:12px;border-right:1px solid #F0F0F0;'>
									<input type="text" size="12" name="reminder_before" id="reminder_before" value="{if (program!=undefined && program['reminder_before']!=undefined)}${program['reminder_before']}{/if}">
								</td>
								<td  align='right' style='width:50%;padding-right:10px;'>
									<select name="reminder_multiplier" id="reminder_multiplier">
										<option value="60" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==60)} selected {/if}>${lang.minutes} ${lang.before}</option>
										<option value="3600" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==3600)} selected {/if}>${lang.hours} ${lang.before}</option>
										<option value="86400" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==86400)} selected {/if}>${lang.days} ${lang.before}</option>
									</select>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
                        <tr class='bottomtr' style='height:45px;'>
                            <td class='bottomtr' style='width:50%;padding-left:8px;'>
                                <p class='now' ><b>${lang.do_you_wish_to_plan}</b></p>
                            </td>
                            <td class='bottomtr' align='right' style='width:30%;padding-right:10px;'>
                                <input type="checkbox" name="set_agent" id="set_agent" value="1" onclick="$('#repeatSettingsDiv').slideToggle();" {if (program!=undefined && program['dataAgent']!=undefined)} checked{/if}>
                            </td>
                        </tr>
                        <tr >
                            <td colspan=5>
                                <div id='repeatSettingsDiv' style="display:{if (program!=undefined && program['dataAgent']!=undefined)} {else}none{/if};">
                                    <table width='100%' cellspacing='0' cellpadding='0'>
                                        <tr style='height:45px;'>
                                            <td class='bottomtr' style='width:50%;padding-left:8px;'>
                                                <p class='now' ><b>${lang.on_days}</b></p>
                                            </td>
                                            <td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
                                                <select
                                                    {if (user.isPro)}
                                                    name="search_days"
                                                    id="search_days"
                                                    {else}
                                                    disabled
                                                    {/if}
                                                    >
                                                    <option value="0" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==0)} selected{/if}>${lang.all}</option>
                                                    <option value="-1" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==-1)} selected{/if}>${lang.weekdays}</option>
                                                    <option value="-2" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==-2)} selected{/if}>${lang.weekends}</option>
                                                    <option value="1" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==1)} selected{/if}>${lang.mondays}</option>
                                                    <option value="2" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==2)} selected{/if}>${lang.tuesdays}</option>
                                                    <option value="3" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==3)} selected{/if}>${lang.wednesdays}</option>
                                                    <option value="4" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==4)} selected{/if}>${lang.thursdays}</option>
                                                    <option value="5" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==5)} selected{/if}>${lang.fridays}</option>
                                                    <option value="6" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==6)} selected{/if}>${lang.saturdays}</option>
                                                    <option value="7" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==7)} selected{/if}>${lang.sundays}</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr style='height:45px;'>
                                            <td style='width:50%;padding-left:8px;'>
                                                <p class='now' ><b>${lang.between}</b></p>
                                            </td>
                                            <td align='right' style='width:50%;padding-right:10px;'>
                                                <select style="margin-top:5px"
                                                        {if (user.isPro)}
                                                        name="search_hours_from"
                                                        id="search_hours_from"
                                                        {else}
                                                        disabled
                                                        {/if}
                                                        >
                                                        <option value="" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@starth']=="")} selected{/if}>-</option>
                                                    {for i in hours24Array}
                                                    <option value="${i}" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@starth']==i)} selected{/if}> ${i}:00</option>
                                                    {/for}
                                                </select> -
                                                <select
                                                    {if (user.isPro)}
                                                    name="search_hours_to"
                                                    id="search_hours_to"
                                                    {else}
                                                    disabled
                                                    {/if}
                                                    >
                                                    <option value="" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@endh']=="")} selected{/if}>-</option>
                                                    {for i in hours24Array}
                                                    <option value="${i}" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@endh']==i)} selected{/if}>${i}:59</option>
                                                    {/for}
                                                </select>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                </table>
	<center>
		<p style='padding-top:5px;'>
		{if (program['dataAgent']!=undefined)}
			<input type=button onclick="savePlanIpad(this,'${program['start']['$']}',${program['dataAgent']['agent']['@id']});" id="blueWideBtn" value='${lang.save_planning}'>
		{else}
			<input type=button onclick="savePlanIpad(this,'${program['start']['$']}',0);" id="blueWideBtn" value='${lang.save_planning}'>
		{/if}
		</p>
	</center>

{if (program!=undefined)}
		<input type="hidden" name="program_id" id="program_id" value="${program['@id']}">
		<input type="hidden" name="channel_id" id="channel_id" value="${program['@channel']}">
		<input type="hidden" name="program_title" id="program_title" value="${program['title']['$']}">
	{/if}
		<table cellspacing=0 cellpadding=0 style="background-color:#F6F6F6;" width='100%'>
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' align=left style='padding-left:8px;'>
					<p class='now ipadTitles' ><b>${lang.add_planning}</b></p>
				</td>
				<td class='bottomtr' align=right style='padding-right:8px;padding-top:5px;'>
					{if (program!=undefined && program['title']!=undefined)}
						<p class='now ipadTitles' >
							<b>
								${program['title']['$']}
							</b>
						</p>
					{/if}
					<p class="summary_listing" style='text-align: right;'>
						{if (program!=undefined && program['teaser']!=undefined)}
							${program['teaser']['$']}
						{/if}
					</p>
					<p class="summary_listing" style='text-align: right;'>
						{if (program!=undefined && program['start']!=undefined)}
							${program['startTime']['$']}-${program['endTime']['$']} ${lang.on}
							{if (aGlobalChannel[program["@channel"]]!=undefined)}
								<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[program["@channel"]]["logo"]}'/>
							{/if}
						{/if}
					</p>
				</td>
			</tr>
		</table>
		<table cellspacing=0 cellpadding=0 width='98%' style='margin:10px;'>
			<tr>
				<td style='vertical-align:top;width:48%;'>
					<table cellspacing=0 cellpadding=0 style="border:1px solid #E4E4E4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#F6F6F6;margin:10px;" width='98%'>
						<tr class='bottomtr' style='width:100%;'>
							<td colspan='5' class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
								<p class='now ipadTitles' ><b>${lang.reminder_settings}</b></p>
							</td>
						</tr>
						<tr class='bottomtr' style='height:52px;background-color:#FFFFFF;'>
							<td class='bottomtr' style='width:50%;padding-left:8px;'>
								<p class='now' ><b>${lang.remind_me_aired}</b></p>
							</td>
							<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
								<input type="checkbox" name="send_reminder" id="send_reminder" value="1" onclick="$('#reminderSettingsDiv').slideToggle();" {if (program!=undefined && program['reminder']!=undefined)} checked{/if}>
							</td>
						</tr>
						<tr style='background-color:#FFFFFF;'>
							<td colspan=5>
								<div id='reminderSettingsDiv' style="display:{if (program!=undefined && program['reminder']!=undefined)} {else}none{/if};">
									<table width='100%' cellspacing='0' cellpadding='0' >
										<tr class='bottomtr' style='height:52px;'>
											<td class='bottomtr' style='width:50%;padding-left:8px;'>
												<p class='now' ><b>${lang.via}</b></p>
											</td>
											<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
												<select id='reminder_type' name='reminder_type'>
													<option value="email" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='email')} selected {/if}>${lang.email}</option>
													<option value="sms" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='sms')} selected {/if}>${lang.sms}</option>
													<option value="push" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='push')} selected {/if}>${lang.apple_push_notification}</option>
													<option value="c2dm" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='c2dm')} selected {/if}>${lang.android_push_notification}</option>
													<option value="ical" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='ical')} selected {/if}>${lang.calendar_feed}</option>
												</select>
											</td>
										</tr>
										<tr class='bottomtr' style='height:52px;'>
											<td class='bottomtr' style='width:50%;padding-left:8px;'>
												<input type="text" size="12" name="reminder_before" id="reminder_before" value="{if (program!=undefined && program['reminder_before']!=undefined)}${program['reminder_before']}{/if}">
											</td>
											<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
												<select name="reminder_multiplier" id="reminder_multiplier">
													<option value="60" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==60)} selected {/if}>${lang.minutes} ${lang.before}</option>
													<option value="3600" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==3600)} selected {/if}>${lang.hours} ${lang.before}</option>
													<option value="86400" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==86400)} selected {/if}>${lang.days} ${lang.before}</option>
												</select>
											</td>
										</tr>
									</table>
								</div>
							</td>
						</tr>
					</table>
				</td>
				<td style='vertical-align:top;width:48%;'>
					<table cellspacing=0 cellpadding=0 style="border:1px solid #E4E4E4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#F6F6F6;margin:10px;" width='98%'>
						<tr class='bottomtr' style='width:100%;'>
							<td class='bottomtr' colspan=5 style='padding-left:8px;height:52px;'>
								<p class='now ipadTitles' ><b>${lang.repeat_settings}</b></p>
							</td>
						</tr>
						<tr class='bottomtr' style='height:52px;background-color:#FFFFFF;'>
							<td class='bottomtr' style='width:50%;padding-left:8px;'>
								<p class='now' ><b>${lang.do_you_wish_to_plan}</b></p>
							</td>
							<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
								<input type="checkbox" name="set_agent" id="set_agent" value="1" onclick="$('#repeatSettingsDiv').slideToggle();" {if (program!=undefined && program['dataAgent']!=undefined)} checked{/if}>
							</td>
						</tr>
						<tr style='background-color:#FFFFFF;'>
							<td colspan=5>
								<div id='repeatSettingsDiv' style="display:{if (program!=undefined && program['dataAgent']!=undefined)} {else}none{/if};">
									<table width='100%' cellspacing='0' cellpadding='0'>
										<tr style='height:52px;'>
											<td class='bottomtr' style='width:50%;padding-left:8px;'>
												<p class='now' ><b>${lang.on_days}</b></p>
											</td>
											<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
												<select
												{if (user.isPro)}
													name="search_days"
													id="search_days"
												{else}
													disabled
												{/if}
												>
													<option value="0" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==0)} selected{/if}>${lang.all}</option>
													<option value="-1" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==-1)} selected{/if}>${lang.weekdays}</option>
													<option value="-2" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==-2)} selected{/if}>${lang.weekends}</option>
													<option value="1" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==1)} selected{/if}>${lang.mondays}</option>
													<option value="2" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==2)} selected{/if}>${lang.tuesdays}</option>
													<option value="3" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==3)} selected{/if}>${lang.wednesdays}</option>
													<option value="4" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==4)} selected{/if}>${lang.thursdays}</option>
													<option value="5" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==5)} selected{/if}>${lang.fridays}</option>
													<option value="6" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==6)} selected{/if}>${lang.saturdays}</option>
													<option value="7" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==7)} selected{/if}>${lang.sundays}</option>
												</select>
											</td>
										</tr>
										<tr style='height:52px;'>
											<td class='bottomtr' style='width:50%;padding-left:8px;'>
												<p class='now' ><b>${lang.between}</b></p>
											</td>
											<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
												<select style="margin-top:5px"
												{if (user.isPro)}
												name="search_hours_from"
												id="search_hours_from"
												{else}
												 disabled
												{/if}
												>
													<option value="" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@starth']=="")} selected{/if}>-</option>
												{for i in hours24Array}
													<option value="${i}" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@starth']==i)} selected{/if}> ${i}:00</option>
												{/for}
												</select> -
												<select
												{if (user.isPro)}
													name="search_hours_to"
													id="search_hours_to"
												{else}
													disabled
												{/if}
												>
													<option value="" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@endh']=="")} selected{/if}>-</option>
												{for i in hours24Array}
													<option value="${i}" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@endh']==i)} selected{/if}>${i}:59</option>
												{/for}
												</select>
											</td>
										</tr>
									</table>
								</div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	<center>
		<p style='padding-top:5px;'>
		{if (program['dataAgent']!=undefined)}
			<input type=button onclick="savePlanIpad(this,'${program['start']['$']}',${program['dataAgent']['agent']['@id']});" id="blueWideBtn" value='${lang.save_planning}'>
		{else}
			<input type=button onclick="savePlanIpad(this,'${program['start']['$']}',0);" id="blueWideBtn" value='${lang.save_planning}'>
		{/if}
		</p>
	</center>

<form method="post" id="planForm">
	{if (program!=undefined)}
		<input type="hidden" name="program_id" id="program_id" value="${program['@id']}">
		<input type="hidden" name="channel_id" id="channel_id" value="${program['@channel']}">
		<input type="hidden" name="program_title" id="program_title" value="${program['title']['$']}">
	{/if}
		<table style='width:100%;' cellspacing='0' cellpadding='0' >
			<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
					<p class='now ipadTitles' ><b>${lang.reminder_settings}</b></p>
				</td>
				<td class='bottomtr' style='width:50%;padding-right:8px;height:52px;'>
				{if (program!=undefined && program['@id']!=undefined)}
					<span id='deleteReminderSpan'>
						<p class='logoutBtn' onclick="deleteit(${program['@id']},-1,this);" style='padding-top:12px;'>${lang.delete}</p>
					</span>
				{/if}
				</td>
			</tr>
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;'>
					<p class='now' ><b>${lang.remind_me_aired}</b></p>
				</td>
				<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
					<input type="checkbox" name="send_reminder" id="send_reminder" value="1" onclick="$('#reminderSettingsDiv').slideToggle();" {if (program!=undefined && program['reminder']!=undefined)} checked{/if}>
				</td>
			</tr>
			<tr>
				<td colspan=5>
					<div id='reminderSettingsDiv' style="display:{if (program!=undefined && program['reminder']!=undefined)} {else}none{/if};">
						<table width='100%' cellspacing='0' cellpadding='0' >
							<tr class='bottomtr' style='height:52px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<p class='now' ><b>${lang.via}</b></p>
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select id='reminder_type' name='reminder_type'>
										<option value="email" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='email')} selected {/if}>${lang.email}</option>
										<option value="sms" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='sms')} selected {/if}>${lang.sms}</option>
										<option value="push" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='push')} selected {/if}>${lang.apple_push_notification}</option>
										<option value="c2dm" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='c2dm')} selected {/if}>${lang.android_push_notification}</option>
										<option value="ical" {if (program!=undefined && program['reminder']!=undefined && program['reminder']['@method']=='ical')} selected {/if}>${lang.calendar_feed}</option>
									</select>
								</td>
							</tr>
							<tr class='bottomtr' style='height:52px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<input type="text" size="12" name="reminder_before" id="reminder_before" value="{if (program!=undefined && program['reminder_before']!=undefined)}${program['reminder_before']}{/if}">
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select name="reminder_multiplier" id="reminder_multiplier">
										<option value="60" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==60)} selected {/if}>${lang.minutes} ${lang.before}</option>
										<option value="3600" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==3600)} selected {/if}>${lang.hours} ${lang.before}</option>
										<option value="86400" {if (program!=undefined && program['reminder_multiplier']!=undefined && program['reminder_multiplier']==86400)} selected {/if}>${lang.days} ${lang.before}</option>
									</select>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
			<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
				<td class='bottomtr' colspan=5 style='padding-left:8px;height:52px;'>
					<p class='now ipadTitles' ><b>${lang.repeat_settings}</b></p>
				</td>
			</tr>
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;'>
					<p class='now' ><b>${lang.do_you_wish_to_plan}</b></p>
				</td>
				<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
					<input type="checkbox" name="set_agent" id="set_agent" value="1" onclick="$('#repeatSettingsDiv').slideToggle();" {if (program!=undefined && program['dataAgent']!=undefined)} checked{/if}>
				</td>
			</tr>
			<tr>
				<td colspan=5>
					<div id='repeatSettingsDiv' style="display:{if (program!=undefined && program['dataAgent']!=undefined)} {else}none{/if};">
						<table width='100%' cellspacing='0' cellpadding='0'>
							<tr style='height:52px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<p class='now' ><b>${lang.on_days}</b></p>
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select
									{if (user.isPro)}
										name="search_days"
										id="search_days"
									{else}
										disabled
									{/if}
									>
										<option value="0" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==0)} selected{/if}>${lang.all}</option>
										<option value="-1" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==-1)} selected{/if}>${lang.weekdays}</option>
										<option value="-2" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==-2)} selected{/if}>${lang.weekends}</option>
										<option value="1" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==1)} selected{/if}>${lang.mondays}</option>
										<option value="2" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==2)} selected{/if}>${lang.tuesdays}</option>
										<option value="3" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==3)} selected{/if}>${lang.wednesdays}</option>
										<option value="4" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==4)} selected{/if}>${lang.thursdays}</option>
										<option value="5" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==5)} selected{/if}>${lang.fridays}</option>
										<option value="6" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==6)} selected{/if}>${lang.saturdays}</option>
										<option value="7" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@days']==7)} selected{/if}>${lang.sundays}</option>
									</select>
								</td>
							</tr>
							<tr style='height:52px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<p class='now' ><b>${lang.between}</b></p>
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select style="margin-top:5px"
									{if (user.isPro)}
									name="search_hours_from"
									id="search_hours_from"
									{else}
									 disabled
									{/if}
									>
										<option value="" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@starth']=="")} selected{/if}>-</option>
									{for i in hours24Array}
										<option value="${i}" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@starth']==i)} selected{/if}> ${i}:00</option>
									{/for}
									</select> -
									<select
									{if (user.isPro)}
										name="search_hours_to"
										id="search_hours_to"
									{else}
										disabled
									{/if}
									>
										<option value="" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@endh']=="")} selected{/if}>-</option>
									{for i in hours24Array}
										<option value="${i}" {if (program!=undefined && program['dataAgent']!=undefined && program['dataAgent']['agent']['time-filter']['@endh']==i)} selected{/if}>${i}:59</option>
									{/for}
									</select>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	<center>
		<p style='padding-top:5px;'>
		{if (program['dataAgent']!=undefined)}
			<input type=button onclick="savePlanIpad(this,'${program['start']['$']}',${program['dataAgent']['agent']['@id']});" id="blueWideBtn" value='${lang.save_planning}'>
		{else}
			<input type=button onclick="savePlanIpad(this,'${program['start']['$']}',0);" id="blueWideBtn" value='${lang.save_planning}'>
		{/if}
		</p>
	</center>
	</form>

<table style='width:100%;' cellspacing='0' cellpadding='0' >
		<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
			{if (program!=undefined && program[0]['start']!=undefined)}
				<td class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
					<p style="color:#8E8E8E;" id='firstDate'><b>${program[0]['start']['$']}</b></p>
				</td>
			{/if}

<td class='bottomtr' style='width:50%;padding-right:8px;height:52px;'>
				<ul id='listCalendar' style='float: right;'>
					<li id="planTab"><img style='cursor:pointer;' src='${urls.server}/extern/widget/build/igoogle.dk/imgs/PlanSelect.png' onclick='showAgentPlan("plan","");' ></li>
					<li id="agentTab"><img style='cursor:pointer;' src='${urls.server}/extern/widget/build/igoogle.dk/imgs/AgentUnselect.png' onclick='showAgentPlan("agent","");' ></li>
				</ul>
			</td>
		</tr>
	</table>
	<div style="margin-left:2px;margin-right:2px;background:transparent; border:0px;">
		<div id="planned" style="padding:0px;">
			<table style="width:100%" border=0 cellspacing='0' cellpadding='0' >
				{var tempStart = ''}
				{if (program!=undefined)}
					{var showStrip = 1}
					{for p in program}
						{if (p!=undefined && p.start!=undefined)}
							{if (p.start.$!=tempStart && tempStart!='' && showStrip!=1)}
								{if tempStart=p.start.$}
								{/if}
								<tr style="vertical-align:middle;background-color:#E0E0E0;" >
									<td class='bottomtr' colspan="3" style='padding-left:8px;background-color:#F6F6F6;height:40px;'>
										<p style="color:#8E8E8E;"><b>${p.start.$}</b></p>
									</td>
								</tr>
							{else}
								{if tempStart=p.start.$}
								{/if}
							{/if}
							{if showStrip=0}
							{/if}

<tr style="vertical-align:middle;" id="plan${p['@id']}" agent_id="{if (p['agent']!=undefined)}${p['agent']['@id']}{/if}">
								<td class='bottomtr' style='padding-left:8px;'>
									<p class='now'>${p['startHM']}
										<strong><a href="javascript:showProgram(${p['@id']});" class="programsummary" programid="${p['@id']}">{if (p['title']!=undefined)}${p['title']['$']}{/if}</a></strong><br>
									</p>
									<p class="summary_listing" style='text-align:left;'>
										{if (p['agent']!=undefined)}
											${lang.by_agent}
											{if (p['reminder']!=undefined)}
											,
											{/if}
										{/if}
										{if (p['reminder']!=undefined)}
											${ucfirst(p['reminder']['@method'])} ${lang.simple_reminder}
										{/if}
									</p>
								</td>
								<td class='bottomtr' style="text-align:center">
									{if (aGlobalChannel[p['@channel']]!=undefined)}
										<a href="javascript:show('channel','${p['@channel']}',appendDates);">
											<img src='${urls.server}${aGlobalChannel[p["@channel"]]["logo"]}' style="margin:10px 0px;">
										</a>
									{/if}
								</td>
								<td style='padding-right:5px;width:22%;' align='right' class='bottomtr'>
									<a href="javascript:addToCalendar(${p['@id']},'REMINDER_CLICKED','','','');" >
										<img src="${urls.server}/imgs/icons/edit.gif" alt="Edit" style="margin:3px; cursor:pointer;" title="${lang.delete_this_airing_from_plan}">
									</a>
									<a href="javascript:deleteit(${p['@id']},{if (p['agent']!=undefined)}${p['agent']['@id']}{else}-1{/if},this);" >
										<img src="${urls.server}/imgs/icons/delete.gif" alt="Delete" style="margin:3px; cursor:pointer;" title="${lang.delete_this_airing_from_plan}" class="tooltip">
									</a>
								</td>
							</tr>
						{/if}
					{forelse}
						<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.you_havent_planned_programs}
						<br><br>
						<a href="javascript:tvguide();">${lang.go_to} ${lang_html.tvguidebtn}</a></p>
					{/for}
					<tr class="hr"><td colspan="3"></td></tr>
				{else}
					<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.you_havent_planned_programs}
					<br><br>
					<a href="javascript:tvguide();">${lang.go_to} ${lang_html.tvguidebtn}</a></p>
				{/if}

</table>
		</div>
		<div id="agents" style="padding:0px;display:none;">
		</div>
	</div>

<table style="width:100%" border=0 cellspacing='0' cellpadding='0' id='categoryListing'>
		{if (agentPresent=0)}
		{/if}
		{if	(agent!=undefined)}
			{for ag in agent}
				{if	(ag!=undefined)}
					{if (agentPresent=1)}
					{/if}
					{if	(iPadView!=undefined && !iPadView)}
						<tr style="vertical-align:middle;" id="agent${ag['@id']}">
					{else}
						<tr style="vertical-align:middle;cursor:pointer;" id="agent${ag['@id']}" onClick='showRightEdit(${ag["@id"]},"AGENT");'>
					{/if}
						<td class='bottomtr' style='padding-left:5px;padding-top:2px;padding-bottom:2px;'>
							{if	(ag['filter']!=undefined)}
								<p class='now'>
									<strong>
										<a href="javascript:show('agentForm',${ag['@id']});">${ag['filter']['$']}</a>
									</strong>
								</p>
							{/if}
							{if	(iPadView!=undefined && !iPadView)}
								<p class="summary_listing" style='text-align:left;'>
							{else}
								<p class="summary_listing">
							{/if}
								${lang.search_in}:
								{if	(ag['filter']!=undefined && ag['filter']['@target']!=undefined)}
									{if	(ag['filter']['@target']=='title')}
										${lang.title}
									{else}
										{if	(ag['filter']['@target']=='about')}
											${lang.summary}
										{else}
											{if	(ag['filter']['@target']=='all')}
												${lang.title_or_summary}
											{/if}
										{/if}
									{/if}
								{/if}

{if	(ag['filter']!=undefined && ag['filter']['@type']!=undefined)}
									{if	(ag['filter']['@type']=='exact')}
										${lang.is}
									{else}
										{if	(ag['filter']['@type']=='contains')}
											${lang.contains}
										{else}
											{if	(ag['filter']['@type']=='begins')}
												${lang.begins_with}
											{else}
												{if	(ag['filter']['@type']=='ends')}
													${lang.ends_with}
												{/if}
											{/if}
										{/if}
									{/if}
								{/if}
							</p>
							<p class="summary_listing">
								{if (ag['reminder']!=undefined)}
									${ucfirst(ag['reminder']['@method'])} ${lang.simple_reminder}
								{else}
									${lang.no_reminder}
								{/if}
							</p>
						</td>
						<td class='bottomtr' style="text-align:center;">
							{if	(ag['channel'])}
								<a href="javascript:show('channel',${ag['channel']['@id']},appendDates)">
								{if (aGlobalChannel!=undefined && aGlobalChannel[ag['channel']['@id']]!=undefined)}
										<img src='${urls.server}${aGlobalChannel[ag["channel"]["@id"]]["logo"]}' style="margin:10px 0px;">
								{/if}
								</a>
							{else}
								<p class="summary_listing" style='padding-left:15px;'> ${lang.all} </p>
							{/if}
						</td>
						{if	(iPadView!=undefined && !iPadView)}
							<td class='bottomtr' align='right' style="padding-right:8px;">
								<a href="javascript:show('agentForm',${ag['@id']});">
									<img src="${urls.server}/imgs/icons/edit.gif" alt="Edit" style="margin:0px; cursor:pointer;" title="${lang.edit_this_agent}" class="tooltip">
								</a>
								<a href="javascript:deleteit(0,${ag['@id']},this);">
								<img src="${urls.server}/imgs/icons/delete.gif" alt="Delete" style="margin:0px; cursor:pointer;" title="${lang.delete_this_agent}" class="tooltip">
								</a>
							</td>
						{/if}
					</tr>
				{/if}
			{/for}
		<tr class="hr" ><td colspan="3"></td></tr>
	</table>
	{/if}
	{if	(agentPresent==0)}
		<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.you_have_not_created_search_agent}
			<br><br>
			<a href='javascript:show("calendar","calendar.php?");'>${lang.go_to} ${lang.plan}</a><br><a href="javascript:tvguide();">${lang.go_to} ${lang_html.tvguidebtn}</a>
		</p>
	{/if}

<table class='calendar_holder' cellspacing="0" border="0" style="width:100%;height:100%" cellpadding="0">
		<tr>
			<td style='width:50%;vertical-align:top;background-image:url(imgs/listbg.png);background-repeat:repeat-y;background-position:right;padding-right:20px;'>
				<table style='width:100%;' cellspacing='0' cellpadding='0' >
					<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
						{if (program!=undefined && program[0]['start']!=undefined)}
							<td class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
								<p style="color:#8E8E8E;" id='firstDate'><b>${program[0]['start']['$']}</b></p>
							</td>
						{/if}

<div id="leftListing" style='height:525px;overflow:auto;'>
					<div id="planned" style="padding:0px;">
						<table style="width:100%" border=0 cellspacing='0' cellpadding='0' id='categoryListing'>
							{var tempStart = ''}
							{if (program!=undefined)}
								{var showStrip = 1}
								{for p in program}
									{if (p!=undefined && p.start!=undefined)}
										{if (p.start.$!=tempStart && tempStart!='' && showStrip!=1)}
											{if tempStart=p.start.$}
											{/if}
											<tr style="vertical-align:middle;background-color:#E0E0E0;" >
												<td class='bottomtr' colspan="3" style='padding-left:8px;background-color:#F6F6F6;height:40px;'>
													<p style="color:#8E8E8E;"><b>${p.start.$}</b></p>
												</td>
											</tr>
										{else}
											{if tempStart=p.start.$}
											{/if}
										{/if}
										{if showStrip=0}
										{/if}

<tr style="vertical-align:middle;cursor:pointer;" id="plan${p['@id']}" onClick='showRightEdit(${p["@id"]},"PLAN");'>
											<td class='bottomtr' style='padding-left:8px;'>
												<p class='now'>${p['startHM']}
													<strong>{if (p['title']!=undefined)}${p['title']['$']}{/if}</strong><br>
												</p>
												<p class="summary_listing">
													{if (p['agent']!=undefined)}
														${lang.by_agent}
														{if (p['reminder']!=undefined)}
														,
														{/if}
													{/if}
													{if (p['reminder']!=undefined)}
														${ucfirst(p['reminder']['@method'])} ${lang.simple_reminder}
													{/if}
												</p>
											</td>
											<td class='bottomtr' align='right' style="padding-right:8px;">
												{if (aGlobalChannel[p['@channel']]!=undefined)}
													<a href="javascript:show('channel','${p['@channel']}',appendDates);">
														<img src='${urls.server}${aGlobalChannel[p["@channel"]]["logo"]}' style="margin:10px 0px;">
													</a>
												{/if}
											</td>
										</tr>
									{/if}
								{forelse}
									<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.you_havent_planned_programs}
									<br><br>
									<a href="javascript:tvguide();">${lang.go_to} ${lang_html.tvguidebtn}</a></p>
								{/for}
								<tr class="hr"><td colspan="3"></td></tr>
							{else}
								<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.you_havent_planned_programs}
								<br><br>
								<a href="javascript:tvguide();">${lang.go_to} ${lang_html.tvguidebtn}</a></p>
							{/if}

</table>
					</div>
					<div id="agents" style="padding:0px;display:none;">
					</div>
				</div>
			</td>
			<td style='width:50%;height:100%;vertical-align:top;'>
				<div style="height:575px;overflow:auto;width:100%;" id='summaryHolderIpad'>
					<table  style='width:100%;height:100%;background-color:#DCEBEE;'>
						<tr>
							<td>
								<center style='color:#C0CFD2;'>
									<h2>${lang.select_a_program}</h2>
								</center>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>

<form id="PlanAgentForm">
	  <div style="padding:5px;">
		<input type="hidden" name="id" id="id" value="">
		<p style="margin: 0px 0px 5px;"><strong>${lang.plan_all_airings_where}</strong></p>
		<select name="search_fields">
			<option value="title" selected>${lang.title}</option>
			<option value="about" >${lang.summary}</option>
			<option value="all" >${lang.title_or_summary}</option>
		</select>
		<select name="search_type">
			<option value="exact" selected>${lang.is}</option>
			<option value="contains" >${lang.contains}</option>
			<option value="begins" >${lang.begins_with}</option>
			<option value="ends" >${lang.ends_with}</option>
		</select><br>
		<input type="text" name="search_term" style="margin-top: 5px; width: 77%;" id="search_term" value="{if (vGlobalAgentTitle!=undefined)}${vGlobalAgentTitle}{/if}" style="width:80%;">

<p style="margin:15px 0px 0px 0px;"><strong>${lang.channel}</strong></p>
		<select name="search_channel_id" id="search_channel_id">
			<option value="0">${lang.all_of_my_channels}</option>
			{if (aGlobalChannel!=undefined)}
				{for chn in aGlobalChannel}
					<option value="${chn['id']}" >${chn["title"]}</option>
				{/for}
			{/if}
		</select>
		<p style="margin:15px 0px 5px 0px;">
			<strong>${lang.limitations}</strong><br>
			<small>${lang.only_add_programs_airing}</small>
		</p>
		<p style="display:inline;margin:0px;">${ucfirst(lang.days)}:</p>

<select
			{if (user.isPro)}
				name="search_days"
				id="search_days"
			{else}
				disabled
			{/if}
		>
			<option value="0" >${lang.all}</option>
			<option value="-1">${lang.weekdays}</option>
			<option value="-2">${lang.weekends}</option>
			<option value="1" >${lang.mondays}</option>
			<option value="2" >${lang.tuesdays}</option>
			<option value="3" >${lang.wednesdays}</option>
			<option value="4" >${lang.thursdays}</option>
			<option value="5" >${lang.fridays}</option>
			<option value="6" >${lang.saturdays}</option>
			<option value="7" >${lang.sundays}</option>
		</select>
		<br>
		<div style="padding:5px 0 0;margin:0px">
		  <p style="display:inline;margin:0px;">${lang.between}:</p>
		  <select
			  {if (user.isPro)}
				  name="search_hours_from"
				  id="search_hours_from"
			  {else}
				  disabled
			  {/if}
		  >
			<option value="" >-</option>
			  {for i in hours24Array}
				<option value="${i}" > ${i}:00</option>
			  {/for}
		  </select> -
		  <select
			  {if (user.isPro)}
				  name="search_hours_to"
				  id="search_hours_to"
			  {else}
				  disabled
			  {/if}
		  >
			  <option value="" >-</option>
		  {for i in hours24Array}
			  <option value="${i}">${i}:59</option>
		  {/for}
		  </select>
		  {if (user.isPro)}
			  <br><br>
		  {else}
			  <p>${lang.you_need_ontv_pro_to_limit_agents}<br><a href="/pro">${lang.read_more}</a></p><br>
		  {/if}
		  <p style="display:inline;margin:0px;"><strong>${lang.reminder_settings}</strong><br>${lang.remind_me}</p>
		  <input type="checkbox" name="send_reminder" value="1" onclick="$('#reminderSettingsVia').toggle(); $('#reminderSettings').slideToggle();">
		  <span class="p" style="display:none;" id="reminderSettingsVia">${lang.through}</span>
		  <div style="display:none;" id="reminderSettings">
			  <input type="radio" name="reminder_type" value="email" checked="checked"> <p style="display:inline;">${lang.email}</p>

<br>
				  <input type="radio" name="reminder_type" value="sms"> <p style="display:inline;">${lang.sms}<a href="/ajax/inc.php?s=products.sms" title="${lang.costs_1_kr_per_sms}" onclick="$('<div />').dialog().load(this.href); return false;">?</a></p>

<br>
				  <input type="radio" name="reminder_type" value="push"> <p style="display:inline;">${lang.apple_push_notification}</p>

<br>
				  <input type="radio" name="reminder_type" value="c2dm" > <p style="display:inline;">${lang.android_push_notification}</p>

<br>
				  <input type="radio" name="reminder_type" value="ical" > <p style="display:inline;">${lang.calendar_feed}</p>

<br>
			  <div style="margin-top:5px;">
				  <input type="text" size="3" name="reminder_before" id="reminder_before" value="15">
				  <select name="reminder_multiplier" id="reminder_multiplier">
					  <option value="60"  selected>${lang.minutes}</option>
					  <option value="3600">${lang.hours}</option>
					  <option value="86400">${lang.days}</option>
				  </select>
				  <p style="display:inline;">${lang.before_program_air}</p>
			  </div>
		  </div>
		</div>
	  </div>
		<p> </p>
		<center><img src="${urls.server}/imgs/icons/loading.gif" alt="" style="display:none;" id="btnloading"><button type=button onclick="postAgent(this.form,'createForm');" id="btnstyle">${lang.save}</button></center>
	</form>

<input type="hidden" name="id" id="id" value="{if (agent!=undefined)}${agent['@id']}{/if}">
                <table cellspacing=0 cellpadding=0 style="border:1px solid #E4E4E4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin:10px 5px;" width='97%'>
                    <tr class='tvguidebg' style='height:45px;'>
                        <td colspan="2" style="vertical-align:middle;padding-left:7px" >
                            <p class='now ipadTitles' ><b>${lang.edit_agent}</b></p>
                        </td>
                    </tr>
                    <tr style="background-color:white;height:45px">
                        <td colspan="2" class="bottomtr" style="padding-left:7px">
                            <p class='now ipadTitles' ><b>${lang.plan_all_airings_where}</b></p>
                        </td>
                    </tr>
                    <tr style="background-color:white;height:45px;">

<td class='bottomtr' style='width:50%;height:35px;padding-left:12px;'>
                            <select name="search_fields" style='width:90%'>
                                <option value="title" {if (agent==undefined || (agent!=undefined && agent['filter']['@target']=='title'))}selected{/if}>${lang.title}</option>
                                <option value="about" {if (agent!=undefined && agent['filter']['@target']=='about')}selected{/if}>${lang.summary}</option>
                                <option value="all" {if (agent!=undefined && agent['filter']['@target']=='all')}selected{/if}>${lang.title_or_summary}</option>
                            </select>
                        </td>
                        <td class='bottomtr' style='width:50%;height:35px;padding-right:5px;'>
                            <select name="search_type" style='width:90%'>
                                <option value="exact" {if (agent!=undefined && agent['filter']['@type']=='exact')}selected{/if}>${lang.is}</option>
                                <option value="contains" {if (agent!=undefined && agent['filter']['@type']=='contains')}selected{/if}>${lang.contains}</option>
                                <option value="begins" {if (agent!=undefined && agent['filter']['@type']=='begins')}selected{/if}>${lang.begins_with}</option>
                                <option value="ends" {if (agent!=undefined && agent['filter']['@type']=='ends')}selected{/if}>${lang.ends_with}</option>
                            </select>
                        </td>

</tr>
                    <tr style="background-color:white;height:45px">
                        <td colspan="2" class="bottomtr" style="padding-left:12px">
                            <input type="text" name="search_term" style="margin:px;width:95%;" id="search_term" value="{if (agent!=undefined && agent['filter']!=undefined)}${agent['filter']['$']}{else}I was empty{/if}">
                        </td>
                    </tr>
                    <tr class='bottomtr' style='height:45px;'>
                        <td class='bottomtr' style='width:50%;padding-left:8px;'>
                            <p class='now' ><b>${lang.on_channel}</b></p>
                        </td>
                        <td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
                            <select name="search_channel_id" id="search_channel_id" style='width:100%;'>
                                <option value="0">${lang.all_of_my_channels}</option>
                                {if (aGlobalChannel!=undefined)}
                                {for chn in aGlobalChannel}
                                <option value="${chn['id']}" {if (agent!=undefined && agent['channel']!=undefined && agent['channel']['@id']==chn['id'])}selected{/if}>${chn["title"]}</option>
                                {/for}
                                {/if}
                                {if (agent!=undefined && agent['channel']!=undefined)}
                                <option value="${agent['channel']['@id']}" selected>{if (aGlobalChannel!=undefined && aGlobalChannel[agent['channel']['@id']]!=undefined)}${aGlobalChannel[agent['channel']['@id']]['title']}{else}channel{/if}</option>
                                {/if}
                            </select>
                        </td>
                    </tr>
                        {if (!user.isPro)}
				<tr class='bottomtr' style='height:45px;background-color:#FFFFFF;'>
					<td class='bottomtr' colspan=5 style='padding-left:8px;'>
						<p class='summary_listing' ><b>${lang.requires_ontv_pro_hours_day}</b></p>
					</td>
				</tr>
			{/if}
                        <tr class='bottomtr' style='height:45px;'>
                            <td class='bottomtr' style='width:50%;padding-left:8px;'>
                                {if (user.isPro)}
                                <p class='now'>
                                    {else}
                                <p class='summary_listing'>
                                    {/if}
                                    <b>
                                        ${lang.on} ${lang.days}
                                    </b>
                                </p>
                            </td>
                            <td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
                                <select
                                    {if (user.isPro)}
                                    name="search_days"
                                    id="search_days"
                                    {else}
                                    disabled
                                    {/if}
                                    style='width:100%;'
                                    >
                                    <option value="0" {if (agent!=undefined && agent['time-filter']['@days']==0)} selected{/if}>${lang.all}</option>
                                    <option value="-1" {if (agent!=undefined && agent['time-filter']['@days']==-1)} selected{/if}>${lang.weekdays}</option>
                                    <option value="-2" {if (agent!=undefined && agent['time-filter']['@days']==-2)} selected{/if}>${lang.weekends}</option>
                                    <option value="1" {if (agent!=undefined && agent['time-filter']['@days']==1)} selected{/if}>${lang.mondays}</option>
                                    <option value="2" {if (agent!=undefined && agent['time-filter']['@days']==2)} selected{/if}>${lang.tuesdays}</option>
                                    <option value="3" {if (agent!=undefined && agent['time-filter']['@days']==3)} selected{/if}>${lang.wednesdays}</option>
                                    <option value="4" {if (agent!=undefined && agent['time-filter']['@days']==4)} selected{/if}>${lang.thursdays}</option>
                                    <option value="5" {if (agent!=undefined && agent['time-filter']['@days']==5)} selected{/if}>${lang.fridays}</option>
                                    <option value="6" {if (agent!=undefined && agent['time-filter']['@days']==6)} selected{/if}>${lang.saturdays}</option>
                                    <option value="7" {if (agent!=undefined && agent['time-filter']['@days']==7)} selected{/if}>${lang.sundays}</option>
                                </select>
                            </td>
                        </tr>
                        <tr class="bottomtr" style='height:45px;'>
				<td class="bottomtr"   style='width:50%;padding-left:8px;'>
					{if (user.isPro)}
						<p class='now'>
					{else}
						<p class='summary_listing'>
					{/if}
						<b>
						${lang.on} ${lang.between}
						</b>
					</p>
				</td>
				<td  class="bottomtr"  align='right' style='width:50%;padding-right:10px;'>
					<select
						{if (user.isPro)}
							name="search_hours_from"
							id="search_hours_from"
						{else}
							disabled
						{/if}
						style='width:35%;'
					>
						<option value="" {if (agent!=undefined && agent['time-filter']['@starth']=="")} selected{/if}>-</option>
						{for i in hours24Array}
							<option value="${i}" {if (agent!=undefined && agent['time-filter']['@starth']==i)} selected{/if}> ${i}:00</option>
						{/for}
					</select> -
					<select
						{if (user.isPro)}
							name="search_hours_to"
							id="search_hours_to"
						{else}
							disabled
						{/if}
						style='width:35%;'
					>
						<option value="" {if (agent!=undefined && agent['time-filter']['@endh']=="")} selected{/if}>-</option>
						{for i in hours24Array}
							<option value="${i}" {if (agent!=undefined && agent['time-filter']['@endh']==i)} selected{/if}>${i}:59</option>
						{/for}
					</select>
				</td>
			</tr>
                        <tr class='bottomtr' style='height:45px;'>
                            <td colspan="2" >
                                <table width="100%" cellpadding="0" cellspacing="0">
                                    <tr  style='height:45px;'>
                                        <td class='bottomtr' style='width:50%;padding-left:7px;'>
                                            <p class='now' ><b>${lang.remind_me_aired}</b></p>
                                        </td>
                                        <td class='bottomtr' align='right' style='width:20%;padding-right:10px;'>
                                            <input type="checkbox" name="send_reminder" id="send_reminder" value="1" onclick="$('#reminderSettingsDiv').slideToggle();" {if (agent!=undefined && agent['reminder']!=undefined)} checked{/if}>
                                        </td>
                                    </tr>
                                </table>
                            </td>

</tr>
                        <tr >
                            <td colspan=5>
                                <div id='reminderSettingsDiv' style="display:{if (agent!=undefined && agent['reminder']!=undefined)} {else}none{/if};">
                                    <table width='100%' cellspacing='0' cellpadding='0' >
                                        <tr class='bottomtr' style='height:45px;'>
                                            <td class='bottomtr' style='width:50%;padding-left:8px;'>
                                                <p class='now' ><b>${lang.via}</b></p>
                                            </td>
                                            <td colspan="3" class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
                                                <select id='reminder_type' name='reminder_type' style='width:100%;'>
                                                    <option value="email" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='email')} selected {/if}>${lang.email}</option>
                                                    <option value="sms" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='sms')} selected {/if}>${lang.sms}</option>
                                                    <option value="push" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='push')} selected {/if}>${lang.apple_push_notification}</option>
                                                    <option value="c2dm" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='c2dm')} selected {/if}>${lang.android_push_notification}</option>
                                                    <option value="ical" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='ical')} selected {/if}>${lang.calendar_feed}</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr  style='height:45px;'>
                                            <td  style='width:40%;padding-left:12px;'>
                                                <input type="text" size="12" name="reminder_before" id="reminder_before" value="{if (agent!=undefined && agent['reminder_before']!=undefined)}${agent['reminder_before']}{/if}">
                                            </td>
                                            <td style="width:10%;border-left:1px solid #F0F0F0;"></td>
                                            <td  align='right' style='width:50%;padding-right:10px'>
                                                <select name="reminder_multiplier" id="reminder_multiplier" style='width:100%;'>
                                                    <option value="60" {if (agent!=undefined && agent['reminder_multiplier']!=undefined && agent['reminder_multiplier']==60)} selected {/if}>${lang.minutes} ${lang.before}</option>
                                                    <option value="3600" {if (agent!=undefined && agent['reminder_multiplier']!=undefined && agent['reminder_multiplier']==3600)} selected {/if}>${lang.hours} ${lang.before}</option>
                                                    <option value="86400" {if (agent!=undefined && agent['reminder_multiplier']!=undefined && agent['reminder_multiplier']==86400)} selected {/if}>${lang.days} ${lang.before}</option>
                                                </select>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                </table>

</div>
		<center>
			<p style='padding-top:5px;'>
				<input type='button' onclick="postAgent(this,'editForm');" id="blueWideBtn" value='${lang.save_agent}'>
			</p>
		</center>
	</form>

<input type="hidden" name="id" id="id" value="{if (agent!=undefined)}${agent['@id']}{/if}">
		<table style='width:100%;' cellspacing='0' cellpadding='0' >
			<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
					<p class='now ipadTitles' ><b>${lang.plan_all_airings_where}</b></p>
				</td>
				<td class='bottomtr' style='width:50%;padding-right:8px;height:52px;'>
				{if (agent!=undefined && agent['@id']!=undefined)}
					<span id='deleteAgentSpan'>
						<p class='logoutBtn' onclick="deleteit(0,${agent['@id']},'IPAD');" style='padding-top:12px;'>${lang.delete}</p>
					</span>
				{/if}
				</td>
			</tr>
			<tr>
				<td class='bottomtr' style='width:50%;height:35px;padding-left:5px;'>
					<select name="search_fields" style='width:90%'>
						<option value="title" {if (agent==undefined || (agent!=undefined && agent['filter']['@target']=='title'))}selected{/if}>${lang.title}</option>
						<option value="about" {if (agent!=undefined && agent['filter']['@target']=='about')}selected{/if}>${lang.summary}</option>
						<option value="all" {if (agent!=undefined && agent['filter']['@target']=='all')}selected{/if}>${lang.title_or_summary}</option>
					</select>
				</td>
				<td class='bottomtr' style='width:50%;height:35px;padding-right:5px;'>
					<select name="search_type" style='width:90%'>
						<option value="exact" {if (agent!=undefined && agent['filter']['@type']=='exact')}selected{/if}>${lang.is}</option>
						<option value="contains" {if (agent!=undefined && agent['filter']['@type']=='contains')}selected{/if}>${lang.contains}</option>
						<option value="begins" {if (agent!=undefined && agent['filter']['@type']=='begins')}selected{/if}>${lang.begins_with}</option>
						<option value="ends" {if (agent!=undefined && agent['filter']['@type']=='ends')}selected{/if}>${lang.ends_with}</option>
					</select>
				</td>
			</tr>
			<tr>
				<td colspan=5 >
					<input type="text" name="search_term" style="margin:3px;width:97%;" id="search_term" value="{if (agent!=undefined && agent['filter']!=undefined)}${agent['filter']['$']}{else}I was empty{/if}">
				</td>
			</tr>
			<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
				<td colspan='5' class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
					<p class='now ipadTitles' ><b>${lang.reminder_settings}</b></p>
				</td>
			</tr>
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;'>
					<p class='now' ><b>${lang.remind_me_aired}</b></p>
				</td>
				<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
					<input type="checkbox" name="send_reminder" id="send_reminder" value="1" onclick="$('#reminderSettingsDiv').slideToggle();" {if (agent!=undefined && agent['reminder']!=undefined)} checked{/if}>
				</td>
			</tr>
			<tr>
				<td colspan=5>
					<div id='reminderSettingsDiv' style="display:{if (agent!=undefined && agent['reminder']!=undefined)} {else}none{/if};">
						<table width='100%' cellspacing='0' cellpadding='0' >
							<tr class='bottomtr' style='height:52px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<p class='now' ><b>${lang.via}</b></p>
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select id='reminder_type' name='reminder_type' style='width:100%;'>
										<option value="email" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='email')} selected {/if}>${lang.email}</option>
										<option value="sms" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='sms')} selected {/if}>${lang.sms}</option>
										<option value="push" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='push')} selected {/if}>${lang.apple_push_notification}</option>
										<option value="c2dm" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='c2dm')} selected {/if}>${lang.android_push_notification}</option>
										<option value="ical" {if (agent!=undefined && agent['reminder']!=undefined && agent['reminder']['@method']=='ical')} selected {/if}>${lang.calendar_feed}</option>
									</select>
								</td>
							</tr>
							<tr class='bottomtr' style='height:52px;'>
								<td class='bottomtr' style='width:50%;padding-left:8px;'>
									<input type="text" size="12" name="reminder_before" id="reminder_before" value="{if (agent!=undefined && agent['reminder_before']!=undefined)}${agent['reminder_before']}{/if}">
								</td>
								<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
									<select name="reminder_multiplier" id="reminder_multiplier" style='width:100%;'>
										<option value="60" {if (agent!=undefined && agent['reminder_multiplier']!=undefined && agent['reminder_multiplier']==60)} selected {/if}>${lang.minutes} ${lang.before}</option>
										<option value="3600" {if (agent!=undefined && agent['reminder_multiplier']!=undefined && agent['reminder_multiplier']==3600)} selected {/if}>${lang.hours} ${lang.before}</option>
										<option value="86400" {if (agent!=undefined && agent['reminder_multiplier']!=undefined && agent['reminder_multiplier']==86400)} selected {/if}>${lang.days} ${lang.before}</option>
									</select>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
			<tr class='bottomtr' style='width:100%;background-color:#F6F6F6;'>
				<td colspan='5' class='bottomtr' style='width:50%;padding-left:8px;height:52px;'>
					<p class='now ipadTitles' ><b>${lang.segmenting}</b></p>
				</td>
			</tr>
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;'>
					<p class='now' ><b>${lang.on_channel}</b></p>
				</td>
				<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
					<select name="search_channel_id" id="search_channel_id" style='width:100%;'>
						<option value="0">${lang.all_of_my_channels}</option>
						{if (aGlobalChannel!=undefined)}
							{for chn in aGlobalChannel}
								<option value="${chn['id']}" {if (agent!=undefined && agent['channel']!=undefined && agent['channel']['@id']==chn['id'])}selected{/if}>${chn["title"]}</option>
							{/for}
						{/if}
						{if (agent!=undefined && agent['channel']!=undefined)}
							<option value="${agent['channel']['@id']}" selected>{if (aGlobalChannel!=undefined && aGlobalChannel[agent['channel']['@id']]!=undefined)}${aGlobalChannel[agent['channel']['@id']]['title']}{else}channel{/if}</option>
						{/if}
					</select>
				</td>
			</tr>
			{if (!user.isPro)}
				<tr class='bottomtr' style='height:52px;'>
					<td class='bottomtr' colspan=5 style='padding-left:8px;'>
						<p class='summary_listing' ><b>${lang.requires_ontv_pro_hours_day}</b></p>
					</td>
				</tr>
			{/if}
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;'>
					{if (user.isPro)}
						<p class='now'>
					{else}
						<p class='summary_listing'>
					{/if}
						<b>
						${lang.on} ${lang.days}
						</b>
					</p>
				</td>
				<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
					<select
						{if (user.isPro)}
							name="search_days"
							id="search_days"
						{else}
							disabled
						{/if}
						style='width:100%;'
					>
						<option value="0" {if (agent!=undefined && agent['time-filter']['@days']==0)} selected{/if}>${lang.all}</option>
						<option value="-1" {if (agent!=undefined && agent['time-filter']['@days']==-1)} selected{/if}>${lang.weekdays}</option>
						<option value="-2" {if (agent!=undefined && agent['time-filter']['@days']==-2)} selected{/if}>${lang.weekends}</option>
						<option value="1" {if (agent!=undefined && agent['time-filter']['@days']==1)} selected{/if}>${lang.mondays}</option>
						<option value="2" {if (agent!=undefined && agent['time-filter']['@days']==2)} selected{/if}>${lang.tuesdays}</option>
						<option value="3" {if (agent!=undefined && agent['time-filter']['@days']==3)} selected{/if}>${lang.wednesdays}</option>
						<option value="4" {if (agent!=undefined && agent['time-filter']['@days']==4)} selected{/if}>${lang.thursdays}</option>
						<option value="5" {if (agent!=undefined && agent['time-filter']['@days']==5)} selected{/if}>${lang.fridays}</option>
						<option value="6" {if (agent!=undefined && agent['time-filter']['@days']==6)} selected{/if}>${lang.saturdays}</option>
						<option value="7" {if (agent!=undefined && agent['time-filter']['@days']==7)} selected{/if}>${lang.sundays}</option>
					</select>
				</td>
			</tr>
			<tr class='bottomtr' style='height:52px;'>
				<td class='bottomtr' style='width:50%;padding-left:8px;'>
					{if (user.isPro)}
						<p class='now'>
					{else}
						<p class='summary_listing'>
					{/if}
						<b>
						${lang.on} ${lang.between}
						</b>
					</p>
				</td>
				<td class='bottomtr' align='right' style='width:50%;padding-right:10px;'>
					<select
						{if (user.isPro)}
							name="search_hours_from"
							id="search_hours_from"
						{else}
							disabled
						{/if}
						style='width:35%;'
					>
						<option value="" {if (agent!=undefined && agent['time-filter']['@starth']=="")} selected{/if}>-</option>
						{for i in hours24Array}
							<option value="${i}" {if (agent!=undefined && agent['time-filter']['@starth']==i)} selected{/if}> ${i}:00</option>
						{/for}
					</select> -
					<select
						{if (user.isPro)}
							name="search_hours_to"
							id="search_hours_to"
						{else}
							disabled
						{/if}
						style='width:35%;'
					>
						<option value="" {if (agent!=undefined && agent['time-filter']['@endh']=="")} selected{/if}>-</option>
						{for i in hours24Array}
							<option value="${i}" {if (agent!=undefined && agent['time-filter']['@endh']==i)} selected{/if}>${i}:59</option>
						{/for}
					</select>
				</td>
			</tr>
		</table>

<table id="channel_holder" style="width:100%;" cellspacing="0" cellpadding="0" border=0>
		<tr class='tvguidebg' style='z-index:-1000;'>
			<td style="vertical-align:middle;" class="bottomtr">
			    <p class="heading">${lang_html.recommendbtn}</p>
			</td>
			<td style="text-align:right;padding:5px;">
				{if (user.isPro || user.isPlus)}

<select id="selectRecommendations" onchange="show('recommendations','0&start='+this.value,appendDates);" >
						{if (dates!=undefined)}
						  {for d in dates}
							  <option {if (d==selectRecommendationsText) } ${'selected'} {/if} value="${d}">${ucfirst(translate(niceDate(d)))}</option>
						  {/for}
						{/if}
						</select>

{/if}
			</td>
		</tr>
		<tr><td colspan="2">
			{if (program!=undefined)}
				<table style="width:100%" border=0 cellpadding="0" cellspacing="0">
				{for p in program}
					{if (p.start!=undefined)}
						<tr style="vertical-align:middle;height:40px;background-color:white;">
							<td nowrap>
								<p class="now">
								<a href='javascript:showProgram(${p["@id"]})'>${p.start.$}   ${p.title.$}</a>
								</p>
							</td>
							<td style="text-align:center;padding:5px;">
								{if (aGlobalChannel!=undefined && aGlobalChannel[p["@channel"]]!=undefined)}
									<span>
										<a href="javascript:show('channel',${p['@channel']},appendDates)">
										<img style='max-width:50px;vertical-align:middle' align=center src='${urls.server}${aGlobalChannel[p["@channel"]]["logo"]}'/>
										</a>
									</span>
								{/if}

</td>
							<td style="text-align:center;padding:5px;" >
								{if (p['category']!=undefined && p['category']['type']!=undefined)}
									{if (p['category']['type']['$']=="entertainment" || p['category']['type']['$']=="science" || p['category']['type']['$']=="music" || p['category']['type']['$']=="drama" || p['category']['type']['$']=="show")}
										<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.png"/></p>
									{else}
										<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.gif"/></p>
									{/if}
								{/if}
							</td>
						</tr>
						<tr style="background-color:white;"><td colspan="3" class="bottomtr">
						{if ((user.isPro || user.isPlus) && user.summaryListing)}
							{if (p["about"]!=undefined || p["img"]!=undefined || p["teaser"]!=undefined)}
								{if (p["img"]!=undefined)}
								<table align="right" class="summary_listing" cellpadding=0 cellspacing=0>
									<tbody><tr>
										<td>
											<img src="${urls.server}${p["img"]["@src"]}"/>
										</td>
									</tr></tbody>
								</table>
								{/if}
								{if (p["about"]!=undefined || p["teaser"]!=undefined)}
								<p class="summary_listing">
									{if (p["about"]!=undefined)}
										${p["about"]["$"]}
									{else}
										{if (p["teaser"]!=undefined)}
											${p["teaser"]["$"]}
										{/if}
									{/if}
								</p>
								{/if}
							{/if}
						{/if}
						</td></tr>
					{/if}
				{/for}
				</table>
			{else}
				<center><p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.no_airings}</p></center>
			{/if}
		</td></tr>
	</table>

<table class='recommendation_holder' cellspacing="0" border="0" style="width:100%;height:100%" cellpadding="0">
		<tr style='background-color:white;'>
			<td style='width:50%;vertical-align:top;background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/listbg.png);background-repeat:repeat-y;background-position:right;padding-right:20px;'>
				<table style="width:100%;" border=0 cellspacing="0" cellpadding="0">
					<tr class='tvguidebg' style='background-color:white;z-index:-1000;height:52px;overflow:hidden;'>
						<td style="vertical-align:middle;" class="bottomtr">
							<p class="heading">${lang_html.recommendbtn}</p>
						</td>
						<td style="text-align:right;padding:5px;">
							{if (user.isPro || user.isPlus)}

<select id="selectRecommendations" onchange="show('recommendations','0&start='+this.value,appendDates);" >
									{if (dates!=undefined)}
									  {for d in dates}
										  <option {if (d==selectRecommendationsText) } ${'selected'} {/if} value="${d}">${ucfirst(translate(niceDate(d)))}</option>
									  {/for}
									{/if}
									</select>

{/if}
						</td>
					</tr>
				</table>

{var programsCatPresent=0}
				<div id="leftListing" style='height:525px;overflow:auto;'>
					{if (program!=undefined && program.length > 0)}
						<table style="width:100%;" border=0 cellpadding="0" cellspacing="0"  id='categoryListing'>
							{for p in program}
								{if (p["start"]!=undefined || p["@id"]!=undefined)}
									{if programsCatPresent=1}
									{/if}
									<tr  title="${lang.click_program_details}" style="cursor:pointer;vertical-align:middle;height:40px;background-color:white;" class='listing${p["@id"]}' onclick='rightSummary(${p["@id"]});'>
										<td nowrap>
											<p class="now">
											${p["start"]["$"]}: ${p.title.$}
											</p>
										</td>
										<td style="text-align:center;padding:5px;">
											{if (aGlobalChannel!=undefined && aGlobalChannel[p["@channel"]]!=undefined)}
												<span>
													<a href='javascript:show("channel","${p["@channel"]}",appendDates)'><img style='padding-top:10px;max-height:40px;max-width:50px;padding-right:4px;' src='${urls.server}${aGlobalChannel[p["@channel"]]["logo"]}'/></a>
												</span>
											{/if}
										</td>
										<td style="text-align:center;padding:5px;" >
											{if (p['category']!=undefined && p['category']['type']!=undefined)}
												{if (p['category']['type']['$']=="entertainment" || p['category']['type']['$']=="science" || p['category']['type']['$']=="music" || p['category']['type']['$']=="drama" || p['category']['type']['$']=="show")}
													<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.png"/></p>
												{else}
													<p><img src="${urls.server}/imgs/design/epg/types/${p['category']['type']['$']}.gif"/></p>
												{/if}
											{/if}
										</td>
									</tr>
									<tr title="${lang.click_program_details}" style="cursor:pointer;background-color:white;" class='listing${p["@id"]}' onclick='rightSummary(${p["@id"]});' ><td colspan="3" class="bottomtr">
									{if ((user.isPro || user.isPlus) && user.summaryListing)}
										{if (p["about"]!=undefined || p["img"]!=undefined || p["teaser"]!=undefined)}
											{if (p["img"]!=undefined)}
											<table align="right" class="summary_listing" cellpadding=0 cellspacing=0>
												<tbody><tr class='listing${p["@id"]}'>
													<td>
														<img src="${urls.server}${p["img"]["@src"]}"/>
													</td>
												</tr></tbody>
											</table>
											{/if}
											{if (p["about"]!=undefined || p["teaser"]!=undefined)}
											<p class="summary_listing">
												{if (p["about"]!=undefined)}
													${p["about"]["$"]}
												{else}
													{if (p["about"]!=undefined)}
														${p["about"]["$"]}
													{else}
														{if (p["teaser"]!=undefined)}
															${p["teaser"]["$"]}
														{/if}
													{/if}
												{/if}
											</p>
											{/if}
										{/if}
									{/if}
									</td></tr>
								{/if}
							{/for}
						</table>
					{else}

<p style="text-align:center; margin-top:15px; font-weight:bold;">${lang.no_airings}</p>

{/if}
				</div>

</td>
			<td style='width:50%;height:100%;vertical-align:top;'>
				<div style="height:575px;overflow:auto;width:100%;" id='summaryHolderIpad'>
					<table  style='width:100%;height:100%;background-color:#DCEBEE;'>
						<tr>
							<td>
								<center style='color:#C0CFD2;'>
									<h2>${lang.select_a_program}</h2>
								</center>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>

<table id="channel_holder" style="width:100%;" border=0 cellspacing="0" cellpadding="0">
	{var channelPresent=0}
	{if (channel!=null) }
		{if (channel[0]==undefined) && (channel.img!=undefined) && (channel['@id']!=0)}
			{if (channelPresent=1)}{/if}
			<tr class='tvguidebg' style='z-index:-1000;'>
				<td class='bottomtr tvguide_logobg'>
					  <img align='center' src='${urls.server}/${channel['img'][1]['@src']}' class='resizeLogo'/>
				</td>
				<td style="padding:5px 2px 7px 2px;vertical-align: middle;" class='bottomtr'>
				    <p class="now">${channel['title']['$']}</p>
				    <p class="next" style="color:#858585">${channel['@region']}</p>
				</td>
				<td class='bottomtr'  style="width:30px">
					<input type="checkbox" onclick="updateChannels(${channel['@id']}, this);"/>
				</td>
			</tr>
		{else}
			{for c in channel}
				{if (c['@id']!=0)}
					<tr class='tvguidebg' style='z-index:-1000;'>
					      <td class='bottomtr tvguide_logobg'>
							<img align='center' src='${urls.server}/${c['img'][1]['@src']}' class='resizeLogo'/>
					      </td>
					      <td style="padding:5px 2px 7px 2px;vertical-align: middle;" class='bottomtr'>
						  <p class="now">${c['title']['$']}</p>
						  <p class="next" style="color:#858585">${c['@region']}</p>
					      </td>
					      <td class='bottomtr'  style="width:30px;">
						      <input type="checkbox" onclick="updateChannels(${c['@id']}, this);"/>
					      </td>
					</tr>
					{if (channelPresent=1)}{/if}
				{/if}
			{/for}
		{/if}
	{/if}
	{if (channelPresent==0)}
		<tr>
			<td colspan="3"><p class="now" style="text-align:center;padding-top:10px;">${lang.no_channels}</p></td>
		</tr>
	{/if}

</table>

{var channelPresent=0}
	<ul id="sortable" style="padding:0px;margin:0px;">
	{if (channel!=null) }
		{if (channel[0]==undefined) && (channel.img!=undefined)}
			{if (channelPresent=1)}{/if}
			<li style="padding:0px;margin:0px;"><table id="channel_holder" style="width:100%;" cellspacing="0" cellpadding="0">
			<tr class='tvguidebg' style='z-index:-1000;' id="row_${channel['@id']}">
				<td class='bottomtr tvguide_logobg'>
					  <img align='center' src='${urls.server}/${channel['img'][1]['@src']}' class='resizeLogo'/>
				</td>
				<td style="padding:5px 2px 7px 2px;vertical-align: middle;" class='bottomtr'>
				    <p class="now">${channel['title']['$']}</p>
				    <p class="next" style="color:#858585">${channel['@region']}</p>
				</td>
				<td class='bottomtr'  style="width:25px">
					<img src="${urls.server}/extern/widget/build/igoogle.dk/imgs/delete.gif" style="cursor:pointer;" onclick="updateChannels(${channel['@id']}, this);"/>
				</td>
			</tr>
			</table></li>
		{else}
			{for c in channel}
				<li id="${c['@id']}" style="padding:0px;margin:0px;" title="${lang.reorder_channel}"><table id="channel_holder" style="width:100%;" cellspacing="0" cellpadding="0">
				<tr class='tvguidebg' style='z-index:-1000;cursor:move;'>
				      <td class='bottomtr tvguide_logobg'>
						<img align='center' src='${urls.server}/${c['img'][1]['@src']}' class='resizeLogo'/>
				      </td>
				      <td style="padding:5px 2px 7px 2px;vertical-align: middle;" class='bottomtr'>
					  <p class="now">${c['title']['$']}</p>
					  <p class="next" style="color:#858585">${c['@region']}</p>
				      </td>
				      <td class='bottomtr' style="width:25px">
					      <img src="${urls.server}/extern/widget/build/igoogle.dk/imgs/delete.gif" style="cursor:pointer;" onclick="updateChannels(${c['@id']}, this);"/>
				      </td>
				</tr>
				</table></li>
				{if (channelPresent=1)}{/if}
			{/for}
		{/if}
	{/if}
	</ul>
	{if (channelPresent==0)}
		<table id="channel_holder" style="width:100%;" cellspacing="0" cellpadding="0">
		<tr>
			<td colspan="3"><p class="now" style="text-align:center;padding-top:10px;">${lang.no_channels}</p></td>
		</tr>
		</table>
	{/if}

<table id="channel_holder" border=0 width='100%' style='padding:0px;background-color:#E6F1F3;' cellpadding="0" cellspacing="0">
            <tr style='vertical-align:top;padding:3px;'>
                <td style='width:50%;vertical-align:middle;background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/listbg.png);background-repeat:repeat-y;background-position:right;padding-right:20px;'>
                    {if (cnt=0)}
                    {/if}

{for ac in channel}
                            {if (cnt=cnt+1)}
                            {/if}
                            {if (ac['@id'] != "")}
                                <table  cellspacing="0" cellpadding="0" border="0" style='width:100%;'>

<tr class='tvguidebg' style='z-index:-1000;height:52px;overflow:hidden;'>
                                        <td class="bottomtr ipadLogoBG" style="margin:auto;background-position:center;width:105px;height:50px;">
                                            <img style="padding-bottom:0px;padding-right:4px;max-width:70px;max-height:32px;" src='${urls.server}/${ac['img'][1]['@src']}' />
                                        </td>
                                        <td style="padding:5px 2px 7px 20px;vertical-align: middle;" class='bottomtr'>
                                            <p class="heading"> ${ac['title']['$']}</p>
					    <p class="now" style="color:#858585">${ac['@region']}</p>
                                        </td>
                                        <td class="bottomtr" style="text-align: center;width:10%">
                                            <input type="checkbox" onclick="updateChannels(${ac['@id']}, this);"/>
                                        </td>
                                    </tr>

</table>
                            {/if}
                </td>
                        {if (cnt%2 == 0)}
                </tr>
                <tr style='vertical-align:top;padding:0px;'>
                        {/if}
                        <td style='width:50%;vertical-align:middle;{if (cnt%2 == 0)}background-image:url(${urls.server}/extern/widget/build/igoogle.dk/imgs/listbg.png);background-repeat:repeat-y;background-position:right;padding-right:20px;{/if}'>
                        {/for}
                </tr>
        </table>

document.write(lang_html.fetching_content); ...

...