web/client.php
changeset 406 86b62b98fea7
parent 357 3e93a0e83ad1
child 407 5ab44abc46df
--- a/web/client.php	Mon Dec 12 14:26:20 2011 +0100
+++ b/web/client.php	Tue Dec 13 19:01:59 2011 +0100
@@ -31,12 +31,12 @@
 
 $big_visual_url = URL_ROOT."/$rep/images/big_visuel_rsln_mb.jpg";
 if($translate->_('config__client_visual') != 'config__client_visual' && $translate->_('config__client_visual') != null ) {
-	$big_visual_url = URL_ROOT."$rep/".$translate->_('config__client_visual');
+    $big_visual_url = URL_ROOT."$rep/".$translate->_('config__client_visual');
 }
 
 $head_logo = URL_ROOT."$rep/images/head_logo.gif";
 if($translate->_('config__head_logo') != 'config__head_logo' && $translate->_('config__head_logo') != null ) {
-	$head_logo = URL_ROOT."$rep/".$translate->_('config__head_logo');
+    $head_logo = URL_ROOT."$rep/".$translate->_('config__head_logo');
 }
 
 ?>
@@ -48,374 +48,283 @@
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Live Video and Annotation</title>
-	<meta http-equiv="X-UA-Compatible" content="IE=8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=8" />
 
-    <!-- Framework CSS -->
-    <link rel="stylesheet" href="<?php echo(registry_url('blueprint-screen','css'));?>" type="text/css" media="screen, projection"/>
-    <link rel="stylesheet" href="<?php echo(registry_url('blueprint-print','css'));?>" type="text/css" media="print"/>
-    <!--[if lt IE 8]><link rel="stylesheet" href="<?php echo(registry_url('blueprint-ie','css'));?>" type="text/css" media="screen, projection"><![endif]-->
-	<link rel="stylesheet" href="<?php echo(registry_url('blueprint-plugins-fancy-type','css'));?>" type="text/css" media="screen, projection"/>
-	<link rel="stylesheet" href="<?php echo(registry_url('custom','css'));?>" type="text/css" media="screen, projection"/>
-	<link rel="stylesheet" href="<?php echo(registry_url('fancybox','css'));?>" type="text/css" media="screen">
+    <!-- FONT -->
+    <link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'>
+    <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'>
+    
+    <!-- CSS -->
+    <link rel="stylesheet" href="<?php echo(registry_url('fancybox','css'));?>" type="text/css" media="screen">
+    <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
 
-	<!-- JAVASCRIPT -->
-	<script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
-	<script type="text/javascript" src="<?php echo(registry_url('fancybox','js'))?>"></script>
-	<script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'))?>"></script>
-	<script type="text/javascript" src="<?php echo(registry_url('tw-widget','js'))?>"></script>
-	
-	<!-- FONT -->
-	<link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'>
-	<link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'>
-	<link href='<?php echo(registry_url('Geo','font'))?>' rel='stylesheet' type='text/css'>
+    <!-- JAVASCRIPT -->
+    <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('fancybox','js'))?>"></script>
+    
+    <script type="text/javascript" src="<?php echo(registry_url('twcx-standalone','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>
+    <script type="text/javascript" src="config.js"></script>
 
