(function($, $$) {
    window.addEvent('domready', function() {

        var flip = $('page-flip');
        var flipImage = $('page-flip-image');
        var flipMessage = $('page-flip-message');

        flip.addEvents({
            mouseenter: function() {
                $$(flipImage, flipMessage).set('morph', { duration: 500 }).morph({
                    width: 307,
                    height: 319
                });
            },
            mouseleave: function() {
                flipImage.set('morph', { duration: 220 }).morph({
                    width: 50,
                    height: 52
                });
                flipMessage.set('morph', { duration: 200 }).morph({
                    width: 50,
                    height: 50
                });
            }
        });
    });
})(document.id, $$);