<?php
    $embed = (isset($_REQUEST['embed']) && $_REQUEST['embed']);
    $videoWidth = ( $embed ? 442 : 480 );
    $videoHeight = ( $embed ? 250 : 320 );
?>
<!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>Live Video and Annotation</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />

    <!-- 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('jquery-mousewheel','js'))?>"></script>
    <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','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">
        <?php echo $config['js_config']; ?>
    </script>
    <script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>

    <script type="text/javascript">
    l10n = { "rechercher" : "<?php echo $translate->_('Rechercher'); ?>" }
    
    function add_grammar(value) {
        var _st = $('#status'),
            _val = _st.val();
        _st.val( _val + ( _val[_val.length - 1] == " " ? "" : " " ) + value ).change();
    }
    
    $(document).ready(function() {
        
/*        setTimeout(function() {
            $.scrollTo(70, 1000);
        }, 2000); */
        
        $("#accordeon h3").click(function() {
            $("li.acctexte").slideToggle();
            return false;
        })

            //$("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";
            });
            
            // 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");
                }
            });
            
            
            $("#Program").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });
            
    $("#onglets a").click(function() {
        $("div.ifwrap").hide();
        $("#onglets li").removeClass("selected");
        $(this).parent().addClass("selected");
        var hr = $(this).attr("href");
        if (hr[0] == '#') {
            $(hr).show();
        } else {
            $("#iframeWrap").show();
            $("#graphFrame").attr("src", hr);
        }
        return false;
    });
            

        });

        //<!-- LIMIT TEXTAREA:
        function imposemax(obj) {
            obj.value = obj.value.substr(0,140);
        };
        // End -->

    </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<?php if ($embed) { echo ' class="embed"'; } ?>>
    <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="container">
            
            <div id="coldroite">
                <ul id="onglets">
                    <li class="selected">
                        <a href="#vlWrap"><?php echo($translate->_('Video')); ?></a>
                    </li>
                    <li>
                        <a href="../sweet-tweet/small.html"><?php echo($translate->_('SemanticBoard')); ?></a>
                    </li>
                    <li>
                        <a href="http://labs.knowtex.com/enmi2011"><?php echo($translate->_('SocialGraph')); ?></a>
                    </li>
                </ul>
                <div class="ifwrap" id="vlWrap">
                    <div id="videoLivePlayer">
                    <?php if ($config['islive']):?>
                        <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="<?php echo $videoWidth; ?>" height="<?php echo $videoHeight; ?>">
                            <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="<?php echo $videoWidth; ?>"
                                height="<?php echo $videoHeight; ?>"
                                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="<?php echo $videoWidth; ?>"  height="<?php echo $videoHeight; ?>" />
                    <?php endif; ?>
                    </div>
                </div>
                <div class="ifwrap hidden" id="iframeWrap">
                    <iframe id="graphFrame"></iframe>
                </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->_('keywords')); ?></h3>
                    </li>
                    <li class="acctexte hidden">
                        <div class="accsubtitle">
                            <div class="aroundsubtitle">
                                <h4><?php echo($translate->_('suggested')); ?></h4>
                            </div>
                        </div>
                        <div class="tagcloud" id="suggkw"></div>
                    </li>
                    <li class="acctexte hidden">
                        <div class="accsubtitle">
                            <div class="aroundsubtitle">
                                <h4><?php echo($translate->_('contextual')); ?></h4>
                            </div>
                        </div>
                        <div class="tagcloud" id="motscles"></div>
                    </li>
                </ul>
            </div>
            <div id="colgauche">
                <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 ?>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 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>
        <ul id="hoverkw">
            <li><a id="hkwsearch" href="#"><?php echo $translate->_('Rechercher'); ?></a></li>
            <li><a id="hkwtweet" href="#"><?php echo $translate->_('addToTweet'); ?></a></li>
        </ul>
  </body>
</html>