var animatieView = {
    bouncetime: 2000,
    maxWidth: 275,
    maxPadding: 20,
    init: function () {
        $("figure").click(function () {
            if ($(".descr:visible").length === 0) {
                $(this).next().animate({width: animatieView.maxWidth, padding: animatieView.maxPadding},                    animatieView.bouncetime).css({display: "inline-block"});
            }
            else {
                if ($(this).next().css("display") === "none") {
                    $(".descr:visible").animate({width: "0px", padding: "0px"}, animatieView.bouncetime, function () {
                        $(".descr:visible").css({display: "none"});
                        $(this).next().animate({width: animatieView.maxWidth, padding: animatieView.maxPadding}, animatieView.bouncetime).css({display: "inline-block"});
                    });
                }
            }
        });
    }
};

$(document).ready(function () {
    animatieView.init();
});