GlamTV

<table cellpadding='0' cellspacing='0' border='0' width='540' id='thumbTableEnd'>
    <div style="width:540px;height:185px;">
    <div style="padding-top: 10px; padding-left: 0px; padding-bottom: 5px;">
    	<span style="color:#cccccc;font-size:14px;">Just Watched</span>
    	<span style="color:#cccccc;font-size:14px;padding-left:50px;" id="divEndTimer1">Up Next</span>
    	<span style="float: right; padding-right: 10px;color:#cccccc;font-size:14px;" id="divEndTimer"></span>
    </div>
    <div style="float: left;">
    	
	    <div style="float: left; width: 123px; height: 23px; text-align: center; margin-right: 15px;padding-bottom:10px;">
	    	<a href="javascript:watchagain('${gCurrentPlayType}','${gLatestThumbIndex}')"><img src="images/watchagain.png" border="0"></img></a>
	    </div>
	    <div style="cursor:pointer;width:105px;" onclick="watchagain('${gCurrentPlayType}','${gLatestThumbIndex}')">
		    <img src="${gLatestThumbs[gLatestThumbIndex].THUMBURL}" style="border:1px solid #636363" height="60" width="105" alt="${gLatestThumbs[gLatestThumbIndex].TITLE}" /></div>
		        <div style="cursor:pointer;float: left; font-size: 12px; width: 120px;" onclick="watchagain('${gCurrentPlayType}','${gLatestThumbIndex}')">${gLatestThumbs[gLatestThumbIndex].TITLENEW}<br/><span style="color:#8E8E8E">${gLatestThumbs[gLatestThumbIndex].AUTHOR}</span></div>
		    </div>
	    <div style="float: left; width: 380px; height: 125px; border: 1px solid #CCCCCC; padding-top: 5px; padding-left: 5px;display:{if gNextThumbIndex!=-1}block{else}none{/if};">
	    
		    <div style="cursor:pointer;float:left;width:160px;display:{if gNextThumbIndex!=-1}block{else}none{/if};" onclick="playnext('${gNextThumbIndex}')">
		    <img src="${gNextThumbs[gNextThumbIndex].THUMBURL}" style="display:{if gNextThumbIndex!=-1}block{else}none{/if};border:1px solid #636363;max-width:160px;" height="120" alt="${gNextThumbs[gNextThumbIndex].TITLE}" /></div>
		        <div style="cursor:pointer;display:{if gNextThumbIndex!=-1}block{else}none{/if};float: right; font-size: 14px; width: 200px;" onclick="playnext('${gNextThumbIndex}')">${gNextThumbs[gNextThumbIndex].TITLE}<br/><span style="color:#8E8E8E">${gNextThumbs[gNextThumbIndex].AUTHOR}</span></div>
		    </div>
	    </div>
    </div>
    <div style="float:none;margin-top:5px;">
    	<span>You may also enjoy :</span>
    </div>
    <div style="position: absolute; left: -12px; top: 225px;">
    	<div width="" onmouseover="document.getElementById('thmbe1').src='images/leftarrow_rollover.png';" onmouseout="document.getElementById('thmbe1').src='images/leftarrow.png';" style="visibility:{if gCurrentPageEnd>1}visible{else}hidden{/if};padding-left:18px; padding-right:5px; z-index:1000;">
				<IMG onclick="gotoPageEnd(gEndParam1,gEndParam2,gCurrentPageEnd-1);" src="images/leftarrow.png"  border="0" style="cursor:pointer;" id="thmbe1" >
			</div>
	</div>
    {for thumb in items}
       {if thumb_index%4 == 0}
       <tr>
	       
       {/if}
       {if thumb_index < items.length} 
       <td id="thumbCell${thumb_index}" width="125">
        <a href="javascript:showVideoEnd(${thumb_index})"
           class="thumbEntry" title="${thumb.TITLE}" onfocus="this.blur()">
            <div style="width:123px;height:67px;background-color:#000000;text-align:center;border:1px solid #636363;margin:4px 5px 0px 0px;" onmouseover="document.getElementById('tOver4_${thumb_index}').style.visibility='visible';" onmouseout="document.getElementById('tOver4_${thumb_index}').style.visibility='hidden';">
                <img src="images/videoarrow_rollover.png"  border="0" height="34" width="34"
                     alt="${thumb.TITLE}" class="tiOver {if gCurrentThumbsEnd && gCurrentThumbsEnd.ID == thumb.ID} visible{/if}"  
                     id="tOver4_${thumb_index}"
                     />
                 <img src="images/thumbPlayOver.gif" border="0" height="69" width="125"
                     alt="${thumb.TITLE}" class="thumbOver {if (gCurrentThumbsEnd && gCurrentThumbsEnd.ID == thumb.ID) && (gLatestThumbs[gLatestThumbIndex+1]==thumb.ID)} visible{/if}"
                     id="thumbOverEnd${thumb_index}"
                     />
                <img src="${thumb.THUMBURL}" height="67" alt="${thumb.TITLE}" style="float:none;max-width:123px;"  />
                <div>${thumb.TITLENEW}<br/><span>${thumb.AUTHOR}</span></div>
            </div>
        </a>
       </td>
       {/if}
       {if items.length < 4 && thumb_index < items.length}
          {if items.length==1}
           <td style="background:none;" width="384" colspan="2"></td>
         {elseif items.length == 2 && thumb_index == items.length-1}
           <td style="background:none;" width="197"></td>
         {/if}
       {/if}   
       {if thumb_index%4 == 3}
       
       </tr>
       {/if}   
    {/for}
    <div width="" onmouseover="document.getElementById('thmbe2').src='images/rightarrow_rollover.png';" onmouseout="document.getElementById('thmbe2').src='images/rightarrow.png';" style="visibility:{if gCurrentPageEnd<=gTotalPagesEnd-1}visible{else}hidden{/if};position: absolute; top: 225px; left: 565px; z-index:1000;">
		<IMG onclick="gotoPageEnd(gEndParam1,gEndParam2,gCurrentPageEnd+1);"
			 src="images/rightarrow.png" border="0" style="cursor:pointer" id="thmbe2" >
		
    </div>
  </table>

