$(document).ready(function(){
	
	
	  $(".buttons").hover(function() {  
                $(this).stop().animate({ color: "#f5f5f5", paddingTop: "10px"}, 200);  
                },function() {  
                $(this).stop().animate({ color: "#bbbbbb", paddingTop: "15px"}, 500);  
                });

      $(".buttons").mousedown(function() {  
                $(this).stop().animate({ color: "#ffffff"}, 100);  
                },function() {  
                $(this).stop().animate({ color: "#bbbbbb"}, 600);  
                }); 
	  
      $(".link").hover(function() {  
                $(this).stop().animate({ color: "#aaafff"}, 200);  
                },function() {  
                $(this).stop().animate({ color: "#dddddd"}, 500);  
                });  
     	
      $(".link").mousedown(function() {  
                $(this).stop().animate({ color: "#f5f5f5",}, 100);  
                },function() {  
                $(this).stop().animate({ color: "#dddddd"}, 600);  
                }); 
	$(".thumbs img").fadeTo("500", 0.5); // This sets the opacity of the thumbs to fade down to 60% when the page loads

	$(".thumbs img").hover(function() {  
                $(this).stop().animate({   width: '236px', height: '236px', marginTop: '-100px', marginLeft: '0px', opacity: '1.0'}, 200);  
                },function() {  
                $(this).stop().animate({  width: '130px', height: '130px', marginTop: '0px',  marginLeft: '0px', opacity: '0.5'}, 500);  
                }); 
	})