<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/div/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Vdr on SmartTV</title>

       <script type="text/javascript" src="$MANAGER_WIDGET/Common/OpenSrc/jquery-1.4.2.min.js"></script>            
<!--        <script type="text/javascript" src="$MANAGER_WIDGET/Common/OpenSrc/jquery-1.4.2.min.js"></script>             -->
<!--         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> -->
<!--         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> -->

        <!-- Common widget API -->
        <script type='text/javascript' language='javascript' src='$MANAGER_WIDGET/Common/API/Widget.js'></script>
      	<script type='text/javascript' language='javascript' src='$MANAGER_WIDGET/Common/API/Plugin.js'></script>
        <script type='text/javascript' language='javascript' src='$MANAGER_WIDGET/Common/API/TVKeyValue.js'></script>
        <script type="text/javascript" language="javascript" src="$MANAGER_WIDGET/Common/Util/Include.js"></script>
        <script type="text/javascript" language="javascript" src="$MANAGER_WIDGET/Common/Util/Language.js"></script>
		<script type="text/javascript" language="javascript" src="$MANAGER_WIDGET/Common/Plugin/Define.js"></script>
		<script type="text/javascript" language="javascript" src="$MANAGER_WIDGET/Common/webapi/1.0/deviceapis.js"></script>
		<script type="text/javascript" language="javascript" src="$MANAGER_WIDGET/Common/webapi/1.0/webapis.js"></script>
        
        <!-- Widget code -->
        <script language="javascript" type="text/javascript" src="Javascript/Main.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Server.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Data.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Player.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Display.js"></script>
<!--        <script language="javascript" type="text/javascript" src="Javascript/Audio.js"></script>-->
        <script language="javascript" type="text/javascript" src="Javascript/Network.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Config.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Helpbar.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Options.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Epg.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Spinner.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Buttons.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Notify.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/DirectAccess.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Timers.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Lang.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Urls.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Comm.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/OverlayMenu.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/SelectScreen.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/ImgViewer.js"></script>
                
        <!-- Style sheets -->
        <link rel="stylesheet" href="CSS/Main.css" type="text/css">

        <!-- Plugins -->
<!--        <object id="pluginPlayer" border=0 classid="clsid:SAMSUNG-INFOLINK-PLAYER"></object>		-->

<!--        <object id="pluginAudio" border=0 classid="clsid:SAMSUNG-INFOLINK-AUDIO"></object>-->
        <object id="pluginTime" border=0 classid="clsid:SAMSUNG-INFOLINK-TIME"></object>
        <object id="pluginObjectTVMW" border=0 classid="clsid:SAMSUNG-INFOLINK-TVMW"></object>  
        <object id="pluginObjectVideo" border=0 classid="clsid:SAMSUNG-INFOLINK-VIDEO"></object>
        <object id="pluginObjectScreen" classid="clsid:SAMSUNG-INFOLINK-SCREEN"></object>      
        <object id="pluginObjectNNavi" border=0 classid="clsid:SAMSUNG-INFOLINK-NNAVI"></object>
        <object id="pluginObjectAppCommon" border=0 classid="clsid:SAMSUNG-INFOLINK-APPCOMMON"></object>
                
        <object id="pluginNetwork" border=0 classid="clsid:SAMSUNG-INFOLINK-NETWORK"></object>

        <object id="pluginTaskmgnt" border=0 classid="clsid:SAMSUNG-INFOLINK-TASKMANAGER"></object>
<!--        <object id="pluginSef" border="0" classid="clsid:SAMSUNG-INFOLINK-SEF"
        style="opacity:0.0; background-color:#000000; width:300px; height:100px;">
    	</object> 