<table cellpadding='0' cellspacing='3' border='0' width='520' id='thumbTableMore'>
    <div  style="visibility:{if gCurrentPageMore>1}visible{else}hidden{/if};position: absolute; top: 150px; left: -10px; z-index:1000;">
    	<div  width="" style="padding-left:18px;padding-right:5px;">
				<IMG onclick="gotoPageMore(gMoreParam1,gMoreParam2,gCurrentPageMore-1);" src="images/leftarrow.png"  border="0" style="cursor:pointer;" id="thmbm1" onmouseover="document.getElementById('thmbm1').src='images/leftarrow_rollover.png';" onmouseout="document.getElementById('thmbm1').src='images/leftarrow.png';">
			</div>
	</div>
    {for thumb in items}
       {if thumb_index%4 == 0}
       <tr>
	       
       {/if}
       {if thumb_index < items.length} 
       <td id="thumbCell${thumb_index}" width="125">
        <a href="javascript:showVideoMore(${thumb_index})"
           class="thumbEntry" title="${thumb.TITLE}" onfocus="this.blur()">
            <div style="width:105px;height:60px;background-color:#000000;text-align:center;border:1px solid #636363;margin:4px 5px 0px 0px;" onmouseover="document.getElementById('tOver3_${thumb_index}').style.visibility='visible';" onmouseout="document.getElementById('tOver3_${thumb_index}').style.visibility='hidden';">
                <img src="images/videoarrow_rollover.png"  border="0" height="34" width="34"
                     alt="${thumb.TITLE}" class="tiOver {if gCurrentThumbsMore && gCurrentThumbsMore.ID == thumb.ID} visible{/if}"  
                     id="tOver3_${thumb_index}"
                     />
                 <img src="images/thumbPlayOver.gif" border="0" height="62" width="107"
                     alt="${thumb.TITLE}" class="thumbOver {if gCurrentThumbsMore && gCurrentThumbsMore.ID == thumb.ID} visible{/if}"
                     id="thumbOverMore${thumb_index}"
                     />
                <img src="${thumb.THUMBURL}" height="60" alt="${thumb.TITLE}" style="float:none;max-width:105px;"  />
                <div>${thumb.TITLENEW}<br/><span>${thumb.AUTHOR}</span></div>
            </div>
        </a>
       </td>
       {/if}
       {if items.length < 4 && thumb_index < items.length}
          {if items.length==1}
           <td style="background:none;" width="384" colspan="2"></td>
         {elseif items.length == 2 && thumb_index == items.length-1}
           <td style="background:none;" width="125"></td>
         {/if}
       {/if}   
       {if thumb_index%4 == 3}
       
       </tr>
       {/if}   
    {/for}
    <div width="" onmouseover="document.getElementById('thmbm2').src='images/rightarrow_rollover.png';" onmouseout="document.getElementById('thmbm2').src='images/rightarrow.png';" style="visibility:{if gCurrentPageMore<=gTotalPagesMore-1}visible{else}hidden{/if};position: absolute; float: right; top: 150px; left: 558px; z-index:1000;">
		<IMG onclick="gotoPageMore(gMoreParam1,gMoreParam2,gCurrentPageMore+1);"
			 src="images/rightarrow.png" border="0" style="cursor:pointer" id="thmbm2" >
		</div>
    
  </table>

