web/choix_3.html
changeset 42 01415303372e
parent 41 f2123b4487e9
--- a/web/choix_3.html	Tue Dec 11 13:13:44 2012 +0100
+++ b/web/choix_3.html	Tue Dec 11 17:39:04 2012 +0100
@@ -23,12 +23,12 @@
 			this comment corrects the white-space (display: inline);
 			--><section class="fullScreen_vcentering container_vcentering choix">
 					<div id="choix3" class="box_vcentering red big_txt">
-						<p><a href="/" onClick="">Spleen</a></p>
-						<p><a href="/" onClick="">Idéal</a></p>
-						<p><a href="/" onClick="">Origines</a></p>
-						<p><a href="/" onClick="">Peur</a></p>
-						<p><a href="/" onClick="">Désir</a></p>
-						<p><a href="/" onClick="">Bonheur</a></p>
+						<p><a onClick="incChoice.selectWord('spleen');">Spleen</a></p>
+						<p><a onClick="incChoice.selectWord('ideal');">Idéal</a></p>
+						<p><a onClick="incChoice.selectWord('origines');">Origines</a></p>
+						<p><a onClick="incChoice.selectWord('peur');">Peur</a></p>
+						<p><a onClick="incChoice.selectWord('desir');">Désir</a></p>
+						<p><a onClick="incChoice.selectWord('bonheur');">Bonheur</a></p>
 					</div>
 				</section>
 				
@@ -42,26 +42,25 @@
 		<!-- Metanav FranceTV 	-->
 		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
 		<!-- JavaScript -->
-       <script src="static/res/js/jquery-1.8.2.min.js"></script>        
+       	<script src="static/res/js/jquery-1.8.2.min.js"></script>        
+       	<script src="static/res/js/jquery.cookie.js"></script>        	      
         <script src="static/res/js/ease.js"></script>        
         <script src="static/res/js/incresize.js"></script>
         <script src="static/res/js/incmosaic.js"></script>
-        <script>        
+        <script src="static/res/js/incchoice.js"></script>        
+        <script> 
             $(function() {
             	// Init the resize object
-            	//incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, null, incMosaic.registerPostNewCanvasSize);
+            	incResize.init("content", null, "mosaic", null, null, 130, 1920/809, null, incMosaic.registerPostNewCanvasSize);
 
-            	// Set mosaic pair of images
-                incMosaic.addImageUrl("static/res/img/accueil-00.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-01.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-02.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-03.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-04.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-05.jpg");
-
-                // Start mosaic effect
-    			incMosaic.start("mosaic", 9, 5);
-            });
+            	// Set the mosaic effect
+            	incChoice.setMosaicEffect(["choix3fond1.jpg", "choix3fond2.jpg", "choix3fond3.jpg"],
+            								["choix1fond1.jpg", "choix1fond2.jpg", "choix1fond3.jpg"],
+            								"niv1_videoplayer.html");
+            	incChoice.currentWorldIndex = 2;
+            	console.log(incChoice.getCookie("world0"));
+            	console.log(incChoice.getCookie("world1"));
+            });                       
         </script>		
-			</body>
+	</body>
 </html>
\ No newline at end of file