jQuery.fn.autoResize = function() {
    // remove enforced with / height (by CSS and/or HTML attributes)
    this.css("width", "auto").css("height", "auto");
    this.removeAttr("width").removeAttr("height"); // Remove
    // compute image size / max allowed size to fit screen
    var imgHSize = this.width();
    var maxHSize = $(window).width() - ($(document).width() - imgHSize);
    var imgVSize = this.height();
    var maxVSize = $(window).height() - ($(document).height() - imgVSize);
    if (maxHSize > 0 && maxVSize > 0) {
	// if image don't fit screen, set width or height so that
	// browser keep img ratio, ensuring the other dimension will
	// also fit the screen
	if (imgHSize > maxHSize && ((maxHSize / maxVSize) * imgVSize) < maxVSize) {
	    this.css("width", maxHSize);
	} else if (imgVSize > maxVSize && ((maxVSize / maxHSize) * imgHSize) < maxHSize) {
	    this.css("height", maxVSize);
	} // else image already fit in screen, don't scale it up
    } else {
	// XXX can't fit image, don't do anything
    }
};


$(document).ready(function() {
	$("img.contentimage").load(function() {$(this).autoResize()});
    });