-	<script type="text/javascript">
-	$(document).ready(function() {
+    <script type="text/javascript">
+    l10n = { "rechercher" : "<?php echo $translate->_('Rechercher'); ?>" }
+    $(document).ready(function() {
+        
+        $("#accordeon li.acctitre").click(function() {
+            $("#accordeon li.acctexte").slideUp();
+            $(this).next().dequeue().slideDown();
+        })
 
-			doTimer();
-			//$("txt").hide();
-			$(".loginbutton").click(function() {
-				document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true";
-			});
-			$("#IDENTIFIER").click(function() {
-				document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true";
-			});
-			
-			$("#messageSuccess").hide();
-			$("#messageFailed").hide();
+            //$("txt").hide();
+            $(".loginbutton").click(function() {
+                document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true";
+            });
+            $("#IDENTIFIER").click(function() {
+                document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true";
+            });
 
 
-			function add_grammar(value) {
-				$('#status').val($('#status').val()+value+" ");
-				$('#status').change();
-			}
-			
-			// BUTTONS
-			$("#positive").click(function(){
-				add_grammar("++");
-			});
-			$("#negative").click(function(){
-				add_grammar("--");
-			});
-			$("#reference").click(function(){
-				add_grammar("==");
-			});
-			$("#question").click(function(){
-				add_grammar("??");
-			});
-			
-			// SEND TWEETS
-			$("#sendTweet").click(function(){
-				var MyStatus = $('#status').val();
-				$.post('tweet_ajax.php', {status:MyStatus}
-				,function(data) {
-				
-					if(data=="true"){
-						$("#messageSuccess").show('fast');
-						$("#messageSuccess").delay(800).hide('slow');
-						$('#status').val("<?php echo($config['hashtag']); ?>");
-						$('#status').change();
-					}else{
-						$("#error").text(data);
-						$("#messageFailed").show('fast');
-						$("#messageFailed").delay(800).hide('slow');
-					}
-					
-				});
-				
-			});
+            function add_grammar(value) {
+                $('#status').val($('#status').val()+value+" ");
+                $('#status').change();
+            }
+            
+            // BUTTONS
+            $(".tweetButton").click(function() {
+                add_grammar($(this).text());
+            })
+            
+            // SEND TWEETS
+            $("#sendTweet").click(function(){
+                var MyStatus = $('#status').val();
+                $.post('tweet_ajax.php', {status:MyStatus}
+                ,function(data) {
+                
+                    if(data=="true"){
+                        $("#messageSuccess").show('fast');
+                        $("#messageSuccess").delay(800).hide('slow');
+                        $('#status').val("<?php echo($config['hashtag']); ?>");
+                        $('#status').change();
+                    }else{
+                        $("#error").text(data);
+                        $("#messageFailed").show('fast');
+                        $("#messageFailed").delay(800).hide('slow');
+                    }
+                    
+                });
+                
+            });
 
-			$("#status").bind("change keyup paste blur focus",function() {
-				newval = 140-$("#status").val().length;
-				$('#tweetCounter').val(newval);
-				if(newval < 0) {
-					$('#tweetCounter').addClass("tweetCounterNegative");
-				}
-				else {
-					$('#tweetCounter').removeClass("tweetCounterNegative");
-				}
-			});
-			
-			$(".timeFrame").tooltip();
-			/*
-			*   Lightbox button
-			*/
-			
-			$("#Program").fancybox({
-				'width'				: '75%',
-				'height'			: '75%',
-				'autoScale'			: false,
-				'transitionIn'		: 'none',
-				'transitionOut'		: 'none',
-				'type'				: 'iframe'
-			});
-			
-			$("#ACCES").click(function() {
-				$.fancybox.close();
-			});
-			
-			// Buttons
-			
+            $("#status").bind("change keyup paste blur focus",function() {
+                newval = 140-$("#status").val().length;
+                $('#tweetCounter').val(newval);
+                if(newval < 0) {
+                    $('#tweetCounter').addClass("tweetCounterNegative");
+                }
+                else {
+                    $('#tweetCounter').removeClass("tweetCounterNegative");
+                }
+            });
+            
+            
+            $("#Program").fancybox({
+                'width'             : '75%',
+                'height'            : '75%',
+                'autoScale'         : false,
+                'transitionIn'      : 'none',
+                'transitionOut'     : 'none',
+                'type'              : 'iframe'
+            });
+            
 
         });
 
-		//<!-- LIMIT TEXTAREA:
-		function imposemax(Object) {
-            return (Object.value.length <= 140);
-		};
+        //<!-- LIMIT TEXTAREA:
+        function imposemax(obj) {
+            obj.value = obj.value.substr(0,140);
+        };
         // End -->
-		
-		//<!-- TIMER
-	    var c=0;
-        var t;
-		var timer_is_on=0;
-
-		function timedCount()
-		{
-			document.getElementById('txt').value=c;
-			c = c+1;
-			t = window.setTimeout("timedCount()",1000);
-			$(".twtr-ft").hide();
-			$(".twtr-hd").hide();
-			//twtr-tweet
-			$(".twtr-tweet").each(colorTweetings);
-		
-		}
 
-		function colorTweetings (){
-				var tweettemp = $(this).html();
-				if (tweettemp.search(/\x3F\x3F/)!=-1){
-					 $(this).css({'background-color': '#bfdbec','color':"#000"});
-				}
-				if (tweettemp.search(/\x2B\x2B/)!=-1){
-					 $(this).css({'background-color': '#c5e7cd','color':"#fff"});
-				}
-				if (tweettemp.search(/\x2D\x2D/)!=-1){
-					 $(this).css({'background-color': '#f6ced0','color':"#fff"});
-				}
-				if (tweettemp.search(/\x3D\x3D/)!=-1){
-					 $(this).css({'background-color': '#ecedc1','color':"#000"});
-				}
-		};
-			
-
-		
-		function doTimer()
-		{
-		if (!timer_is_on)
-		  {
-		  timer_is_on=1;
-		  timedCount();
-		  }
-		}
-
-		function stopCount()
-		{
-			clearTimeout(t);
-			timer_is_on=0;
-		}
-		//
-		//-->
-	</script>
-	
-	<script type="text/javascript">
-	
-	  var _gaq = _gaq || [];
-	  _gaq.push(['_setAccount', 'UA-23581291-1']);
-	  _gaq.push(['_trackPageview']);
-	  _gaq.push(['_setAllowAnchor', true]);
-	
-	  (function() {
-	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-	  })();
-	
-	</script>
-	
+    </script>
+    
+    <script type="text/javascript">
+    
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-23581291-1']);
+      _gaq.push(['_trackPageview']);
+      _gaq.push(['_setAllowAnchor', true]);
+    
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+    
+    </script>
+    
   </head>
   <body>
-	<div id="sendUsFeedBack"><a href="<?php echo($C_feedback_form_url); ?>" target="_blank"><img src="<?php echo(URL_ROOT); ?>images/sendusfeedback.png"></a></div>
-    <div class="container">
-      <img src="<?php echo($head_logo); ?>" class="Producteur logo">
-      <div id="minilogo" style="height:5px;top:5px;"></div>
-	  <ul class="menu">
-	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>" class="menuLink">
-	  	<?php print $translate->_("Accueil"); ?> </a></li>
-	  <li class="menuUnderline" ><a href="<?php echo($translate->_('config__link')); ?>" class="menuLink" target="_blank" id='Program'>
-	  	<?php print $translate->_("Programme"); ?></a></li>
-	  <li ><a href="../about.php" class="menuLink" >
-	  	<?php print $translate->_("A propos"); ?></a></li>
-
-	  </ul>
-	  
-	  	  <ul class="menu" >
-	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>client.php?lang=ja_JP" class="menuLink" >
-	       <img src='<?php echo(URL_ROOT); ?>images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
-	        <?php print $translate->_("Japonais"); ?></a></li>
-	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>client.php?lang=fr" class="menuLink">
-	       <img src='<?php echo(URL_ROOT); ?>images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
-	       <?php print $translate->_("Français"); ?></a></li>
-	  <li ><a href="<?php URL_ROOT ?>client.php?lang=en" class="menuLink">
-	       <img src='<?php echo(URL_ROOT); ?>images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
-	       <?php print $translate->_("Anglais"); ?></a></li>
-	  </ul>
-
-	  
-	  <div class="videoLive">
-	  <?php if ($config['islive']):?>
-	  <div class="videoLivePlayer">
-			<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375">
-				<param name="movie" value="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf" />
-				<param name="allowfullscreen" value="true" />
-				<param name="allowscriptaccess" value="always" />
-				<param name="wmode" value="transparent" />
-				<param name="flashvars" value="autostart=true&live=true&image=<?php echo($big_visual_url); ?>&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" />
-				<embed
-					type="application/x-shockwave-flash"
-					id="player2"
-					name="player2"
-					src="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf"
-					width="500"
-					height="375"
-					allowscriptaccess="always"
-					allowfullscreen="true"
-					wmode="transparent"
-					flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=<?php echo($big_visual_url); ?>&controlbar=none&autostart=true"
-					
-				/>
-			</object>
-			
-		</div>
-		<?php elseif(isset($config['islive_embed']) && count($config['islive_embed'])>0):?>
-		<div class="videoLivePlayer">
-		    <?php echo($config['islive_embed']); ?>
-		</div>
-	  	<?php else: ?>
-		<div class="videoLivePlayer">
-			<img src="<?php echo($big_visual_url); ?>" width="500"  height="375" />
-		</div>
-		<?php endif; ?>
-		
-	  </div>
-
-	<div class="videoLiveProgram">
-		
-		<div class="arrowContainer">
-			<div class="arrow"> </div>
-		</div>
-		<div class="videoLiveProgramTitle">
-			<b><?php echo($translate->_('config__title')); ?></b></div>
-		<div class="videoLiveProgramDescription">
-			<br><?php echo($translate->_('config__description')); ?></div>
-		
-		
-	</div>
-	  
-	  <div class="tweetWriter">
-		<h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3>
-		<form  action="tweet.php" method="post" id="statusform" >
-		<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
-				echo("<div class='loginbutton' ><a href='".URL_ROOT."$rep/client.php?CONNECT=true' class='loginlink'>
-				".$translate->_("Vous n'êtes pas connecté.")."</a></div>");
-			  }else{
-				echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>$config[hashtag]</textarea>");
-			  }
-		?>
-
+    <div id="sendUsFeedBack"><a href="<?php echo($C_feedback_form_url); ?>" target="_blank"><img src="<?php echo(URL_ROOT); ?>images/sendusfeedback.png"></a></div>
 
-				<div id="messageSuccess" style="background-color:lightgreen;">
-					<?php print $translate->_("Envoyé"); ?><br><br>
-				</div>
-				
-				<div id="messageFailed" style="background-color:red;">
-					<?php print $translate->_("Erreur1"); ?><div id="error">&nbsp;</div><br/><br>
-				</div>
-
-			  
-			
-			<a class="button_w" href="#"  id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" >
-				<span><?php print $translate->_("Envoyer"); ?></span>
-			</a>
-			<!--<button name="s" type="button" id="sendTweet"
-					style="float:right;margin-right:15px;margin-left:35px;width:70px;"  >Envoyer</button>-->
-			<?php if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])): ?>
-			<input id="tweetCounter" value="<?php echo(140-strlen($config['hashtag']));?>" disabled="disabled" size="3"/>
-			<?php endif;?>
-			<a
-					
-					id="positive"
-					title="accord"
-					class="tweetButton">++</a>
-			<a
-					
-					id="negative"
-					title="désaccord"
-					class="tweetButton">--</a>
-			<a
-					
-					id="reference"
-					title="reference"
-					class="tweetButton">==</a>
-			<a
-					
-					id="question"
-					title="question"
-					class="tweetButton"> ??</a>
-		</form>
-	  </div>
-	  
-	  <div class="tweetReader">
-			<script>
-				new TWTR.Widget({
-				  version: 2,
-				  type: 'search',
-				  search: '<?php echo($config['hashtag']); ?>',
-				  interval: 3000,
-				  title: '',
-				  subject: '',
-				  width: 377,
-				  height: 450,
-				  theme: {
-					shell: {
-					  background: '#ffffff',
-					  color: '#ffffff'
-					},
-					tweets: {
-					  background: '#ffffff',
-					  color: '#444444',
-					  links: '#1985b5'
-					}
-				  },
-				  features: {
-					scrollbar: true,
-					loop: false,
-					live: true,
-					hashtags: true,
-					timestamp: true,
-					avatars: true,
-					toptweets: true,
-					behavior: 'all'
-				  }
-				}).render().start();
-			</script>
-	  </div>
-
-      <div class="footer">
-		<hr>
-		 <?php
-				echo($translate->_('config__partenaires'));
-				
-				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
-					echo("| 	<a href='clear.php'  class='footerLink'>".$translate->_("D&eacute;connexion")."</a>");
-				}
-		 ?>
-		  <input type="hidden" id="txt"/>
-		  
-	  </div>
-	
-
-    </div>
-	
+        <div id="container">
+            <div id="colgauche">
+                <div class="barre">
+                    <img id="headlogo" src="<?php echo($head_logo); ?>" width="171" height="63" />
+                    <ul class="menu">
+                        <li>
+                            <a href="<?php echo(URL_ROOT); ?>" class="menuLink">
+                                <?php print $translate->_("Accueil"); ?>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<?php echo($translate->_('config__link')); ?>" class="menuLink" target="_blank" id='Program'>
+                                <?php print $translate->_("Programme"); ?>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="../about.php" class="menuLink" >
+                                <?php print $translate->_("A propos"); ?>
+                            </a>
+                        </li>
+                    </ul>
+                    <ul class="menu">
+                        <li>
+                            <a href="<?php URL_ROOT ?>client.php?lang=ja_JP" class="menuLink" >
+                                <img src='<?php echo(URL_ROOT); ?>images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
+                                <?php print $translate->_("Japonais"); ?>
+                            </a></li>
+                        <li>
+                            <a href="<?php URL_ROOT ?>client.php?lang=fr" class="menuLink">
+                                <img src='<?php echo(URL_ROOT); ?>images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
+                                <?php print $translate->_("Français"); ?>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<?php URL_ROOT ?>client.php?lang=en" class="menuLink">
+                                <img src='<?php echo(URL_ROOT); ?>images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
+                                <?php print $translate->_("Anglais"); ?>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <div id="twwWrap">
+                    <div id="tweetWriter">
+                        <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3>
+                        <form  action="tweet.php" method="post" id="statusform" >
+                            <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
+                                echo("<div class='loginbutton'><a href='".URL_ROOT."$rep/client.php?CONNECT=true' class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</a></div>");
+                            } else {
+                                echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='imposemax(this);'>$config[hashtag]</textarea>");
+                            }
+                            ?>
+                            <div id="messageSuccess" style="background-color:lightgreen; display: none;">
+                                <?php print $translate->_("Envoyé"); ?><br/><br/>
+                            </div>
+                            <div id="messageFailed" style="background-color:red; display: none;">
+                                <?php print $translate->_("Erreur1"); ?><div id="error">&nbsp;</div><br/><br/>
+                            </div>
+                            <a href="#"  id="sendTweet" >
+                                <span><?php print $translate->_("Envoyer"); ?></span>
+                            </a>
+                            <?php if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])): ?>
+                            <input id="tweetCounter" value="<?php echo(140-strlen($config['hashtag']));?>" disabled="disabled" size="3"/>
+                            <?php endif;?>
+                            <a id="positive" title="<?php echo $translate->_('Agree'); ?>" class="tweetButton">++</a>
+                            <a id="negative" title="<?php echo $translate->_('Disagree'); ?>" class="tweetButton">--</a>
+                            <a id="reference" title="<?php echo $translate->_('Reference'); ?>" class="tweetButton">==</a>
+                            <a id="question" title="<?php echo $translate->_('Question'); ?>" class="tweetButton"> ??</a>
+                            
+                            <div style="clear: both;"></div>
+                        </form>
+                    </div>
+                </div>
+                <div id="tweetviz">
+                    <div class="barre">
+                        <form id="recherche">
+                            <input autocomplete="off" class="greyed" id="inp_q" value="<?php echo $translate->_('Rechercher'); ?>" />
+                            <input id="inp_submit" type="submit" />
+                            <input id="inp_reset" type="reset" />
+                            <div id="time_controls">
+                                <div id="time_legende"></div>
+                                <div id="time_scale"></div>
+                                <a href="#" id="time_zoomout"></a>
+                                <a href="#" id="time_zoomin"></a>
+                            </div>
+                            <div id="recherche_annot">
+                                <?php echo $translate->_('SearchByPolemic'); ?> : <span id="rech_list_annot"></span><br />
+                            </div>
+                        </form>
+                    </div>
+                    <ul id="tweetlist"></ul>
+                    <div id="timeline"></div>
+                    <div id="scrollcont">
+                        <div id="scrollin"></div>
+                    </div>
+                </div>
+            </div>
+            <div id="coldroite">
+                <div id="vlWrap">
+                    <div id="videoLivePlayer">
+                    <?php if ($config['islive']):?>
+                        <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="480" height="320">
+                            <param name="movie" value="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf" />
+                            <param name="allowfullscreen" value="true" />
+                            <param name="allowscriptaccess" value="always" />
+                            <param name="wmode" value="transparent" />
+                            <param name="flashvars" value="autostart=true&live=true&image=<?php echo($big_visual_url); ?>&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" />
+                            <embed
+                                type="application/x-shockwave-flash"
+                                id="player2"
+                                name="player2"
+                                src="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf"
+                                width="480"
+                                height="320"
+                                allowscriptaccess="always"
+                                allowfullscreen="true"
+                                wmode="transparent"
+                                flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=<?php echo($big_visual_url); ?>&controlbar=none&autostart=true"
+                            />
+                        </object>
+                    <?php elseif(isset($config['islive_embed']) && count($config['islive_embed'])>0):?>
+                        <?php echo($config['islive_embed']); ?>
+                    <?php else: ?>
+                        <img src="<?php echo($big_visual_url); ?>" width="480"  height="320" />
+                    <?php endif; ?>
+                    </div>
+                </div>
+                <div id="out_fleche">
+                <!--    <div id="in_fleche"></div> -->
+                </div>
+                <ul id="accordeon">
+                    <li class="acctitre">
+                        <h3><?php echo($translate->_('config__title')); ?></h3>
+                    </li>
+                    <li class="acctexte">
+                        <p><?php echo($translate->_('config__description')); ?></p>
+                    </li>
+                    <li class="acctitre">
+                        <h3><?php echo $translate->_('Tagcloud'); ?></h3>
+                    </li>
+                    <li class="acctexte hidden" id="motscles"></li>
+                </ul>
+            </div>
+            <div class="footer">
+                <hr />
+         <?php
+                echo($translate->_('config__partenaires'));
+                
+                if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
+                    echo("| <a href='clear.php' class='footerLink'>".$translate->_("D&eacute;connexion")."</a>");
+                }
+         ?>
+            </div>
+        </div>
+        <div id="hovertweet">
+            <div id="hovercontent"></div>
+            <div id="hoverarrow"></div>
+        </div>
   </body>
-</html>
+</html>
\ No newline at end of file