<table cellpadding='0' cellspacing='0' border='0' width='540' id='thumbTable'>
    <tr>
    	
     	<td width="" style="visibility:{if gCurrentPage>1}visible{else}hidden{/if};padding-left: 18px; float: left; width: 10px; padding-top: 18px; padding-right: 15px;">
			<IMG onclick="gotoPage(gCurrentCatType,gCurrentCatName,gCurrentPage-1);" src="images/leftarrow.png"  border="0" style="cursor:pointer;" id="thmb1" onmouseover="document.getElementById('thmb1').src='images/leftarrow_rollover.png';" onmouseout="document.getElementById('thmb1').src='images/leftarrow.png';">
		</td>
		
		<div id="scrollingContainer">
    {for thumb in items}
       {if thumb_index < items.length} 
       
       <td id="thumbCell${thumb_index}" width="105" >
        <a href="javascript:showVideo(${thumb_index})"
           class="thumbEntry" title="${thumb.TITLE}" onfocus="this.blur()">
            <div style="width:105px;height:60px;background-color:#000000;text-align:center;border:1px solid #636363;margin:4px 5px 0px 0px;" onmouseover="document.getElementById('tOver1_${thumb_index}').style.visibility='visible';" onmouseout="document.getElementById('tOver1_${thumb_index}').style.visibility='hidden';" >
                <img src="images/videoarrow_rollover.png"  border="0" height="34" width="34"
                     alt="${thumb.TITLE}" class="tiOver {if gCurrentThumb && gCurrentThumb.ID == thumb.ID} visible{/if}"  
                     id="tOver1_${thumb_index}"
                     />
                 <img src="images/thumbPlayOver.gif" border="0" height="62" width="107"
                     alt="${thumb.TITLE}" class="thumbOver {if gCurrentThumb && gCurrentThumb.ID == thumb.ID} visible{/if}"
                     id="thumbOver${thumb_index}"
                     />
                <img src="${thumb.THUMBURL}" height="60" alt="${thumb.TITLE}" style="float:none;max-width:105px;" />
                <div id="divO${thumb_index}">${thumb.TITLENEW}<br/><span>${thumb.AUTHOR}</span></div>
            </div>
        </a>
       </td>
       
       {/if}
       {/for}
       </div>
       <td width="" style="visibility:{if gCurrentPage<=gTotalPages-1}visible{else}hidden{/if};padding-right: 10px; float: left; width: 8px;">
		<IMG onclick="gotoPage(gCurrentCatType,gCurrentCatName,gCurrentPage+1);"
			 src="images/rightarrow.png" border="0" style="cursor:pointer" id="thmb2" onmouseover="document.getElementById('thmb2').src='images/rightarrow_rollover.png';" onmouseout="document.getElementById('thmb2').src='images/rightarrow.png';">
		</td>
      
      
       
    
  </table>

