<!doctype html>

<html>
<head>
	<meta charset="utf-8">
	<script src="./ext.js"></script>
	<script src="./lib/CSInterface-5.0.0.js"></script>
	<script src="./lib/jquery-1.9.1.min.js"></script>

	<link id="ppstyle" rel="stylesheet" type="text/css" href="./style.css">
	<link id="theme" rel="stylesheet" type="text/css" href="./lightTheme.css">
	<title></title> 
</head>

<body onLoad="onLoaded()" onkeydown="KeyDetect(event)" oncontextmenu="return false;" ondragstart="return false;">

	<div id="content" class="mainContainer">
		<div id="firstpage" >
			<div class="appLogo">
				<img src="image/InDesignLogo_48x48.png" style="float:left" />
				<div class="appName" data-locale='Product_Branding_Label'></div>
			</div>

			<div class="featurelist">
				<div class="whatsNewSection">
					<div class="posterFrame">
						<a class="posterLink" href="#" onclick="onVideoClick('1')" tabindex="0" id="feature1"><img id="posterFeature1" src=""/></a>
					</div>
					<div class="whatsNewText">
						<a onclick="onVideoClick('1')"><span class="textHeader" data-locale='Heading_Feature1'></span><br /></a>
						<span class="textDescription" data-locale='Text_Feature1'></span>
					</div>
				</div>
				<div class="whatsNewSection">
					<div class="posterFrame">
						<a class="posterLink" href="#" onclick="onVideoClick('2')" tabindex="-1" id="feature2"><img id="posterFeature2" src=""/></a>
					</div>
					<div class="whatsNewText">
						<a onclick="onVideoClick('2')"><span class="textHeader" data-locale='Heading_Feature2'></span><br /></a>
						<span class="textDescription" data-locale='Text_Feature2'></span>
					</div>
				</div>
				<div class="whatsNewSection">
					<div class="posterFrame">
						<a class="posterLink" href="#" onclick="onVideoClick('3')" tabindex="-1" id="feature3"><img id="posterFeature3"src=""/></a>
					</div>
					<div class="whatsNewText">
						<a onclick="onVideoClick('3')"><span class="textHeader" data-locale='Heading_Feature3'></span><br /></a>
						<span class="textDescription" data-locale='Text_Feature3'></span>
					</div>
				</div>
				<div class="whatsNewSection">
					<div class="posterFrame">
						<a class="posterLink" href="#" onclick="onVideoClick('4')" tabindex="-1" id="feature4"><img id="posterFeature4" src=""/></a>
					</div>
					<div class="whatsNewText">
						<a onclick="onVideoClick('4')"><span class="textHeader" data-locale='Heading_Feature4'></span><br /></a>
						<span class="textDescription" data-locale='Text_Feature4'></span>
					</div>
				</div>
				<div class="whatsNewSection">
					<div class="posterFrame">
						<a class="posterLink" href="#" onclick="onVideoClick('5')" tabindex="-1" id="feature5"><img id="posterFeature5" src=""/></a>
					</div>
					<div class="whatsNewText">
						<a onclick="onVideoClick('5')"><span class="textHeader" data-locale='Heading_Feature5'></span><br /> </a>
						<span class="textDescription" data-locale='Text_Feature5'></span>
					</div>
				</div>
			</div>

            <div class="middleBar">
  	            <div class="middleBarLeftBlock">
  		            <div class="hyperlinkText">
  			            <a id="AllEnhancementsText" style="float:left" href="#" onclick="OpenLinkInBrowser()" data-locale='All_Enhancements_Link_Label'></a>
  		            </div>
  	            </div>
  	            <div id="icoBut" class="middleBarRightBlock">
  		            <button type="button" onclick="onUpButtonClick()" id="upbutton" disabled><div class="icoButtonUp overlayIcon"></div></button>
  		            <button type="button" onclick="onDownButtonClick()" id="downbutton"><div class="icoButtonDown overlayIcon"></div></button>
  	            </div>
            </div>

            <div class="bottomBar">
  	            <div class="bottomBarLeftBlock" style="float:left">
  		            <div class="checkboxWrapper"><input id="checkbox1" type="checkbox" name="checkbox">
  		            <label for="checkbox1" class="chkBoxLabel" data-locale='Dont_Show_Again_Checkbox_Label'></label></div>
  		            <br />
  		            <span class="hintText" data-locale='Hint_Label'></span>
  	            </div>
  	            <div id="nav" class="bottomBarRightBlock">
  		            <button type="button" onclick="onDoneButtonClick()" autofocus><span class="buttonLabel" data-locale='Done_Button_Label'></span></button>
  	            </div>
            </div>
	    </div>

	    <div style="display:none" id="secondpage">
		    <div id="video_box">
			    <iframe id="video_player" tabindex="-1" title="AdobeTV Video Player" onload="removeLoadingImage()" src="" frameborder="0" scrolling="no" nodejs-disabled="true"></iframe>
			    <img src="image/SpinnerAni_Dark_32x32.gif" id="video_buffering" />
			    <img src="" id="featureLargeImage"/>
			    <label id="noConnectionText" data-locale='No_Internet_Connection_Text'></label>
			    <div id="blackScreen"></div>
		    </div>
		    <div class="videoTextContainer">
			    <span id="videopage_heading"></span><br/>
			    <span id="videopage_text"></span> 
		    </div>
		    <div class="bottomBar">
			    <div id="icoBut" class="bottomBarLeftBlock" style="float:left">
				    <button type="button" onclick="onHomeButtonClick()"><div class="icoButtonHome overlayIcon"></div></button>
				    <button type="button" onclick="onPrevButtonClick()"><div class="icoButtonPrev overlayIcon"></div></button>
				    <button type="button" onclick="onNextButtonClick()"><div class="icoButtonNext overlayIcon"></div></button>
			    </div>
			    <div id="nav" class="bottomBarRightBlock">
				    <button type="button" onclick="onDoneButtonClick()" autofocus><span class="buttonLabel" data-locale='Done_Button_Label'></span></button>
			    </div>
		    </div>
	    </div>
	</div>
</body>
</html>
