--- a/web/index.html	Tue Oct 22 16:13:11 2013 +0200
+++ b/web/index.html	Tue Oct 22 17:47:08 2013 +0200
@@ -40,25 +40,25 @@
           </div>
         </div>
         <div class="videotitle" id="videotitle1">
-          <p>Chapitre 1&nbsp;: L'état et le numérique<br/><a class="videolink" data-videoid="1r">résumé</a> ou <a class="videolink" data-videoid="1">vidéo complète</a></p>
+          <p>Chapitre 1&nbsp;: L'état et le numérique<br/><a class="videolink" data-videoid="1r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle2">
-          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink" data-videoid="2r">résumé</a> ou <a class="videolink" data-videoid="2">vidéo complète</a></p>
+          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink" data-videoid="2r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle3">
-          <p>Chapitre 3&nbsp;: Qui pour guider une politique du numérique&nbsp;: le marché ? ou la recherche académique ?<br/><a class="videolink" data-videoid="3r">résumé</a> ou <a class="videolink" data-videoid="3">vidéo complète</a></p>
+          <p>Chapitre 3&nbsp;: Qui pour guider une politique du numérique&nbsp;: le marché ? ou la recherche académique ?<br/><a class="videolink" data-videoid="3r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle4">
-          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink" data-videoid="4r">résumé</a> ou <a class="videolink" data-videoid="4">vidéo complète</a></p>
+          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink" data-videoid="4r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle5">
-          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink" data-videoid="5r">résumé</a> ou <a class="videolink" data-videoid="5">vidéo complète</a></p>
+          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink" data-videoid="5r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle6">
-          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink" data-videoid="6r">résumé</a> ou <a class="videolink" data-videoid="6">vidéo complète</a></p>
+          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink" data-videoid="6r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle7">
-          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink" data-videoid="7r">résumé</a> ou <a class="videolink" data-videoid="7">vidéo complète</a></p>
+          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink" data-videoid="7r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitlef">
           <p><a class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
@@ -116,7 +116,12 @@
       active_css(n);
     }
     
-    function playVideo(n, update_h){
+    function playVideo(n, segid, update_h){
+      // test segid
+      if(!(typeof segid !== 'undefined' && segid !== false)){
+    	  segid = "";
+      }
+
       if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7"){
         $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
       }
@@ -226,7 +231,12 @@
       // update history
       update_h = typeof update_h !== 'undefined' ? update_h : true;
       if(update_h){
-        update_history("v=" + n);
+    	if(segid!=""){
+    		update_history("v=" + n + "&id=" + segid);
+    	}
+    	else{
+          update_history("v=" + n);
+    	}
       }
       
       active_css(n);
@@ -251,7 +261,9 @@
     // on load
     $(function() {
       $(".videolink").click(function(e){
-        playVideo($(this).attr("data-videoid"));
+    	console.log('$(this).attr("data-segid")');
+    	console.log($(this).attr("data-segid"));
+        playVideo($(this).attr("data-videoid"), $(this).attr('data-segid'));
       });
       // load first video with get parameter
       var first = "0";
@@ -259,10 +271,10 @@
       if(iframe=="null"){
         var v = getURLParameter("v");
         if(v=="null"){
-          playVideo(first);
+          playVideo(first, "");
         }
         else{
-          playVideo(v, false);
+          playVideo(v, "", false);
         }
       }
       else{