<table cellpadding='0' cellspacing='0' border='0' width='250' id='thumbTableFtr'>
    
    {for thumb in items}
    	{if thumb_index%3 == 0}
       		
       {/if}
       {if thumb_index < items.length} 
       <tr>
       <td id="thumbCell${thumb_index}" width="300">
       {if thumb_index == 2}
       <div style="float:left;width:300px;border-bottom:1px solid #636363;margin-bottom:2px;margin-top: 2px;">
       {else}
       <div style="float:left;width:300px;border-bottom:1px dotted #636363;margin-bottom:2px;margin-top: 2px;">
       {/if}
        <a href="javascript:showVideoFtr(${thumb_index})"
           class="thumbEntry" title="${thumb.TITLE}" onfocus="this.blur()">
            <div style="width:105px;height:60px;background-color:#000000;text-align:center;margin:0px 0px 0px 0px;" onmouseover="document.getElementById('tOver2_${thumb_index}').style.visibility='visible';" onmouseout="document.getElementById('tOver2_${thumb_index}').style.visibility='hidden';">
                <img src="images/videoarrow_rollover.png"  border="0" height="34" width="34"
                     alt="${thumb.TITLE}" class="tiOver {if gCurrentThumb && gCurrentThumb.ID == thumb.ID} visible{/if}"  
                     id="tOver2_${thumb_index}"
                     />
                 <img src="images/thumbPlayOver.gif" border="0" height="62" width="107"
                     alt="${thumb.TITLE}" class="thumbOverFtr {if gCurrentThumb && gCurrentThumb.ID == thumb.ID} visible{/if}"
                     id="thumbOverFtr${thumb_index}"
                     />
                
                <img src="${thumb.THUMBURL}" height="60" alt="${thumb.TITLE}" style="float:none;max-width:105px;"  /></div>
                <div style="">${thumb.TITLENEW}<br/><span>${thumb.AUTHOR}</span></div>
            </div>
            
        </a>
       </td>
       </tr>
       {/if}
       {if items.length < 3 && thumb_index < items.length}
          {if items.length==1}
          <tr>
           <td style="background:none;" width="384" colspan="2"></td></tr>
         {elseif items.length == 2 && thumb_index == items.length-1}
         
           <tr><td style="background:none;" width="197"></td></tr>
         {/if}
       {/if}   
       {if thumb_index%3 == 2}
       
       {/if}   
    {/for}
  </table>

<div id="divchannels" style="display:none;">
	 <div style="display:none;float:left;border-bottom:1px solid #636363;width:600px;margin-left:10px;">
    	<div style="margin-left:7px;width: 100px; float: left; height: 20px; color: rgb(0, 0, 0); font-family: georgia; font-style: italic; font-size: 10pt;">Alphabetical</div>
    	<div style="width: 100px; float: left; height: 20px; color: rgb(0, 0, 0); font-family: georgia; font-style: italic; font-size: 10pt;;">Most Recent</div>
    </div>
    <table cellpadding='0' cellspacing='3' border='0' width='600' height="100" id='tblchannels' style="float:left;padding-top:10px;">
    {for i in channels}    
      {if typeof i == "string"}
      {if i_index%4 == 0}
       <tr>
       {/if}
       {if i_index < channels.length} 
       <td id="channel${i_index}" width="25">
        <a href="javascript:selectCat1('channel', ${i_index})"
           class="pointer" title="${i}" onfocus="this.blur()">
            <div>
                ${i}
            </div>
        </a>
       </td>
       {/if}
       {if channels.length < 4 && i_index < channels.length}
          {if channels.length==1}
           <td style="background:none;" width="50" colspan="2"></td>
         {elseif channels.length == 2 && i_index == channels.length-1}
           <td style="background:none;" width="30"></td>
         {/if}
       {/if}   
       {if i_index%4 ==3}
       </tr>
       {/if}   
      
      {/if}
    {/for}
    </table>
    <div id="pageNavPosition" style="width:210px;float:right;margin-top:10px;margin-right: -10px;"></div>
</div>

<div id="divproviders" style="display:none;">
    <div style="display:none;float:left;border-bottom:1px solid #636363;width:600px;margin-left:10px;">
    	<div style="margin-left:7px;width: 100px; float: left; height: 20px; color: rgb(0, 0, 0); font-family: georgia; font-style: italic; font-size: 10pt;">Alphabetical</div>
    	<div style="width: 100px; float: left; height: 20px; color: rgb(0, 0, 0); font-family: georgia; font-style: italic; font-size: 10pt;;">Most Recent</div>
    </div>
    <table cellpadding='0' cellspacing='3' border='0' width='600' height="110" id='tblProviders'  style="float:left;padding-top:10px;">
    
    
    {for i in providers}    
      {if typeof i == "string"}
      {if i_index%4 == 0}
       <tr>
       {/if}
       {if i_index < providers.length} 
       <td id="provider${i_index}" width="25">
        <a href="javascript:selectCat1('provider', ${i_index})"
           class="pointer" title="${i}" onfocus="this.blur()">
            <div>
                ${i}
            </div>
        </a>
       </td>
       {/if}
       {if providers.length < 4 && i_index < providers.length}
          {if providers.length==1}
           <td style="background:none;" width="50" colspan="2"></td>
         {elseif providers.length == 2 && i_index == providers.length-1}
           <td style="background:none;" width="30"></td>
         {/if}
       {/if}   
       {if i_index%4 == 3}
       </tr>
       {/if}   
      
      {/if}
    {/for}
   
    </table>
    <div id="pageNavPosition1" style="width:210px;float:right;margin-right: -10px;"></div>
</div>