
<!--LOADING ANIMATION-->

<div id="loader" class="off"><span id="loader_text">Loading...</span></div>

<!--PLAYER 3D--->
<div id="player" class="off">
	
	<!--RENDERING ZONE-->
	<canvas id="rendering_zone"></canvas>

	<!--TITLE EDIT ZONE--->
	<div id="title_controls"></div>
	
	<!--AVATAR BUTONS--->
	<div id="editor_controls"></div>
	
	<!--PLAYER BUTONS--->	
	<div id="player_controls"></div>
		
	<!--TOOLS BUTONS--->	
	<div id="tool_controls"></div>
		
	<!--CONTEXTUAL BUTONS--->	
	<div id="context_controls"></div>

	<!--ANNOTATIONS--->
	<div id="annotation_list"></div>

	<!--bottom carousel-->
	<div id="carousel" class="off">
		<ul id=carousel_list class="off"></ul>
		<button id="previous" title="Annotation précédente">&#10094;</button>
		<span id="carousel_title" title="Ouvrir le menu déroulant">Annotation</span>
		<button id="next" title="Annotation suivante">&#10095;</button>
	</div>

	<!--previous link input zone-->
	<div id="link_bar" class="off">
		<form class="share_link">
			<input id="previous_link" 
				type="url" 
				name="input" 
				value="" 
				placeholder=" Create annotations from a link"
				onfocus="this.placeholder=''" 
				onblur="this.placeholder=' Create annotations from a link'">	
		</form>
	</div>

</div>


