web/portraits-regarde-the-end-etc.html
author ymh <ymh.work@gmail.com>
Thu, 07 Feb 2013 13:52:53 +0100
changeset 120 72be7f52c743
parent 105 7a033d177687
child 124 8d2376eb825c
permissions -rw-r--r--
update config.py.tmpl and ldt
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     1
<!DOCTYPE html>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     2
<html lang="fr">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     3
	<head>
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
     4
		<meta charset="UTF-8">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
     5
		<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     6
		
105
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 103
diff changeset
     7
		<meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON">
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
     8
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     9
		<link rel="icon" href="static/res/img/favicon.ico" />		
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    10
		
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    11
		<!-- Mobile Specific Metas -->		
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    12
		<meta name="viewport" content="user-scalable=no">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    13
		<!--
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    14
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    15
		-->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    16
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    17
		<!-- Test Smartphone  -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    18
	    <script src="static/res/js/incdetectmobile.js"></script>        
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    19
		<script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    20
			if (IsSmartphone()) { location.href = "mindex.html"; }	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    21
		</script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    22
		<!-- Metanav FranceTV 	-->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    23
		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    24
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    25
		<link rel="stylesheet" href="static/res/css/style_1024.css" />
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    26
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    27
	</head>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    28
	<body>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    29
		<!-- div content - site takes the full height of browser -->	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    30
		<div id="content" class="full_hightScreen">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    31
			
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    32
			<!-- div content_top - the elements takes the full height of "content_top" -->				
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    33
			<div id="content_top">	
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    34
				<div id="topEmpty">
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    35
					<div class="boxReturn">	
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
    36
	       				<button id="breturn" class="btnReturn" onClick="location.href='the-end-etc.html';">Retour</button>  
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    37
					</div>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    38
				</div>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    39
				<section id="main">	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    40
		            <!-- Video -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    41
			        <div id="video" class="small_video">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    42
			        </div> 
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    43
	            	<!-- /Video -->	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    44
				</section>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    45
				<div id="bottomEmpty"></div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    46
			</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    47
			
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    48
			<!-- Controls container -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    49
			<footer id="controlContainer">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    50
				<!-- @todo JS the player disappears down the screen after 5 sec -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    51
                <section id="controlbar">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    52
       				<div class="container_hcentering">
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    53
       					<button id="btnInfo" class="btn" onclick="openClosePopup();">INFO</button>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    54
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    55
	       				<button id="btnSDHD" class="btn" onClick="incPlayer.ctrlHdSd()">SD/HD</button>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    56
	                    
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    57
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    58
	                    <div id="progressContainer">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    59
		                    
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    60
		                    <div id="progressBar" class="progress_bar">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    61
		                    	<span id="progress" class="progress_bar"></span>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    62
		                    	<button id="stateBar" class="txt_hidden"></button>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    63
		                	</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    64
		                    
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    65
		                   	<ul id="progressTime" class="clearfix">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    66
		                   		<!-- class="txt_white" can be used to color current time in white -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    67
		                   		<li id="current" class="floatL">0'00''</li>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    68
		   						<li id="duration" class="floatR">0'00''</li>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    69
		   					</ul>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    70
						
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    71
						</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    72
	                    <button id="btnBck" class="btn txt_hidden" onClick="incPlayer.ctrlPrev();">Back</button>  
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    73
		                <!--I use a single button, which will serve as a play button when the video is paused (or stopped) and a pause button when it's playing.
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    74
		                -->	                    
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    75
	                    <button id="btnPlayPause" class="btn txt_hidden" title="play" onClick="incPlayer.ctrlPlay();">Play/Pause</button> 
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    76
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    77
	                    <button id="btnFwd" class="btn txt_hidden" onClick="incPlayer.ctrlNext();">Forward</button>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    79
						<!-- il faut faire un lien vers la page transition mais le div the end,etc est visible ??? -->
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    80
	                    <button id="btnChoice" class="btn" onClick="location.href = 'transition-the-end-etc.html';">Choice</button>             
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    81
                    </div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    82
                </section>              
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    83
            <!-- /Controlbar container -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    84
			</footer>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    85
			<!-- il faut stopper la video quand on clique sur info ??? -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    86
			<div id="popUpDiv" style="display:none;">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    87
				<div id="popUpTitle" class="clearfix">
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    88
					<h2>THE END, ETC. <br><span class="text_lowercase">de Laetitia Masson.</span></h2>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    89
					<a id="popUpClose" class="floatR clearfix" onclick="openClosePopup();">
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    90
						<img alt="Fermer" src="static/res/img/popUpClose.png"/>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    91
					</a>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    92
				</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    93
				<div id="popUpTxtScroll">
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    94
				
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    95
					<p>A l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux…<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    96
					Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    97
					<p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas 	d’histoire prédéfinie, pas de fin imposée.<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    98
					Fin du monde ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    99
					Fin d'une ère ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   100
					Fin d'un idéal ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   101
					Début d'autre chose ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   102
					Ceci est votre expérience.</p>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   103
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   104
					<h3>UNE EXPÉRIENCE DE CINÉMA</h3>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   105
					<p>Trois clics, pour composer « votre » film. Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. »Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes. Vous pouvez recommencer à l’infini. Autant de propositions que de spectateurs...</p>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   106
					<h3>PROLONGER L’EXPÉRIENCE</h3>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   107
					<p>Dans cet espace, découvrez les versions intégrales de la fiction et des portraits documentaires. Accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   108
					<h3>ETC.</h3>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   109
					<p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. A vous de choisir votre porte d'entrée dans ces 4h30 de séquences. A vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience.  En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   110
					<p>Un espace transitoire vous permet de naviguer entre ces différents niveaux.</p>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   111
					<br>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   112
					<p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale. Préférez les navigateurs Safari ou Chrome.</p>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   113
				</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   114
			</div>				
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   115
		</div>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   116
		<div id="blanket" style="display:none;"></div>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   117
	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   118
		<!-- JavaScript -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   119
        <script src="static/res/js/jquery-1.8.2.min.js"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   120
       	<script src="static/res/js/jquery.cookie.js"></script>        	      
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   121
        <script src="static/res/js/popcorn-complete.js"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   122
        <script src="static/res/js/popcorn.sequence.js"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   123
	    <script src="static/res/js/incdetectmobile.js"></script>                
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   124
        <script src="static/res/js/incplayer.js"></script>        
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   125
        <script src="static/res/js/incchoice.js"></script>        
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   126
        <script src="static/res/js/popup.js"></script>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   127
        <script src="static/res/js/incresize.js"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   128
        <script src="static/res/js/inchidebar.js"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   129
        <script>        
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   130
            $(function() {
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   131
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   132
            	// Init the video player
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   133
                if (incPlayer.init("portraits-the-end-etc.html", "video", "btnPlayPause", "btnSDHD", "current", "duration", "stateBar", "progressBar")) {
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   134
                	incPlayer.playSingleVideo("http://dvvsyrlsr21oz.cloudfront.net/" + incChoice.getSingleVideo());
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   135
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   136
					// Add class on all videos
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   137
           			$("#video").children().addClass("small_video");			
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   138
                }
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   139
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   140
            	// Init the resize object
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   141
            	incResize.init("content", "topEmpty", "video", "bottomEmpty", "controlContainer", 50, 1353/571, true, [resizePopup]);
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   142
            	incResize.resizeElements();
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   143
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   144
            	// Manage the hinding of the bar and of the pointer
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   145
            	incHideBar.init(showHide);
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   146
            });
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   147
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   148
            var resizePopup = function() {
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   149
            	popupPosition('popUpDiv', 'content');
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   150
            }
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   151
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   152
            var showHide = function(show) {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   153
            	if (show) {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   154
            		$("#breturn").show();
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   155
            	} else {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   156
            		$("#breturn").hide();
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   157
            	}
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   158
            }
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   159
        </script>        			
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   160
	</body>	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   161
</html>