embeddable javascript file that will dynamically resize the height on flickr embeds to remove all black space and fit them into the container.

flickrEmbeds

var waitForJquery = function(dofn, interval) {
    if(typeof $ === 'function') {
        dofn();
    } else {
        setTimeout(function() {
            if(typeof $ === 'function'){
                dofn();
            } else {
                waitForJquery(dofn, interval);
            }
        }, interval); 
    }     
};




waitForJquery(function() {
    $(document).ready(function() {
        $("div.flickrEmbeds iframe").each(function(index) {
            var ratio = $(this).height() / $(this).width();
            var origHeight = $(this).height();
            var origWidth  = $(this).width();
            var self = this;
            $(window).resize(function() {
                if($(self).parent().width() > origWidth) {
                    $(self).width(origWidth);
                    $(self).height(origHeight);
                } else {
                    $(self).width($(self).parent().width());
                    $(self).height($(self).parent().width() * ratio);
                }
            });
        });
        $(window).resize();
    });
}, 50);