$(document).ready(function(){

    $("A#menuwho").mouseover(function(){
        $(".red").stop().animate({width:'225px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menuwho").mouseout(function(){
        $(".red").stop().animate({width:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menuwhat").mouseover(function(){
        $(".blue").stop().animate({width:'225px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menuwhat").mouseout(function(){
        $(".blue").stop().animate({width:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menutheoffice").mouseover(function(){
        $(".green").stop().animate({width:'225px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menutheoffice").mouseout(function(){
        $(".green").stop().animate({width:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menujobs").mouseover(function(){
        $(".yellow").stop().animate({width:'225px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menujobs").mouseout(function(){
        $(".yellow").stop().animate({width:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menuintouch").mouseover(function(){
        $(".orange").stop().animate({width:'225px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    $("A#menuintouch").mouseout(function(){
        $(".orange").stop().animate({width:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

});