$(function() {
    $("#background-details-button").click(function() {

        var $backgroundDetailsButton = $("#background-details-button");
        var $backgroundDetailsInfo = $("#background-details-info");

        var imageUrl = $("#content").css("background-image");
        var imageFileNameWithExt = imageUrl.substr(imageUrl.lastIndexOf("/") + 1);
        var imageFileNameWOExt = imageFileNameWithExt.substring(0, imageFileNameWithExt.lastIndexOf("."));
        var imageName = imageFileNameWOExt
            .replace(/%20/g, " ")
            .replace(/1/, "")
            .replace(/2/, "");
        $backgroundDetailsInfo.text(imageName);

        $backgroundDetailsButton.slideUp("fast");
        $backgroundDetailsInfo.slideDown("fast");
    });

    $("#background-details-info").click(function() {
        $("#background-details-info").slideUp("fast");
    });
});