$(document).ready(function()
{   
    $("a.fade").hover
    (   
        function() { 
        $(this).animate({"opacity": "0.5"}, "10000");   
        },   
        
        function() {   
        $(this).animate({"opacity": "1"}, "10000");   
        }
    ); 
    
    $(".fade").hover
    (   
        function() { 
        $(this).animate({"opacity": "0.5"}, "10000");   
        },   
        
        function() {   
        $(this).animate({"opacity": "1"}, "10000");   
        }
    );   
}

); 


//	$(document).ready(function(){
//    
//    // Using multiple unit types within one animation.
//    $("#1").mouseover(function(){
//      $("#1").animate({         
//        opacity: 0.4
//      }, 500);
//    });
//    
//    $("#links").mouseout(function(){
//      $("#1").animate({         
//        opacity: 1
//      }, 500 );
//    });
//    
//    
//    $("#2").mouseover(function(){
//      $("#2").animate({         
//        opacity: 0.4
//      }, 500);
//    });
//    
//    $("#links").mouseout(function(){
//      $("#2").animate({         
//        opacity: 1
//      }, 500 );
//    });
//     
 // });