<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" th:lang="${#ctx.getLocale().toLanguageTag()}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>RENKAN</title>
        <link rel="icon" href="../../static/img/favicon.ico" th:href="@{/static/img/favicon.ico}" type="image/x-icon" />
        <meta name="description" content="" />
        <meta name="author" content="Institut de Recherche et d'Innovation" />
        <script src="lib/jquery.min.js" th:src="@{/static/lib/jquery.min.js}" ></script>
        <script src="lib/jquery.mousewheel.min.js" th:src="@{/static/lib/jquery.mousewheel.min.js}"></script>
        <script src="lib/underscore-min.js" th:src="@{/static/lib/underscore-min.js}"></script>
        <script src="lib/backbone.js" th:src="@{/static/lib/backbone.js}"></script>
        <script src="lib/backbone-relational.js" th:src="@{/static/lib/backbone-relational.js}"></script>
        <script src="lib/paper.js" th:src="@{/static/lib/paper.js}"></script>
        <script src="js/main.js" th:src="@{/static/js/main.js}"></script>
        <script src="js/defaults.js" th:src="@{/static/js/defaults.js}"></script>
        <script src="js/i18n.js" th:src="@{/static/js/i18n.js}"></script>
        <script src="js/models.js" th:src="@{/static/js/models.js}"></script>
        <script src="js/full-json.js" th:src="@{/static/js/full-json.js}"></script>
        <script src="js/paper-renderer.js" th:src="@{/static/js/paper-renderer.js}"></script>
        <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
            var _renkan;
            $(function() {
                _renkan = new Rkns.Renkan({
                	static_url:/*[[@{/static/}]]*/ "",
                	editor_mode: false,
                	show_bins: false,
                	url: /*[[@{/rest/projects/}+${project.id}]]*/ "../metadataplayer/json/renkan.json",
                	property_files: [
                	    /*[[@{/static/data/properties.json}]]*/ "data/properties.json",
                	]
                });
                Rkns.jsonIO(_renkan, {
                    url: /*[[@{/rest/projects/}+${project.id}]]*/ "../metadataplayer/json/renkan.json"
                });
            });
        /*]]>*/    
        </script>
        <link rel="stylesheet" href="css/renkan.css" th:href="@{/static/css/renkan.css}"/>
        <link href="../../static/css/style.css" rel="stylesheet" th:href="@{/static/css/style.css}"/>
        <link href="../../static/css/renkanProject.css" rel="stylesheet" th:href="@{/static/css/renkanProject.css}"/>
    </head>

    <body>
        <header><a href="/" th:href="@{/}">RENKAN</a>&nbsp;&gt;&nbsp;<a href=".." th:href="@{'/s/'+${space.id}}">Space</a></header>
        <div id="renkan-wrapper">
            <div id="renkan-container">
                <div id="renkan"></div>
            </div>
        </div>
        <footer id="footer" th:include="fragment/pageFragment :: footerFragment">
            <div id="version">© <span class="version-date">2014</span> <a href="http://www.iri.centrepompidou.fr" target="_blanck">IRI</a> - Version <span class="version-version">0.0</span></div>
        </footer>
    </body>
</html>
