// references

$(function() {
    var referenceLinks = {};

    var referencesList = $('#references > ul');

    var references = referencesList.find('li');

    references.each(function(i) {
        $(this).find('a[href]').each(function() {
            referenceLinks[this.href] = i;
        });
    });

    // start from the bottom, so the reference list gets re-ordered correctly
    var links = $('#main a').get().reverse();

    $(links).each(function() {
        if (typeof referenceLinks[this.href] == 'undefined') {
            return;
        }

        var referenceIndex = referenceLinks[this.href];

        var reference = references.eq(referenceIndex);

        // move the reference to the top of the list
        referencesList.prepend(reference);

        $(this)/*.wrap('<sup/>')*/.popover({
            trigger: 'hover',
            html: true,
            container: 'body',
            content: function() {
                return reference.html();
            }
        });

        this.elementHeight;
    });
});

// figure links

$(function() {
    var modal = $('<div id="figure-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog modal-lg"><div class="modal-content">Loading…</div></div></div>');

    modal.appendTo(document.body).modal({ show: false });

    var content = modal.find('.modal-content');

    modal.on('hidden.bs.modal', function() {
        content.text('Loading…');
    });

    $('a.figure-link').on('click', function() {
        modal.modal('show');

        var iframe = $('<iframe/>', {
            src: this.href,
            allowfullscreen: true
        });

        content.html(iframe);

        iframe.on('load', function() {
            window.setTimeout(function() {
                iframe.height(iframe.contents().outerHeight());
            }, 100);
        });

        return false;
    });
});

// sidebar embeds

$(function() {
    $('#sidebar iframe').each(function() {
        var node = $(this);
        var parent = node.parent();
        var ratio = parent.width() / node.width();
        node.css({
            transform: 'scale(' + ratio + ')',
            transformOrigin: 'top left'
        });
        parent.height(parent.height() * ratio).css('position', 'relative');
        node.css('position', 'absolute');
    });
});