$(document).ready(function(){




      $(".superlink").animate(
        {opacity:"0.5"},
        {duration:0}
      );

      
      
    


 $(".superlink").hover(
    function(){ // When mouse pointer is above the link
      // Make the image inside link to be transparent

      $(this).animate(
        {opacity:"1"},
        {duration:100}
      );
      
      
      
      
      
    },
    
    
    function(){ // When mouse pointer move out of the link
      // Return image to its previous state
      $(this).animate(
        {opacity:"0.5"},
        {duration:200}
      );
    }

 );
 });