I need to have 4 things all happen when a img in my slideshow( originally gotten from a earlier post by Rminde. thanks for sharing !)  is hovered over.

my problem is that when I try and add to the .hover event, it breaks the code.

Any help is greatly appreciated

My jquery. 

2. $(function(){
3. 
   
4. var over = false;
5. var fadeInterval;
6. var delay = 3000;
7. function fadeMovies() {
8.    if(over){return false;}
9.    var current_img = $('#movies a').eq(0);
10.    var next_img = current_img.next('a');        
11.    current_img.fadeOut().appendTo('#movies');        
12.    next_img.fadeIn();
13.         }
14. $('#movies a').each(function(){
15.     $(this).hide();
16. });
17. $('#movies a').eq(0).show();
18. $('#movies a').hover(function(){
19.     over = true;
20.     clearInterval(fadeInterval)
21.     },function(){
22.     over = false;
23.     fadeInterval = setInterval(fadeMovies, delay);    
24.     })
25.     
26.   fadeInterval = setInterval(fadeMovies, delay); 
27. });
28. 
    
29.     
30.     $('#movies img').hover(function(){
31.         over = true;
32.         clearInterval(fadeInterval)
33.         },function(){
34.         over = false;
35.         fadeInterval = setInterval(fadeMovies, delay);    
36.         });
37.         
38.       fadeInterval = setInterval(fadeMovies, delay);
39.  
40. over= true;
41. $('#prev').css('display','block')
42. $('#next').css('display','block');
43. $('#movie img alt').css('display','inline');
44. over=false;{
46. $('#prev').css('display','none');
47. $('#next').css('display','none');
48. $('#movie img alt').css('display','none');
49. }

and the relevant html

2.      <div id="movies">
3.      <div id="prev"><a href="#">Previous</a></div>
4.      <div id="next"><a href="#">Next</a></div>
5. <a href="websites.html">
6. <img title="Website Designs" description="Your website carries your brand worldwide via the Internet. Make sure it carries it well."  src="Images/slide1/WebBanner.jpg" border="0" />
7. </a><a href="uis.html">
8.   <img title="User Interface Designs"description="Make sure your new software or App is as attractive as it is functional"src="Images/slide1/UIBanner.jpg" border="0"/>
9.   </a>
10.   <a href="logos.html"> 
11. <img title="Logo Designs Created by George Kander, Kander Designs" description="examples of Logos created by George kander of Kander Designs"  src="Images/slide1/logobanner.jpg" border="0"/>
12. </a>
13.   <!--end movie--></div>

css:

2. #movies{
3. width:960px;
4. left:0px;
5. overflow:scroll;
6. }
7. #movies img{
8.     position: relative;
9.     cursor: pointer;
11. }
12. ​#movies img alt{
13. display:hidden;
14. background-image:url(../Images/colorbox/overlay.png) no-repeat;
15. font-face:Arial;
16. font-size:10px;
17. text-align:center;
18. bottom:0px;
19. }
20. #prev{
21. display:none;
22. }
23. #next{
24. display:none;
25. }

Thank you ,

Jeff