Event.observe( document, 'dom:loaded', function(){
    
    // Buttons on the side
    var expand_button = function( elem ){
        if( elem == null || elem == undefined) return;
        elem.observe( 'mouseover', function(e){
            Effect.Queues.get(elem.id).invoke('cancel');
            new Effect.Morph( elem, {
                style: {
                    width: '120px'
                },
                duration: 0.3,
                queue: { position: 'end', scope: elem.id, limit: 2 }
            })
        });
        elem.observe( 'mouseout', function(e){
            Effect.Queues.get(elem.id).invoke('cancel');
            new Effect.Morph( elem, {
                style: {
                    width: '100px'
                },
                duration: 0.8,
                queue: { position: 'end', scope: elem.id, limit: 2 }
            })
        });
    };
    expand_button($('GetQuote'));
    expand_button($('MakePayment'));
});