diff -r 9144b17b390e -r fedc0d054b55 integration/edition.html
--- a/integration/edition.html	Tue Jun 11 10:43:19 2013 +0200
+++ b/integration/edition.html	Tue Jun 11 15:46:43 2013 +0200
@@ -124,7 +124,6 @@
 <!-- tab -->
 						<ul class="nav nav-tabs" id="onglet-annotations">
 							<li class="active"><a data-toggle="list-annotations" id="tab-list-annotation" href="#list-annotations"><i class="icon-bookmark"></i> Annotations</a></li>
-							<!--<li><a href="#annotation-azerty"><i class="icon-film"></i> All <span class="close-tab">&times;</span></a> </li>-->
 						</ul>
 
 						<div class="tab-content">
@@ -246,8 +245,8 @@
 	</div>
 	<div class="row">
 		<div class="span6 text-center">
-			<label class="label-left">Durée :</label>
-			<div data-id="{{id}}" id="" class="slider-duration"></div>
+			<label class="label-left" for="slider-{{id}}">Durée :</label>
+			<div data-id="{{id}}" id="slider-{{id}}" class="slider-duration"></div>
 		</div>
 		<div class="span6 text-right">
 			<a class="btn btn-danger btn-delete btn-delete-annotation" data-title="{{title}}" data-id="{{id}}" data-no-render>
@@ -301,27 +300,9 @@
 	<span class="span3">
 		<span class="label-add-video">Ajouter une vidéo <a data-id="annotation-{{id}}" data-type-media="video" data-title="Ajouter une vidéo" class="btn btn-success open-modal" href="modal-bibliotheque-video.html" data-hide-add-new><i class="icon-plus"></i></a></span>
 		<span class="label-modify-video">Modifier la vidéo <a data-id="annotation-{{id}}" data-type-media="video" data-title="Modifier la vidéo" class="btn btn-success open-modal" href="modal-bibliotheque-video.html" data-hide-add-new><i class="icon-pencil"></i></a></span> 
-		
 	</span>
 </div>
-<div class="row annotation-video-content">
-
-</div>
-</script>
-
-<script id="tpl-html" type="text/html">
-<div class="edit-annotation-title row">
-	<h3 class="span3"><i class="icon-link"></i> Html</h3>
-</div>
-<div class="row edit-annotation-html">
-	<div class="span6">
-		<textarea class="" name="" id="" cols="30" rows="10"></textarea>
-	</div>
-	<div class="span6 text-right">
-		<a href="#" class="btn btn-html-apercu"><i class="icon-eye-open"></i> Aperçu</a>
-	</div>
-	<div class="html-apercu span6"></div>
-</div>
+<div class="row annotation-video-content"></div>
 </script>
 
 <script id="tpl-text" type="text/html">
@@ -330,7 +311,7 @@
 </div>
 <div class="row">
 	<div class="span6 wysiwyg-wrap">
-		<textarea class="wysiwyg" name="" id="" cols="30" rows="10">{{content.text}}</textarea>
+		<textarea class="wysiwyg" cols="30" rows="10">{{content.text}}</textarea>
 	</div>
 </div>
 </script>
@@ -340,21 +321,21 @@
 	<h3 class="span3"><i class="icon-picture"></i> Diaporama</h3>
 	<span class="span3">
 		Ajouter une image 
-		<a data-type-media="image" data-diaporama="diaporama-{{id}}" data-title="Ajouter une image" class="btn btn-success open-modal" href="modal-bibliotheque-image.html" data-hide-add-new><i class="icon-plus"></i></a>
+		<a data-type-media="image" data-slideshow="slideshow-{{id}}" data-title="Ajouter une image" class="btn btn-success open-modal" href="modal-bibliotheque-image.html" data-hide-add-new><i class="icon-plus"></i></a>
 	</span>
 </div>
-<div class="row config-diaporama">
-	<form action="">
+<div class="row config-slideshow">
+	<form action="#">
 		<div class="span3">
-			<label for="">Diaporama :</label>
+			<label>Diaporama :</label>
 		    <div class="btn-group" data-toggle="buttons-radio">
 			    <button type="button" data-autostart="false" class="{{^content.autostart}}active{{/content.autostart}} btn btn-primary btn-autostart">Manuel</button>
 			    <button type="button" class="{{#content.autostart}}active{{/content.autostart}} btn btn-primary  btn-autostart" data-autostart="true">Auto</button>
 		    </div>	
 		</div>
 		<div class="span3">
