function countContentsAndThemes(_data) {

    _data.counts = {

        contents: (typeof _data.contents == "object" && typeof _data.contents.slice == "function" ? _data.contents.length : 0),

        themes: (typeof _data.themes == "object" && typeof _data.themes.slice == "function" ? _data.themes.length : 0)

    }

    if (typeof _data.themes == "object" && typeof _data.themes.slice == "function") {

        for (var _i = 0; _i < _data.themes.length; _i++) {

            countContentsAndThemes(_data.themes[_i]);

            var _subres = _data.themes[_i].counts;

            _data.counts.contents += _subres.contents;

            _data.counts.themes += _subres.themes;

        }

    }

}

function renderTemplate(_data, _level, _scale) {

    _data.level = !!_level;

    _(_data.tags).each(function(_tag) {

        _(_tag.contents).each(function(_content, _key) {

            _content.trimmed_description = _content.description.trim().replace(/(\n|\r|\r\n)/mg,' ').replace(/(^.{150,200})[\s].+$/m,'$1…');

            _content.hidden = (_key >= 5);

        });

        _tag.show_more = _tag.contents && _tag.contents.length > 5 ? _tag.contents.length - 5 : 0;

    });

    _(_data.contents).each(function(_content, _key) {

        _content.trimmed_description = _content.description.trim().replace(/(\n|\r|\r\n)/mg,' ').replace(/(^.{150,200})[\s].+$/m,'$1…');

        _content.hidden = (_key >= 5);

    });

    _data.show_more = _data.contents && _data.contents.length > 5 ? _data.contents.length - 5 : 0;

    _data.font_size = (10+Math.log(_data.counts.contents)*_scale);

    var _prefix = '<li class="themeli {{#level}}folded {{/level}}"><p class="theme"><span style="font-size: {{font_size}}px">{{label}}</span> &mdash; {{#counts.themes}}{{counts.themes}} thème(s){{#counts.contents}}, {{/counts.contents}}{{/counts.themes}}{{#counts.contents}}{{counts.contents}} notice(s){{/counts.contents}}</p><ul>',

        _suffix = '{{#contents}}<li class="content{{#hidden}} hidden{{/hidden}}" id="content_{{id}}"><p class="title score_{{score}}">{{title}}</p><div class="foldedcontent"><div class="img-container"><img src="http://www.histoiredesarts.culture.fr/images/cached/images/{{hda_id}}.jpg" />'

            + '</div><p class="description">Source: {{organization}}<br /><a href="{{url}}" target="_blank" class="content">{{trimmed_description}}</a></p></div></li>{{/contents}}{{#show_more}}<li class="show_more">Plus de contenus (<span class="show_more_count">{{show_more}}</span>)&hellip;</li>{{/show_more}}</ul></li>',

        _html = Mustache.to_html(_prefix, _data);

    if (typeof _data.themes == "object" && typeof _data.themes.slice == "function") {

        for (var _i = 0; _i < _data.themes.length; _i++) {

            _html += renderTemplate(_data.themes[_i], _level + 1, _scale);

        }

    }

    _html += Mustache.to_html(_suffix, _data);

    return _html;

}

function renderData(_selector, _data) {

    countContentsAndThemes(_data);

    var _scale = 8 / Math.max(1,Math.log(_data.counts.contents));

    _selector.html(renderTemplate(_data, 0, _scale));

    _selector.find("p.theme").click(function() {

        $(this).parent().toggleClass("folded")

        return false;

    });

    _selector.find("li.content").mouseenter(function() {

        $(this).find(".foldedcontent")

        .dequeue()

        .animate({

            height: 5 + $(this).find("p.description").outerHeight()

        },

        500);

    }).mouseleave(function() {

        $(this).find(".foldedcontent")

        .dequeue()

        .animate({

            height: "0"

        },

        500);

    });

    _selector.find(".show_more").click(function() {

        $(this).siblings(".hidden:lt(5)").removeClass("hidden");

        var _l = $(this).siblings(".hidden").length;

        $(this).find(".show_more_count").html(_l);

        if (!_l) {

            $(this).detach();

        } 

    });

}