Rotating logo back and forward

I need logo to rotate in 400degree and then rotate back on 360 degree on mouseOver, then on mouseOut it should roate -400 and then back for 40 degree. Here is what i accomplished.

$("#logo").rotate({ 
bind:
 { 
    mouseover : function() { 
        $(this).rotate({animateTo:400})
    },

    mouseout : function() { 
        $(this).rotate({animateTo:-40})
    }
 } 

});