<?php
error_reporting(E_ALL);
ini_set('display_errors', '1');
/**
 * include some common code (like we did in the 90s)
 * People still do this? ;)
 */

include_once dirname(__FILE__).'/common.php';
include_once dirname(__FILE__).'/'.$C_default_rep.'/config.php';

set_config_translations($config,$translate);


/**
 * Do we already have a valid Access Token or need to go get one?
 */
if (!isset($_SESSION['SOCIAL_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
    // /**
    //  * Guess we need to go get one!
    //  */
    // $token = $consumer->getRequestToken();
    // $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);

    // /**
    //  * Now redirect user to Twitter site so they can log in and
    //  * approve our access
    //  */
    // $consumer->redirect();
    $get_social_request_token();
}

?>
<!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>Polemic tweet - Live Video and Annotation</title>

    <!-- 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('tabs-slideshow','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('jquery-migrate','js'));?>"></script>
	<?php if( isset($_REQUEST['highlight']) && !empty($_REQUEST['highlight'])) { ?>
    <script type="text/javascript" src="<?php echo(registry_url('jquery-ui','js'))?>"></script>
    <?php } ?>
	<script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'));?>"></script>
	<script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','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'>

	<script type="text/javascript">
	$(document).ready(function() {
		$(".loginbutton").click(function() {
			document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true";
		});
		$("#IDENTIFIER").click(function() {
			document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true";
		});
		$("#ACCES").click(function() {
			document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php";
		});
		$(".archivesVideoBox").mouseover(function() {
			$(this).css({'backgroundColor':'#fff'});
			$(this).cursor = "pointer";
		}).mouseout(function() {
			$(this).css({'backgroundColor':'#f2f2f2'});
		});
		
		//<!-- SLIDER -->
		$(".slidetabs").tabs(".images > div", {
			effect: 'fade',
			rotate: false,
			interval: 4000,
			clickable:false
		}).slideshow();
		
		$(".slidetabs").data("slideshow").play();

		$(".scrollable").scrollable();
	});

    // hightlight
    <?php
    $effect = "highlight";
    if(isset($_REQUEST['highlight_effect']) && !empty($_REQUEST['highlight_effect'])) {
        $effect = $_REQUEST['highlight_effect'];
    }
    if( isset($_REQUEST['highlight']) && !empty($_REQUEST['highlight'])) { ?>
    $(function() {
        $("<?php echo $_REQUEST['highlight'];?>").delay(1000).effect("<?php echo $effect; ?>", {}, 5000);
    });
    <?php } ?>
		

		
	</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="images/ENMI_2010_logo.gif" class="logo">
	  <ul class="menu">
	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true" class="menuLink">
	  	<?php print $translate->_("S&apos;identifier"); ?></a></li>
	  <li class="menuUnderline"><a href="about.php" class="menuLink">
	  	<?php print $translate->_("A propos"); ?></a></li>
	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
	  	<?php print $translate->_("Contact"); ?></a></li>
	  </ul>
	  <ul class="menu">
		  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>archives.php" class="menuLink">
		  	<?php print $translate->_("Archives"); ?></a></li>
	  </ul>
	  
	  <ul class="menu lang" >
	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?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 echo(URL_ROOT); ?>index.php?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 echo(URL_ROOT); ?>index.php?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="introBox">

		  <div class="slider">
		  <!-- container for the slides -->
			<div class="images">
				<!-- first slide -->
				<div class="slides" style="background-image:url('images/slide0.gif');">
				<p class="slideTitle" >
					<?php print $translate->_("0. TitreSlide"); ?>
				</p>
				<p	style="padding-top:90px;padding-left:280px;width:520px;" class="slideText">
					<?php print $translate->_("0. TextSlide"); ?>
				</p>
				</div>
				<div class="slides" style="background-image:url('images/slide1.jpg');">
				<p class="slideTitle" >
					<?php print $translate->_("1. TitreSlide"); ?>
				</p>
				<br/><br/><br/><br/>
				<p style="width:400px;padding-left:400px;" class="slideText">
				<a class="button_b" href="#"  id="IDENTIFIER"><span>
				<?php print $translate->_("1.1 TextSlide"); ?></span></a>
				<?php print $translate->_("1.2 TextSlide"); ?>,<br/> <br/>
				<a class="button_w" href="#"  id="ACCES"><span>
				<?php print $translate->_("1.3 TextSlide"); ?></span></a>
				</p>
				</div>
				<!-- second slide -->
				<div class="slides" style="background-image:url('images/slide2.jpg');">
				<p class="slideTitle" ><?php print $translate->_("2. TitreSlide"); ?></p>
				<br/><br/>
				<p	style="padding-top:90px;padding-left:280px;width:520px;" class="slideText">
				<?php print $translate->_("2. TextSlide"); ?>
				</p>
				</div>
				<!-- third slide -->
				<div class="slides" style="background-image:url('images/slide3.gif');">
				<p class="slideTitle" ><?php print $translate->_("3. TitreSlide"); ?></p>
				<br/><br/>
				<p style="width:400px;padding-right:400px;" class="slideText">
				<?php print $translate->_("3. TextSlide"); ?>
				</p>
				</div>
				<!-- fourth slide -->
				<div class="slides" style="background-image:url('<?php echo("$C_default_rep/".$translate->_("config__slide_background")); ?>');" id="event-slide">
				<p class="slideTitle" ><?php print $translate->_("4. TitreSlide"); ?></p>
				<br/><br/><br/>
				<p style="width:400px;padding-right:400px;" class="slideText" id="event-abstract">
				<?php print($translate->_('config__abstract')); ?>
				 </p>

				 <a class="button_b" href="<?php echo(URL_ROOT.$C_default_rep); ?>"><span> <?php print $translate->_("4. Button"); ?></span> </a>
				 
				</div>
			</div>

			<!-- the tabs -->
			<div class="slidetabs">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
		  </div>
		  
		<div class="intro">
			
		</div>
		  
	  </div>
	  <!-- -->
	  <div class="archivesBox">
	  <div class="archivesBoxHeader"></div>

		<div class="archivesBoxContainer scrollable">
			<!-- -->
			<div class="archivesTitleActionsContainer">
				<div class="archivesTitleContainer"><h3 class="archivesTitle"><?php print $translate->_("Archive Title :"); ?></h3></div>
				<div class="archivesActionsContainer" id="actions">
		   			<a class="prev browse left disabled"></a>
		   			<a class="next browse right"></a>
				</div>
			</div>
			
			<!-- -->
			<div class="items">
			    <?php
			    $arch_list = array_reverse($archives_list);
			   	display_archives_list($arch_list, "archive_box_3 item", URL_ROOT, dirname(__FILE__)."/", $translate);
			    ?>
		    </div>
		</div>
		<div class="archivesBoxClear"></div>
		<div class="archivesBoxFooter"></div>
	  </div>
	 
      <div class="footer">
		<hr>
		<?php
			print $translate->_("footer text home");
			if (isset($_SESSION['SOCIAL_ACCESS_TOKEN'])){
					echo("| 	<a href='clear.php'  class='footerLink'>".$translate->_("D&eacute;connexion")."</a>");
			}
		 ?>
		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
	  </div>
	

    </div>

	
  </body>
</html>
