<!doctype html>

<html lang="en-gb">
	<head>
		<title>Certificate</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" type="text/css" href="certificate.css">
		<script type="text/javascript">

			function certificateLoaded()
			{
				m_oDialogText.innerHTML = 'Please select the <strong>Close</strong> button after you have saved or printed your course completion certificate.';
				m_oCloseButton.classList.remove('hide');
			}

			function init()
			{
				m_oDialog = document.getElementById('dialog');
				m_oDialogHeading = document.getElementById('dialog-heading');
				m_oDialogText = document.getElementById('dialog-text');
				m_oCloseButton = document.getElementById('close-button');
				m_oDialogText.innerHTML = 'Please wait while we retrieve your course completion certificate...';
				m_oDialog.classList.remove('hide');
			}

			var m_oCloseButton = null;
			var m_oDialog = null;
			var m_oDialogHeading = null;
			var m_oDialogText = null;

		</script>
	</head>

	<body onload="init()">
		<div id="dialog" class="hide">
			<h1 id="dialog-heading" class="hide"></h1>
			<p id="dialog-text"></p>
			<button id="close-button" class="default hide" onclick="top.close()">Close</button>
		</div>
	</body>
</html>