$(function () {
    $(".box").each(function () {
        var image = $(this).find(".box-image");
        $(this).css("background-image", "url('" + image.html() + "')");
        image.remove();
        var overlay = $(this).find(".overlay");
        var paddingLeft = 0;
        var paddingRight = 0;
        var paddingTop = 0;
        var paddingBottom = 0;
        if (!$.browser.msie) {
           paddingLeft = parseInt(overlay.css("padding-left"));
           paddingRight = parseInt(overlay.css("padding-right"));
           paddingTop = parseInt(overlay.css("padding-top"));
           paddingBottom = parseInt(overlay.css("padding-bottom"));
        }
        overlay.width($(this).width() - paddingLeft - paddingRight);
        if ($(this).attr("id") != "box-1") {
           overlay.height($(this).height() - paddingTop - paddingBottom);
        }
        $(this).hover(function () {
            overlay.slideDown("fast");
        }, function () {
            overlay.slideUp("fast");
        });
    });
});