<?php

/**
 * include some common code (like we did in the 90s)
 * People still do this? ;)
 */
include_once '../common.php';
include_once 'config.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>embed Configuration</title>
	
	<!-- 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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
	<script type="text/javascript" src="res/raphael/raphael-min.js"></script>
	
	<link rel="stylesheet" href="../res/css/custom.css" type="text/css" media="screen, projection">
	
	<!-- 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'>
	<style type="text/css"> 
		body{
			padding:0px;
			margin:0px;
			background-image:none;
			width:300px;
			padding:5px;		}
		.tooltip{
			 z-index: 10000000000;
		}
		#tip{
			 position : absolute;
			 padding : 3px;
			 z-index: 10000000000;
			 max-width: 200px;
		}	
		#tip {
			display: none;
			background: transparent url("../images/white_arrow_long.png");
			font-size: 12px;
			height: 125px;
			width: 180px;
			padding: 10px;
			padding-left: 15px;
			padding-top: 15px;
			padding-right: 15px;
			color: black;
			z-index: 10000000000;
			font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
			overflow:hidden;
		}
		#chartTimeline{
			padding-top: <?php echo($player_height-70); ?>px;
			z-index: 100000;
			position : absolute;
		}
		textarea {
			margin-left:3px;
			height: 150px;
			width: 330px;
			padding:5px;
			background-image:none;
			border:solid 1px #ccc;
		/*background-image:url(images/tweetWriterBgdTxtArea.gif);
		background-repeat:no-repeat;
		border: none;*/
		}

	</style>
	<script type="text/javascript">
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-23581291-1']);
	  _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>
  
  <h1 class="tweetWriterTitle" style="width:300px;" > <?php print $translate->_("EmbedTitle"); ?></h1>
  
  <p style="font-size:12px;width:300px;"><?php print $translate->_("EmbedText"); ?> </p>
  <textarea cols="10" rows="10"><iframe src="<?php echo($config['root'].$config['rep']); ?>/player_embed.php" width="<?php echo($player_width); ?>" height="<?php echo($player_height); ?>" frameborder="0"></iframe><p><a href="<?php echo($config['root'].$config['rep']); ?>"><?php echo($config['title']); ?></a> from <a href="<?php echo($config['link']); ?>">RSLN</a>on <a href="<?php echo($config['root']); ?>">Polemical Tweet</a>.</p>
  </textarea>

  </body>
</html>
