{% load i18n %}
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{LANGUAGE_CODE}}" lang="{{LANGUAGE_CODE}}">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache" content="no store" />
		<meta http-equiv="Expires" content="-1" />
		<title>Ligne de Temps - IRI</title>
		<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/jquery.min.js"></script>
		<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/jquery.qtip.min.js"></script>
		<script type="text/javascript">
			var $j = jQuery.noConflict();
		</script>
		<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/LdtPlayer.min.js"></script>
		<script type="text/javascript">
			__IriSP.lib = {
				jQuery:"{{LDT_MEDIA_PREFIX}}js/jquery.min.js",
				jQueryUI:"{{LDT_MEDIA_PREFIX}}js/jquery-ui.min.js",
				jQueryToolTip:"{{LDT_MEDIA_PREFIX}}js/jquery.tools.min.js",
				swfObject:"{{LDT_MEDIA_PREFIX}}js/swfobject.js",
				cssjQueryUI:"{{LDT_MEDIA_PREFIX}}css/jq-css/themes/base/jquery-ui.css"							
			};
		</script>
		<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/embed_popup.js"></script>
		<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/ZeroClipboard.js"></script>
		
		
		<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/workspace.css" type="text/css"/>
		<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/embed_popup.css" type="text/css"/>
		<script type="text/javascript">
			$j(document).ready(function(){
                ZeroClipboard.setMoviePath( '{{WEB_URL}}{{LDT_MEDIA_PREFIX}}/swf/ZeroClipboard10.swf' );
                clip = new ZeroClipboard.Client();
                $j("#clipboard_button").html(clip.getHTML(32,32));
		        clip.setHandCursor(true);
		        clip.setText('{{ldt_id}}');
		        $j("#clipboard_button").qtip({ 
		    		style: { 
		    			'name': 'dark',
		    			'filter':'alpha(opacity=70)',
		    			'-moz-opacity':'0.7',
		    			'-khtml-opacity': '0.7',
		    			'opacity': '0.7',
		    			'border': {
		    				'width' : '0',
		    				'color': '#505050'
		    			}, 
		    			'tip': true
		    		} 
		    	});
			});
        </script>
		
	</head>

	<body id="init_embed_popup">

		<div id='ldt_id'>
			<div id='ldt_id_title'>{% trans 'project id' %}:</div>
			<div id='ldt_id_row'><div id="clipboard_button" title="{% trans 'copy to clipboard' %}">&nbsp;</div><div id='ldt_id_id' class="projectscontentstitle">{{ldt_id}}</div></div>
        </div>
	
		<div class="ldt_player" id="wrapper_{{player_id}}">
		{% include "ldt/ldt_utils/partial/embed_player.html" %}  
		</div>

		<div id="button_row">
		    <div id="display_select">
		    	<input type="button" value="{% trans 'popup_player'%}" id="player_button"/><input id="seo_body_button" type="button" value="{% trans 'popup_seo_body' %}"/><input id="seo_meta_button" type="button" value="{% trans 'popup_seo_meta' %}"/><input id="links_button" type="button" value="{% trans 'popup_links' %}"/>
		    </div>
		</div>
		
		<div class="ldt_player_code">
			<code id ="code_{{player_id}}" >		
				<div  id="player_code"><pre>{{ embed_rendered.player }}</pre></div>
				<div id="seo_body_code"><pre>{{ embed_rendered.seo_body }}</pre></div>
				<div id="seo_meta_code"><pre>{{ embed_rendered.seo_meta }}</pre></div>			
			</code>
	
			<div id="links_code">{% include "ldt/ldt_utils/partial/embed_links.html" %}</div>
		</div>
						
		<a href="{{json_url}}?escape=true&mimetype=text/plain" class="ldt_json_link" >{% trans 'clik here to see the project content' %}</a>		
		
	</body>
</html>

