$(function () {

    var context = $('.detail-component-wrapper');
    var widget = $('.tab-pane');
    var refcountries =  context.find('.article-refcountries');
    var title = context.find('.article-title');
    var titletranslated = context.find('.article-titletranslated');
    var link = context.find('.article-link');
    var publisher = context.find('.article-publisher');
    var summary = context.find('.article-summary');
    var pubdate =  context.find('.article-pubdate');
    var revdate = context.find('.article-revdate');
    var topics = context.find('.article-topics');
    var changes = context.find('.article-changes');

    function loadArticle(data) {
        emptyArticle();

        title.text(data.title);
        titletranslated.text(data.titletranslated);
        link.attr('href',data.url);
        publisher.text(data.publisher[0]);
        summary.text(data.summary);
        pubdate.text(data.pubdate);
        revdate.text(data.revdate);
        $.each(data.refcountry,function(i,country){
          refcountries.append('<div class="ss-value ss-value-inline"> <span class="ss-value-text">' + country + '</span> </div>')
        });
        $.each(data.topics,function(i,topic){
          if(topic)
          {
             topics.append('<div class="ss-value ss-value-inline"> <span class="ss-value-text">' + topic + '</span> </div>')
          }
           
        });
        $.each(data.changes,function(i,change){
            changes.append('<div class="ss-value ss-value-inline"> <span class="ss-value-text">' + change + '</span> </div>')
        });
    }

    function emptyArticle() {
        refcountries.empty();
        topics.empty();
        changes.empty();
    }

    function filter(active) {
        if (window.debugmode) console.log('Filtering: ', active);
        if (active) {
            widget.addClass('filtering');
        }
        if (!active) {
            widget.removeClass('filtering');
        }
    }

    if ($('#ftrindex').length) {
        var ftrindex = $('#ftrindex').data('handle');
        ftrindex.attachHook('article-project', 'article', loadArticle);
        ftrindex.attachHook('article-project', 'filter', filter);

    } else {
        console.log('#ftrindex has no length, abort mission.')
    }


});
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:project-article] [24.232] DESIGN*/
/*******************************************************************/
/* 0.8 D>D */
/* db 182 */