{% load i18n sanitize chimere_tags %}
{% if news_lst or welcome_message %}
<script type='text/javascript'>
<!--
$(function(){
    $('#welcome div.media-player').jmeEmbedControls();
    $('#welcome video').each(function(index){$(this).pause()});
    $('#welcome audio').each(function(index){$(this).pause()});
    $("#welcome").dialog({width:826, height:410, dialogClass:'welcome-dialog'
                          {% if not display %}, autoOpen:false{% endif %},
                      open: function () { $("#welcome_content").scrollTop(0); }
    });
});
// -->
</script>
<div id='welcome' style='display:none'>
    <div class='title'>
        <h2>{{title}}</h2>
    </div>
    {% comment %} <img src='{{STATIC_URL}}saclay/images/popup/welcome_header.png' alt='Welcome header'/> {% endcomment %}
    <div id='welcome_message'>
        <div id='welcome_content'>
        {{welcome_message|safe}}
        </div>
        <div id='logos'>
        <a href='http://www.paris-malaquais.archi.fr/'><img alt='Paris Malaquais link' src='{{STATIC_URL}}saclay/images/popup/welcome_logo-paris-malaquais.png'/></a><a href='http://www.terreetcite.org/'><img alt='Terre et cité link' src='{{STATIC_URL}}saclay/images/popup/welcome_logo-terre-et-cite.png'/></a><a href='http://www.groupechronos.org/'><img alt='Chronos link' src='{{STATIC_URL}}saclay/images/popup/welcome_logo-chronos.png'/></a>
        </div>
    </div>
    {% comment %} <div class='welcome-col'>
        <div class='news'>
        {% if news_lst %}
            {% for news in news_lst %}
            <div class='info'>
            {% if news.title %}
                <h4>{{news.title}} &ndash; {{ news.date }}</h4>
                {{news.short_desc|safe}}
            {% else %}
                <h4>{{news.name}} &ndash; {{ news.start_date }}{% if news.end_date %} - {{ news.end_date }}{% endif %}</h4>
                {% if news.description %}
                {{news.short_desc|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td th tr"|safe}}...
                {% endif %}
            {% endif %}
                <p class='marker_link'>
                {% if news.point %}
                    <a href='{% get_tinyfied_url news area_name %}'>{% trans "See it on the map"%}</a> -
                {% endif %}
                    <a href='#' class='get_more_information'>{% trans "More informations"%}</a>
                {% if news.url %}
                    - <a href='{{news.url}}'>{% trans "Go to the event website"%}</a>
                {% endif %}
                </p>
            </div>
            {%endfor%}
        {% endif %}
        </div>
        <div class='footer'><a href='#' class='get_more_information'>{% trans "See all news" %}</a></div>
    </div>{% endcomment %}
</div>
<script type='text/javascript'>
<!--
$(function(){
    $('.get_more_information').click(function(){
        $('#welcome').dialog('close');
        $('#news').dialog('open');
        return false;
    });
});
// -->
</script>
{% endif %}