Rotate Image on Slide Down
===

I'm currently trying to rotate an image on this site <http://theflouringartisans.com/> The goal is to have the arrow images at the top rotate when the contact form is expanded and rotate again when the form is collapsed. This is the code I currently have: 

            $(document).ready(function(){

                $("#contactbutton").click(function(){
                    if ($("#contact").is(":hidden")){
                        $("#contact").slideDown("slow");
                        $(".arrow").rotateRight(180);
                    }
                    else{
                        $("#contact").slideUp("slow");
                        $(".arrow").rotateRight(180);
                    }
                });
                
            });
            
            function closeForm(){
                $("#thankyou").show("slow");
                setTimeout('$("#thankyou").hide();$("#contact").slideDown("slow")', 2000);
           }

I would also like to have the div #thankyou to fade out after 5 seconds from the form being submitted. 

Any help is greatly appreciated and I thank you for your time!
