<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      eventCookie="@@@eventCookie@@@" dtvPlatform="@@@dtvPlatform@@@">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title i18n:translate="">Democracy - External Playback Template</title>

    <link href="resource:css/external.css" rel="stylesheet" type="text/css" />
    <link href="resource:css/video-info.css" rel="stylesheet" type="text/css" />

    <t:include filename="dynamic.js" />
    <t:include filename="external.js" />

    <t:execOnLoad><![CDATA[
this = app.controller.videoInfoItem
]]></t:execOnLoad>
    <t:execOnUnload><![CDATA[
app.controller.videoInfoItem = None
]]></t:execOnUnload>

</head>

<body onload="startCountdown(@@@this.getID()@@@)">
    <div id="external-container-basic">
    	<span i18n:translate="">This file type (<span i18n:name="format" t:replace="this.getFormat()" 
/>) can't be played in the main Democracy window.</span>

        <a id="external-button-left" href="javascript:playItemExternally(@@@this.getID()@@@)">
            <span i18n:translate="">Play Externally</span>
        </a>

        <a id="external-button-right" href="javascript:skipItem(@@@this.getID()@@@)">
            <span i18n:translate="">Skip Video <b i18n:name="countdown" id="countdown" /></span>
        </a>
    </div>
    
    <div id="embedded-video-info">
        <span id="video_info_area"><t:includeTemplate filename="video-info" /></span>
    </div>
    
    <t:triggerActionOnUnload url="javascript:stopCountdown()" />
</body>

</html>
