<?php

/**
 * include some common code (like we did in the 90s)
 * People still do this? ;)
 */
$rep = $_REQUEST['rep'];
include_once dirname(__FILE__).'/'.$rep.'/config.php';
// configuration
include 'common.php';
 // objet actuel
$baseurl = URL_ROOT;

$div_height = 640;
if($translate->_('config__div_height') != 'config__div_height') {
    $div_height = $translate->_('config__div_height');
}
$tweet_explain_background = URL_ROOT.'images/tweetExplainBgd.gif';
if(file_exists(dirname(__FILE__)."/$rep/images/tweetExplainBgd.gif")) {
    $tweet_explain_background = URL_ROOT.$rep.'/images/tweetExplainBgd.gif';
}

$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');
}

$url = (!empty($_SERVER['HTTPS'])) ? "https://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'] : "http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];

$protocol_level = (
    isset($_REQUEST['protocol_level'])
    ? $_REQUEST['protocol_level']
    : (
        isset($config['protocol_level'])
        ? $config['protocol_level']
        : 3
    )
);

$protocol_level = min(3,max(0, $protocol_level));

$use_protocol = (isset($_REQUEST['protocol_level']) || isset($config['protocol_level']));

if ($use_protocol && !isset($_SESSION['answered_events'])) {
    $_SESSION['answered_events'] = array();
}

$show_splash = ( $use_protocol && !in_array($rep, $_SESSION['answered_events']) );

if ($show_splash) {
    array_push($_SESSION['answered_events'], $rep);
}

//$annotation_protocol_version = isset($config['annotation_protocol_version'])?$config['annotation_protocol_version']:"1";
$annotations = get_default_annotations_config($config, $translate);

