$(document).ready(function(){
 // font color animation 
                $("# xxx").stop().hover(function() {
                $(this).stop().animate({ color: "#E6E6E6" }, 1200);
        },function() {
    $(this).animate({ color: "#867863" }, 1200);
        });
    // Differnt font color each time hover
   $("#xxxxxx").hover(function() {
$(this).animate({ backgroundColor: "#1daecb" }, 600);
},function() {
$(this).animate({ backgroundColor: "#fff" }, 400);
});
// thumbs
$(".img").fadeTo("slow", 0.85); // 60% when the page loads
$(".img").hover(function(){
$(this).fadeTo("fast", 1); 
},function(){
$(this).fadeTo("slow", 0.75);
});
// old
$("#old").fadeTo("slow", 0.85); // 60% when the page loads
$("#old").hover(function(){
$(this).fadeTo("fast", 1); 
},function(){
$(this).fadeTo("slow", 0.75);
});

});
// JavaScript Document