(function() {
    var iFrameResizeLoaded = function() {
        var div = document.getElementById('gist-{{ gist.file }}-{{ commit }}');
        var iframeId = 'gist-' + (Math.floor(Math.random() * (10000 - 1)) + 1).toString();
        var iframe = document.createElement('iframe');
        var url = '{{ app.request.getSchemeAndHttpHost() ~ path('embed', app.request.attributes.get('_route_params')) }}';
        
        if (div.getAttribute('data-key')) {
            url = [url, div.getAttribute('data-key')].join('');
        }

        iframe.setAttribute('id', iframeId);
        iframe.setAttribute('frameborder', 0);
        iframe.setAttribute('src', url);
        iframe.setAttribute('style', 'width: 100%');
        iframe.setAttribute('class', 'gist-iframe');
        document.getElementById('gist-{{ gist.file }}-{{ commit }}').appendChild(iframe);

        iFrameResize({}, iframe);
    }

    if (typeof iFrameResize == 'undefined') {
        var script = document.createElement('script');
        script.setAttribute('id', 'gist-iframe-resizer');
        script.setAttribute('src', '{{ app.request.getSchemeAndHttpHost() ~ web_path }}components/iframe-resizer/js/iframeResizer.min.js');
        script.onload = iFrameResizeLoaded;
        document.getElementsByTagName('head')[0].appendChild(script);
    } else {
        iFrameResizeLoaded();
    }
})();