?>
<!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 &mdash; <?php echo($translate->_('config__title')); ?></title>
    <meta name="keywords" content="<?php echo($translate->_('config__keywords')); ?>"><!-- add timestampedmetadata -->
    <!--<meta name="description" content="PoelmicTweet.fr : debate mapping, opinion, conference, video">-->
    <meta name="description" content="<?php echo(strip_tags($translate->_('config__description'))); ?>">
    <meta name="robots" content="index, follow">

    <!-- ICI : <?php echo($_SERVER['DOCUMENT_ROOT']); ?> -->
    <!-- JAVASCRIPT -->
    <script type="text/javascript" src="<?php echo(registry_url('json-js','js'));?>"></script>
    <script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script>
    <script type="text/javascript">
        $.noConflict();
    </script>
    <script type="text/javascript" src="<?php echo(registry_url('fancybox','js'));?>"></script>
    <script type="text/javascript" src="<?php echo(registry_url('jquery-url','js'));?>"></script>
    <script type="text/javascript" src="<?php echo(registry_url('metadataplayer','js'));?>"></script>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
    <link rel="stylesheet" href="<?php echo(registry_url('fancybox','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'/>

    <link href='<?php echo(URL_ROOT); ?>res/css/common.css' rel='stylesheet' type='text/css'/>


    <script type="text/javascript">
          // Configuration Polemical Timeline
    if (typeof jQuery == "undefined") {
        jQuery = IriSP.jQuery;
    }
    <?php
          if(is_array($translate->_('config__metadata'))):
            $metadataurls = array_map("get_metadata_json_url",$translate->_('config__metadata'));
            reset($metadataurls);
            $first_key = key($metadataurls);
    ?>
    var metadatas = jQuery.parseJSON('<?php echo(json_encode($metadataurls)); ?>');
    var url = jQuery.url();
    var metadata_key = url.fparam('metadata');
    if(typeof metadata_key === "undefined" || metadata_key.length === 0) {
        metadata_key = "<?php echo($first_key);?>";
    }
    <?php else: ?>
    var metadatas = { metadata: {url: "<?php echo(get_metadata_url($translate->_('config__metadata')));?>"} };
    var metadata_key = "metadata";
    <?php endif;?>
    var _protocol_level = _protocol_level,
        _cookiematches = document.cookie.match(/PHPSESSID=([A-Za-z0-9]+)/),
        _cookie = (_cookiematches && _cookiematches.length > 1 ? _cookiematches[1] : undefined);

    IriSP.libFiles.defaultDir = "<?php echo(registry_url('libdir','js'));?>";
    IriSP.widgetsDir = "<?php echo(registry_url('ldtwidgets','js'));?>";
    IriSP.libFiles.locations.jwPlayerSWF = "<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf";
    IriSP.language = "<?php echo($actual) ?>";

    var _metadata = {
        url: metadatas[metadata_key].url + '?callback=?',
        format: 'ldt'
    };
    var _config = {
        width: 600,
        height: 800,
        container: 'LdtPlayer',
        default_options: {
            metadata: _metadata
        },
        css:'<?php echo(registry_url('metadataplayer','css'));?>',
        widgets: [
            {
                type: "AutoPlayer",
                height: 360,
                width: 600,
                url_transform: function(u) {
                    var res = u.replace('ddc_player/video', 'ddc_player/mp4:video');
                    //console.log(res);
                    return res;
                }
            },
            { type: "Slider" },
            {
                type: "Controller",
                disable_annotate_btn: true
            },
<?php if ($protocol_level > 1): ?>
            {
                type: "Polemic",
                max_elements: 60,
<?php if ($protocol_level < 4): ?>
                polemics: []
<?php elseif (isset($annotations)): ?>
                polemics : [
<?php foreach ($annotations as $annot_key => $annot_def): ?>
    <?php 
    $hVal = (isset($annot_def['colors'])&&isset($annot_def['colors']['h']))?floatval($annot_def['colors']['h']):0.17;
    $hVal = ($hVal<1)?floor($hVal*360.0):$hVal;
    $sVal = (isset($annot_def['colors'])&&isset($annot_def['colors']['s']))?floatval($annot_def['colors']['s']):1.0;

    $polemicColor = isset($annot_def['polemic_color'])?$annot_def['polemic_color']:rgb2hex(hsl2Rgb($hVal, $sVal, 0.5));

    if($annot_key == 'default') { continue; } ?>
                    {
                        "name" : "<?php echo $annot_def['polemic_cat']; ?>",
                        "keywords" : <?php echo json_encode($annot_def['polemic_keywords']); ?>,
                        "color" : "<?php echo $polemicColor; ?>"
                    },
<?php endforeach; ?>
                ]
<?php endif; ?>
            },
<?php endif; ?>
<?php if ($protocol_level > 1 || isset($annotations)): ?>
            {
                type: "MultiSegments",
                //annotation_type: "chap"
            },
            {
                type: "Annotation",
                annotation_type: "découpage"
            },
            { type: "Tweet" },
            {
                type: "Tagcloud",
                container: "TagcloudContainer",
                exclude_pattern: /^@/,
                custom_stopwords: <?php echo json_encode(array($translate->_('config__hashtag'))) ?>
            },
            {
                type: "AnnotationsList",
                //ajax_url : "<?php echo(LDT_PLATFORM); ?>ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}?callback=?",
                //foreign_url : "<?php echo(LDT_PLATFORM); ?>ldtplatform/ldt/front/player/{{media}}/{{project}}/{{annotationType}}#id={{annotation}}",
                container: "AnnotationsListContainer"
            },
            {
                type: "CreateAnnotation",
                api_endpoint_template: "<?php echo(LDT_PLATFORM); ?>ldtplatform/api/ldt/1.0/annotations/",
                api_method: 'POST',
                after_send_timeout: 8000,
                show_mic_record: false,
                close_after_send: false,
                slice_annotation_type: ["chap","découpage"],
                creator_avatar: "<?php echo(URL_ROOT); ?>images/avatar.png"
            },
<?php endif; ?>
            { type: "Mediafragment"},
        ]
    };

    jQuery(document).ready(function() {
<?php if ($show_splash): ?>
        jQuery.fancybox(
            jQuery("#splash").html(),
            {
                width: 500,
                modal: true,
                closeBtn: false
            });

        jQuery("#fancybox-content form").submit(function() {
            jQuery.fancybox.close();
            var _checkboxes = [];
            jQuery("#fancybox-content .checkbox:checked").each(function() { _checkboxes.push(this.value) });
            var _data = {
                    eventLink: _checkboxes,
                    eMail: jQuery("#fancybox-content .eMail").val(),
                    twitterHandle: jQuery("#fancybox-content .twitterHandle").val(),
                    cookie: _cookie,
                    protocol_level: _protocol_level
                };
            return false;
        });
<?php endif; ?>

        jQuery("#mdselect_"+metadata_key).attr("selected","selected");
        jQuery("#mdselect").change(function() {
            var metadata_key = this.options[this.selectedIndex].value;
            window.location.hash = "#metadata="+metadata_key;
            window.location.href = window.location.href;
            window.location.reload(true);
            jQuery(".embedbutton").attr('href','<?php echo(URL_ROOT.$rep);?>/embed_form.php?metadata='+metadata_key);
        });
        if(metadata_key !== "metadata") {
            jQuery(".embedbutton").attr('href','<?php echo(URL_ROOT.$rep);?>/embed_form.php?metadata='+metadata_key);
        }
        jQuery(".embedbutton").fancybox({
            'width'                : 360,
            'height'            : 360,
            'autoDimensions'    : false,
            'transitionIn'        : 'none',
            'transitionOut'        : 'none',
            'type'                : 'iframe'
        });
        jQuery("#Program").fancybox({
            type: "iframe",
            width: 840,
            height: 640,
            transitionIn: "none",
            transitionOut: "none"
        });
        jQuery(".acctitre").click(function() {
            var _nx = jQuery(this).next();
            if (_nx.is(":hidden")) {
                jQuery(".acctexte").slideUp();
                _nx.slideDown();
            }
        })

    });
    </script>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-23581291-1']);
        _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]);
        _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-->

  <!-- tooltip -->
  </div>
    <div id="splash" style="display:none;">
        <div class="splash">
            <h1><?php echo $translate->_("Protocol_Head").$translate->_('config__title'); ?></h1>
            <p><?php echo $translate->_("Protocol_Subtitle"); ?></p>
            <?php echo $translate->_("Protocol_Explain_Level_".$protocol_level); ?>
            <hr />
            <h2><?php echo $translate->_("Protocol_Questions_Head"); ?></h2>
            <form target="_blank">
                <h3><?php echo $translate->_("Protocol_Questions_Part_1_prefix").$translate->_('config__title').$translate->_("Protocol_Questions_Part_1_suffix"); ?></h3>
                <ul>
                    <li><input class="checkbox" type="checkbox" value="wasThere"/><?php echo $translate->_("Protocol_Answer_WasThere"); ?></li>
                    <li><input class="checkbox" type="checkbox" value="watchedStream"/><?php echo $translate->_("Protocol_Answer_WatchedStream"); ?></li>
                    <li><input class="checkbox" type="checkbox" value="liveTweeted"/><?php echo $translate->_("Protocol_Answer_liveTweeted"); ?></li>
                    <li><input class="checkbox" type="checkbox" value="none"/><?php echo $translate->_("Protocol_Answer_none"); ?></li>
                </ul>
                <h3><?php echo $translate->_("Protocol_Questions_Part_2"); ?></h3>
                <ul>
                    <li><label><?php echo $translate->_("Protocol_Answer_Mail"); ?></label><input class="eMail" name="eMail" /></li>
                    <li><label><?php echo $translate->_("Protocol_Answer_Twitter"); ?></label><input class="twitterHandle" name="twitterHandle" /></li>
                </ul>
                <input type="submit" value="<?php echo $translate->_("Protocol_Submit_Label"); ?>" class="submit" />
            </form>
        </div>
    </div>
    <div id="container">
        <div class="barre">
            <img id="headlogo" src="<?php echo($head_logo); ?>" width="171" height="63" />
            <div id="minilogo"></div>
            <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 ?>polemicaltimeline.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 ?>polemicaltimeline.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 ?>polemicaltimeline.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>

    <?php if(is_array($translate->_('config__metadata'))): ?>
    <ul id="content_select_ul" class="menu mdselect">
        <span><?php print $translate->_("changer de contenu"); ?></span><br/>
        <select id="mdselect">
            <?php foreach ($translate->_('config__metadata') as $key => $value):?>
            <option value="<?php echo($key); ?>" id="mdselect_<?php echo($key); ?>" ><?php echo($value['display']); ?></option>
            <?php endforeach;?>
        </select>
    </ul>
    <?php endif;?>
            <div class="embedbar">
                <a class="embedbutton" href="<?php echo(URL_ROOT.$rep)?>/embed_form.php">Intégrer</a>
                <!-- AddThis Button BEGIN -->
                <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                    <a class="addthis_button_facebook"></a>
                    <a class="addthis_button_twitter"></a>
                    <a class="addthis_button_email"></a>
                    <a class="addthis_button_compact"></a>
                </div>
                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
                <!-- AddThis Button END -->
            </div>
        </div>

    <!-- EXPLICATION  -->
    <div id="mdpgauche">
        <ul class="accordeon">
            <div id="Slideshare"></div>
            <li class="acctitre">
                <h3><?php echo($translate->_('config__title')); ?></h3>
            </li>
            <li class="acctexte mdpacclimited">
                <p><?php echo($translate->_('config__description')); ?></p>
            </li>

<?php if (!$use_protocol): ?>
            <li class="acctitre">
                <h3>Liste des Annotations</h3>
            </li>
            <li class="acctexte mdpacclimited" style="display: none;">
                <div id="AnnotationsListContainer"></div>
            </li>
            <li class="acctitre">
                <h3>Mots-clés</h3>
            </li>
            <li class="acctexte mdpacclimited" style="display: none;">
                <div id="TagcloudContainer"></div>
            </li>
<?php endif; ?>
        </ul>

      </div>




      <div id="mdpdroite" >
        <div id="LdtPlayer"></div>
      </div>
<script type="text/javascript">
    var _myPlayer = new IriSP.Metadataplayer(_config);
</script>
  </div>

      <div class="footer">

        <hr>
            <?php echo($translate->_('config__partenaires')); ?><br>
            <span id="streaming-footer">Streaming par</span><a href="https://www.getronics.com/" class='footerLink' target='_blank'><span id="streaming-footer-logo"></span></a> 
      </div>

    </div>

  </body>
</html>