-->
        
    </head>

    <body onunload="Main.onUnload();">

        <!-- Dummy anchor as focus for key events -->
        <a href='javascript:void(0);' id='anchor' onkeydown='Main.keyDown();'></a>

		<div id="webapiplayer"></div>
        <!-- Layout begins -->
		<div id="statusPopup"></div>
		<div id="notify">
			<div id="notifSpinner">
				<img ></img>
			</div>
		</div>
		<div id="popup"></div>
		<div id="selectScreen">
			<div id="widgetVersion" style="font-size:10px"></div>
			<div id="selectView">
				<table id="selectStatus" width="100%" padding-bottom="15px">
				<tr align="center">
				<td id="selectNow">0:0</td>
				<td id="selectTitle"> </td>
				<td id="selectDisk">Free: 1Gb</td>
				</tr>
				</table>
			</div>
		</div>
		<div id="optionsScreen">
			<div id="optionsView">
				<a href='javascript:void(0);' id='optionsViewAnchor' onkeydown='Options.onInput();' ></a>
			
			<b>Server Configurations</b><br><br>
			Address (host:port) http://<input type="text" id="widgetServerAddr" onkeydown='Options.onInput();' maxlength="25">
			<br><br>
			<div id="optionsList"></div>
		</div>
		</div>
		
        <div id="main">
			<center>
			<table width="90%">
			<tr >
			<td id="logoNow" >0:0</td>
			<td id="logoTitle">VDR on SmartTV</td>
			<td id="logoDisk">Free 0Gb</td>
			</tr>
			</table>
			</center>
            <div id ="rightHalf">
                <div id="status" style="width: 100%"></div>
                <div id="description" >
					<div id="descTitle" align="left" style="padding-bottom: 10px;width: 100%"></div>
					<div id="descProg" style="width: 100%"></div>
					<div id="descStart" style="width: 100%"></div>
					<div id="descDuration" style="width: 100%"></div>
					<div id="descRemaining" style="width: 100%"></div>
					<div style="width: 100%;" >
						<img id="descImg" style="padding-top:20px;margin:4px;float:right" />
						<div id="descDesc" style="width: 100%;padding-top:20px;"></div> 
					</div>
				</div>
            </div>
            <div id="leftHalf">
                <div id="videoCount"></div>
                <div id="videoList" class="style_videoList">
                    <div id="video0"></div>
                    <div id="video1"></div>
                    <div id="video2"></div>
                    <div id="video3"></div>
                    <div id="video4"></div>
                    <div id="video5"></div>
                    <div id="video6"></div>
                    <div id="video7"></div>
                    <div id="video8"></div>
                    <div id="video9"></div>
                    <div id="video10"></div>
                    <div id="video11"></div>
                    <div id="video12"></div>
                    <div id="video13"></div>
                    <div id="video14"></div>
                    <div id="video15"></div>
                </div>
            </div> 
        </div>
        <div id="volume">
         	<div id="volumeIcon"></div>
            <div id="volumeBarBG">
               	<div id="volumeBar"></div>
           	</div>
            <div id="volumeInfo"></div>
        </div>
        
		<div id="overlay">
			<div id="olTitle"></div>
			<div id="olStartStop"></div>
			<div id="olNow"></div>
			<div id="olProgressBarBG">
				<div id="olRecProgressBar"></div>
				<div id="olProgressBar"></div>
			</div>
			<div id="buffering">
				<div id="bufferingBG">
					<div id="bufferingBar"></div>
				</div>
			</div>
			<div id="olTimeInfo"></div>
		
		</div>
		
		<div id="infoOverlay">
			<table height="100%" width="90%">
				<tr><th id="infoTitle" align="left">
				</th></tr>
				<tr><td id="infoDuration">
				</td></tr>
				<tr><td id="infoDesc">
				</td></tr>
				<tr><td id="infoAudio" >
				</td></tr>
				
		</table>
		</div>
		<div id="Spinning">
			<img ></img>
		</div>
		<div id="prc-buttons">
		        <a href='javascript:void(0);' id='prc-buttons-anchor' ></a>
				<!-- onkeydown='Buttons.onPrInput();'-->
		</div>
		<div id="yn-buttons">
		        <a href='javascript:void(0);' id='yn-buttons-anchor' ></a>
				<!-- onkeydown='Buttons.onPrInput();'-->
		</div>
		<div id="directChanAccess" style= "left: 87%; top: 10px; width:8%; height: 10%; position: absolute; text-align:center;">
		<table style="height: 100%; width: 80%">
		<tr><td>
		        <a href='javascript:void(0);' id='directAccessAnchor' onkeydown='DirectAccess.onInput();' ></a>
				<div id='directAccessText'></div>
				<!--		 	<input type="text" id="directAccessAnchor" onkeydown='DirectAccess.onInput();' maxlength="4" size="4">-->
		</td></tr>
		</table>
		</div>
		<div id="overlayMenu">
			<a href='javascript:void(0);' id='overlayMenu-anchor' ></a>
		</div>
		<div id="timerScreen">
			<a href='javascript:void(0);' id='timerScreen-anchor'></a>
			<div id="timerView"></div>
		</div>

		<div id="imageViewer">
			<a href='javascript:void(0);' id='iv-anchor'></a>
			<img id="ivImage"></div>			
			<div id="ivOverlay"></div>
		</div>
	</body>
</html>