jQuery(document).ready(function(){
  // Add the hover handler to the link
  jQuery(".hp-hover").hover(
    function(){ // When mouse pointer is above the link
      // Make the image inside link to be transparent
      jQuery(this).find("img").stop().animate(
        {opacity:"0.8"},
        {duration:200}
      );
    },
    function(){ // When mouse pointer move out of the link
      // Return image to its previous state
      jQuery(this).find("img").stop().animate(
        {opacity:"1"},
        {duration:200}
      );
    }
  );
});


jQuery(document).ready(function(){
  // Add the hover handler to the link
  jQuery(".inner-hover").hover(
    function(){ // When mouse pointer is above the link
      // Make the image inside link to be transparent
 jQuery('.hover-text').css('visibility', 'visible');
      jQuery(this).find("img").stop().animate(
        {opacity:"0.2"},
        {duration:200}
      );
    },
    function(){ // When mouse pointer move out of the link
      // Return image to its previous state
      jQuery(this).find("img").stop().animate(
        {opacity:"1"},
        {duration:200}
      );
    }
  );
});

jQuery(document).ready(function(){
  // Add the hover handler to the link
  jQuery(".fade").hover(
    function(){ // When mouse pointer is above the link
      // Make the image inside link to be transparent
      jQuery(this).find("img").stop().animate(
        {opacity:"0.8"},
        {duration:200}
      );
    },
    function(){ // When mouse pointer move out of the link
      // Return image to its previous state
      jQuery(this).find("img").stop().animate(
        {opacity:"1"},
        {duration:200}
      );
    }
  );
});