<?php
/**
 * include some common code (like we did in the 90s)
 * People still do this? ;)
 */
include_once './common.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="<?php echo($actual); ?>">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>ENMI 2010 - Live Video and Annotation</title>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

    <!-- Import fancy-type plugin for the sample page. -->
    
	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="res/css/tabs-slideshow.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >

	<!-- JAVASCRIPT --> 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<!--<script type="text/javascript" src="res/jquery.tools/jquery.tools.min.js"></script>-->
	<script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script>
	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
	
	<!-- FONT -->
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>

	<script type="text/javascript">	
	$(document).ready(function() {

			
			$(".archivesVideoBox").mouseover(function() {
				//$(this).animate({'backgroundColor'});
				//$(this).css({'backgroundColor':'#d6d6d6'});
				$(this).css({'backgroundColor':'#fff'});
				$(this).cursor = "pointer";
			}).mouseout(function(){
				//$(this).css({'backgroundColor':'#f6f6f6'});
				$(this).css({'backgroundColor':'#f2f2f2'});
			});
		});



		
	</script>
	<script type="text/javascript">
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-9955524-3']);
	  _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
	  _gaq.push(['_trackPageview']);
	
	  (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 class="container">
     <a href="index.php">  <img src="images/ENMI_2010_logo.gif" class="logo"></a>
	  <ul class="menu"> 
	  <li class="menuUnderline"><a href="index.php" class="menuLink">
	  <?php print $translate->_("Accueil"); ?></a></li>
	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink">
	  <?php print $translate->_("S&apos;identifier"); ?></a></li>
	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
	  <?php print $translate->_("Contact"); ?></a></li>
	  </ul>
	  
	  	  <ul class="menu lang" > 
	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" >
	       <img src='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 ?>?lang=fr" class="menuLink">
	       <img src='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 ?>?lang=en" class="menuLink">
	       <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
	       <?php print $translate->_("Anglais"); ?></a></li>
	  </ul>

	
	  
	  <div class="aboutBox">
	  <div class="archivesBoxHeader"></div>
		<div class="archivesBoxContainer">
			<!-- -->
			<h3 class="archivesTitle"><?php print $translate->_("A propos"); ?> : </h3><br/>
			<div class="span-12 prepend-1 colborder">
			
				<div class='AVBtitle'><?php print $translate->_("1. AboutTitle"); ?></div>
				<br/>
				<?php print $translate->_("1. AboutText"); ?>
				<br/>
			</div>
			
			
			<div class="span-7 last">
				<div class="AVBtitle"><?php print $translate->_("2. AboutIRITitle"); ?></div>
					<?php print $translate->_("2. AboutIRIText"); ?>
					
				<div class="AVBtitle"><?php print $translate->_("3. AboutCreditsTitle"); ?></div>
					<br/>
					<?php print $translate->_("3. AboutCreditsText"); ?>
			</div>


		</div>
		<div class="archivesBoxClear"></div>
		<div class="archivesBoxFooter"></div>
	  </div>
	 <!--
      <div class="footer">
		<hr>
		<a href="http://www.iri.centrepompidou.fr/" class="footerLink"> Tweet polemic </a> 
		est une expérimentation de l'
		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink">Institut de recherche et d’innovation </a>
		 <?php 
				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
				}
		 ?>
		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
	  </div>   
	-->

    </div>
	
	<!-- LIGHTBOX --> 
	<div style="display:none;">
		<div id="Aboutbox" >
		<div class="lightBorder">
			<div class="lightTitle">ENMI 2010</div>
			<div class="lightSubTitle">Annotation critique par tweet </div>
			<div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre.
			</div>
			<div>
				<br/>
				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
			</div>
		</div>
		</div>
	</div>

	
  </body>
</html>