-			<label for="">Durée image : </label>
-			<input pattern="[0-9]*" class="span1 number-spin" type="text" name="duration" value="{{content.slideduration}}"> sec
+			<label for="duration-slideshow-{{id}}">Durée image : </label>
+			<input id="duration-slideshow-{{id}}" pattern="[0-9]*" class="span1 number-spin" type="text" name="duration" value="{{content.slideduration}}"> sec
 		</div>
 	</form>
 </div>
@@ -369,8 +350,7 @@
 					<th>Actions</th>
 				</tr>
 			</thead>
-			<tbody id="diaporama-{{id}}" class="list-image-diaporama ui-sortable">
-
+			<tbody id="slideshow-{{id}}" class="list-image-slideshow ui-sortable">
 			</tbody>
 		</table>
 	</div>
@@ -392,9 +372,7 @@
 						<th>Actions</th>
 					</tr>
 				</thead>
-				<tbody data-id="{{id}}" class="links-rows">
-
-				</tbody>
+				<tbody data-id="{{id}}" class="links-rows"></tbody>
 				<tfoot>
 					<tr>
 						<td colspan="3"><a class="btn btn-success add-link" href="#"><i class="icon-plus"></i> Ajouter un lien</a></td>
@@ -420,9 +398,9 @@
 </tr>
 </script>
 
-<script id="tpl-diaporama-row" type="text/html">
-<tr id="rid-{{ridid}}" class="row-image-diaporama">
-	<td class="image-slideshow-row"><img data-url="{{url}}" src="{{url}}?width=60&height=60" alt=""> </td>
+<script id="tpl-slideshow-row" type="text/html">
+<tr id="rid-{{ridid}}" class="row-image-slideshow">
+	<td class="image-slideshow-row"><img data-url="{{url}}" src="{{url}}?width=60&height=60" alt="{{title}}"> </td>
 	<td class="title-slideshow-row" data-input="input" data-name="title">
 		<span>{{title}}</span> <i class="icon-pencil"></i>
 	</td>
@@ -449,24 +427,6 @@
 <script id="tpl-video-row" type="text/html">
 <div class="span6">
 	<div class="video-container"></div>
-	<!--
-	<table class="table">
-		<tbody>
-			<tr>
-				<th>Titre</th>
-				<td class="video-title-edit" data-input="input"  data-name="title">
-					<span>{{title}}</span> <i class="icon-pencil"></i>
-				</td>
-			</tr>
-			<tr>
-				<th>Description</th>
-				<td class="video-description-edit" data-input="textarea"  data-name="description">
-					<span>{{description}}</span> <i class="icon-pencil"></i>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-	-->
 </div>
 </script>
 
@@ -514,10 +474,10 @@
 	<h4><i class="icon-flag"></i> <i class="icon-pencil"></i> Modifier le chapitre</h4>
 	<div class="row">
 		<div class="span3 text-right">
-			<label class="label-left" for="chapter-title">Titre :</label>
-			<input id="chapter-title" name="title" type="text" value="{{title}}">
-			<label class="label-left" for="chapter-keywords">Tags :</label>
-			<input id="chapter-keywords" name="keywords" type="text" class="tag-it" data-type="chapter" value="{{keywords}}">
+			<label class="label-left" for="chapter-title-{{id}}">Titre :</label>
+			<input id="chapter-title-{{id}}" class="chapter-title" name="title" type="text" value="{{title}}">
+			<label class="label-left" for="chapter-keywords-{{id}}">Tags :</label>
+			<input id="chapter-keywords-{{id}}" name="keywords" type="text" class="tag-it" data-type="chapter" value="{{keywords}}">
 		</div>
 		<div class="span3">
 			<table class="table text-right">
@@ -540,8 +500,8 @@
 	</div>
 	<div class="row">
 		<div class="span6 text-center">
-			<label class="label-left" for="chapter-description">Description :</label>
-			<textarea class="" name="description" id="chapter-description">{{description}}</textarea>
+			<label class="label-left" for="chapter-description-{{id}}">Description :</label>
+			<textarea name="description" id="{{title}}">{{description}}</textarea>
 		</div>
 	</div>
 	<div class="row">
@@ -598,15 +558,13 @@
 
 	var urlSaveProject = '';
 
-
     /* Initialisation du metadataplayer avec un projet vide */
     var myDir = new IriSP.Model.Directory(),
         myProject = myDir.remoteSource({
-                url: "data/rigoletto.json",
-                serializer: IriSP.serializers.ldt
-            });
+            url: "data/rigoletto.json",
+            serializer: IriSP.serializers.ldt
+        });
         
-
     </script>
 </body>
 </html>
\ No newline at end of file