javascript - 2 つの JavaScript オブジェクト リテラル間で通信するにはどうすればよいですか?

Question

別のオブジェクト リテラル内のオブジェクトからメソッドを呼び出す方法を知りたいです。これが私のコードです。jQuery UI スライダーを作成しています。アニメーションオブジェクト リテラル内でanimatebox関数を呼び出そうとしていますが、 Chrome コンソールのエラーは次のとおりです。

Uncaught TypeError: Cannot call method 'animateBox' of undefined

私のコードは次のようになります。

var sliderOpts = {

    animate: true,
    range: "min",
    value: 50,
    min: 10,
    max: 100,
    step: 10,

    //this gets a live reading of the value and prints it on the page
    slide: function (event, ui) {
        $("#slider-result").html(ui.value + " GB");
    },

    //this updates the hidden form field so we can submit the data using a form
    change: function (event, ui) {
        $('#hidden').attr('value', ui.value);
        var val = ui.value,
            $box = $('#message');
        switch (true) {
        case (val > 50):
            $box.animations.animateBox().html('you have chosen xtremenet');
            break;
        case (val < 50):
            $box.fadeOut().fadeIn().html('you have chosen valuenet');
            break;
        default:
            $box.fadeOut().fadeIn().html('you have chosen powernet');
        }
    }
};

var animations = {
    animateBox: function () {
        $("#message").slideDown(500);
    }
};

$(".slider").bind("slidecreate", animations.animateBox).slider(sliderOpts);

では、この animateBox というメソッドをどのように呼び出すのでしょうか?