{% load i18n %}
<html>
	<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="{{MEDIA_URL}}js/LdtPlayer.min.js"></script>
		<script type="text/javascript">
			__IriSP.lib = {
				jQuery:"{{MEDIA_URL}}js/jquery.min.js",
				jQueryUI:"{{MEDIA_URL}}js/jquery-ui.min.js",
				jQueryToolTip:"{{MEDIA_URL}}js/jquery.tools.min.js",
				swfObject:"{{MEDIA_URL}}js/swfobject.js",
				cssjQueryUI:"{{MEDIA_URL}}css/jq-css/themes/base/jquery-ui.css"							
			};
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.ldt_json_link').click(function(e) {
		 	    	e.preventDefault();
		 	 		link = $(e.target);
		 	 		$("#res_link_{{player_id}}").load(link.attr("href"));
		 	 		$("#res_link_{{player_id}}").show();
		 	 		return false;
		 	    });
			});
		</script>
		
		
		<link rel="stylesheet" href="{{MEDIA_URL}}css/workspace.css" type="text/css"/>
	</head>

	<body id="init_embed_popup">
	
		<div class="ldt_player" id="wrapper_{{player_id}}">
		{% include "franceculture/partial/embed.html" %}  
		</div>
		
		<div style="height: 100px">&nbsp;</div>
		
		<code id ="code_{{player_id}}" >
		<div class="ldt_player_code"><pre>
{{ player_embed_rendered }}<br/>
		</pre></div>
		</code>
		
		
		<a href="{{json_url}}?escape=true&mimetype=text/plain" class="ldt_json_link" >{% trans 'clik here to see the project content' %}</a>
		
		<code id ="json_{{player_id}}" ><pre>
		<div id="res_link_{{player_id}}" class="ldt_player_code" style="display: none;">
		</div>
		</pre></code>
	</body>
</html>

