﻿<!DOCTYPE html> 
<html>  
<head>  
<meta name='viewport' content='initial-scale = 1, minimum-scale = 1, maximum-scale = 1'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=9">
<title>@MOVIETITLE</title>
<link rel='stylesheet' type='text/css' href='assets/css/CPLibrary.css' />
<link type='text/css' href='assets/css/CPQuiz.css' rel='stylesheet' /> 
<link type='text/css' href='assets/css/smoothness/jquery-ui-1.8.14.custom.css' rel='stylesheet' /> 
<link type='text/css' href='assets/css/dd.css' rel='stylesheet'/> 
<script type='text/javascript' src='assets/js/jquery-1.6.1.min.js'></script> 
<script type='text/javascript' src='assets/js/uncompressed.jquery.dd.js'></script>  
<script type='text/javascript' src='assets/js/uncompressed-jquery-ui-1.8.14.custom.js'></script> 
<script type='text/javascript'> 
</script> 
<noscript style="text-align:center;font-size:24px;">@JAVA_SCRIPT_WARNING</noscript>
<style>
.shadow 
{ 
	overflow: hidden;
} 
.cpMainContainer 
{
	background-color: #2F2F2F;
	//background: url('./assets/htmlimages/BackgroundImage.png');
	height: 100%;
	width: 100%;
	padding: 0px;
	position:absolute;
}
.blocker
{
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.loadingBackground
{
	//position:absolute;
	//display:block;
	background-color: #777777;
	opacity: 0.5;
}
.loadingString
{
	//width:100px;
	//position:absolute;
	color:#ffffff;
}
</style>
 </head>  
<body>  
<script type='text/javascript'>
	if(document.documentMode < 9)
		document.write("@UNSUPPORTED_DOCUMENT_MODE");
	
	function DoCPExit()
	{
		if(window != window.parent && window.parent && window.parent.hasOwnProperty("DoCPExit"))
		{
			window.parent.DoCPExit();
		}
		else
		{
			window.top.close();
		}
	}	
</script>
@CPJSFILES
@SKININCLUDES
@EXTRAJSFILES

<div class='cpMainContainer' id='cpDocument' style='left: 0px; top:0px;' >
	<div id='main_container' style='top:0px;position:absolute;'>
	<div id='projectBorder' style='top:0px;left:0px;position:absolute;display:block'></div>
	<div class='shadow' id='project_container' style='left: 0px; top:0px;position:absolute;' >
	<div id='project' class='cp-movie' style='width:@MOVIEWIDTHPX ;height:@MOVIEHEIGHTPX '>
		<div id='project_main' class='cp-timeline cp-main'>
			<div id='div_Slide' onclick='cp.handleClick(event)' style='top:0px; width:@MOVIEWIDTHPX ;height:@MOVIEHEIGHTPX ;position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);'></div>
		</div>
		<div id='autoplayDiv' style='display:block;text-align:center;position:absolute;left:0px;top:0px;'>
			<img id='autoplayImage' src='' style='position:absolute;display:block;vertical-align:middle;'/>
			<div id='playImage' tabindex='9999' role='button' aria-label='play' class='autoPlayButton' onkeydown='cp.CPPlayButtonHandle(event)' onClick='cp.movie.play()' style='position:absolute;display:block;vertical-align:middle;'></div>
		</div>
	</div>
	<div id='toc' style='left:0px; float:left;position:absolute'>
	</div>	
	<div id='playbar' style='left:0px; float:left;position:absolute'>
	</div>
	<div id='cc' style='left:0px; float:left;position:absolute;visibility:hidden;pointer-events:none;' onclick='cp.handleCCClick(event)'>
		<div id='ccText' style='left:0px;float:left;position:absolute;width:100%;height:100%;'>
		<p style='margin-left:8px;margin-right:8px;margin-top:2px;'>
		</p>
		</div>
		<div id='ccClose' style='background-image:url(./assets/Playbar_icons/ccClose.png);right:0px; float:right;position:absolute;cursor:pointer;width:13px;height:11px;' onclick='cp.showHideCC()'>
		</div>
	</div>

	<div id='pwdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;top:0px'></div>
	<div id='exdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;top:0px'></div>

	</div>
	</div>
</div>

<div id='blockUserInteraction' class='blocker' style='width:100%;height:100%;'>
	<table style='width:100%;height:100%;text-align:center;vertical-align:middle' id='loading' class='loadingBackground'>
		<tr style='width:100%;height:100%;text-align:center;vertical-align:middle'>
			<td style='width:100%;height:100%;text-align:center;vertical-align:middle'>
				<image id='preloaderImage'></image>
				<div id='loadingString' class='loadingString'>@LOADING_SCREEN_TEXT</div>
			</td>			
		</tr>
	</table>	
</div>

<script>
cp.DoCPInit = function()
{
	cp.LMSDriverHolder = parent;
	//LoadActivities();	
	if(!cp.LMSDriverHolder.blockedForLMS)
	{
		cp.LMSDriverHolder.blockedForLMS = true;
		cp('blockUserInteraction').style.display = 'block';
		cp('blockUserInteraction').style.width = '100%';
		cp('blockUserInteraction').style.height = '100%';
	}
}

cp.ContinueCPInit = function()
{
	cp.CPPreInit();
	cp.QuizLibraryInit();
	cp.CPPostInit();
}
document.addEventListener("DOMContentLoaded",cp.DoCPInit,false);
jQuery(window).unload( function () { cp.UnloadActivties(); } );
</script>
</body>  
</html> 