<!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="">Miro - 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
thisItemView = views.items.filter(lambda x: x.getID() == this.getID())
]]></t:execOnLoad>
    <t:execOnUnload><![CDATA[
thisItemView.unlink()
app.controller.videoInfoItem = None
]]></t:execOnUnload>

</head>

<body>
    <div id="external-container-button">
        <a id="external-button-center" href="javascript:skipItem(@@@this.getID()@@@)">
            <span i18n:translate="">Continue To Next Video</span>
        </a>
    </div>
    <div id="embedded-video-info">
        <div id="video_info_area"><t:includeTemplate filename="video-info" /></div>
    </div>
</body>

</html>
