$(document).ready
  (
    function()
    {  
      //
      //Page load events go here
      // Rename the .galImgx to .galImg to get hovering
      $(".galImg1").hover
        (
          function()
          {  
            // This should set the opacity to 2% on hover
            $("#fp1").fadeTo(0.1, 0.2,function()
              {
	      // var fadeId = "#fp1Fade";
                $("#fp1Fade").fadeTo(0.1, 1);  
              });            
          },          
          function()
          {   
            // This should set the opacity back to 100% on mouseout
            $("#fp1").fadeTo(0.1, 1.0,function()
              {
                // var fadeId = ;
                $("#fp1Fade").fadeTo(0.1, 0);    
              });
          }
        );

$(".galImg2").hover
        (
          function()
          {  
            // This should set the opacity to 2% on hover
            $("#fp2").fadeTo(0.1, 0.2,function()
              {
	      // var fadeId = "#fp1Fade";
                $("#fp2Fade").fadeTo(0.1, 1);  
              });            
          },          
          function()
          {   
            // This should set the opacity back to 100% on mouseout
            $("#fp2").fadeTo(0.1, 1.0,function()
              {
                // var fadeId = ;
                $("#fp2Fade").fadeTo(0.1, 0);    
              });
          }
        );

$(".galImg3").hover
        (
          function()
          {  
            // This should set the opacity to 2% on hover
            $("#fp3").fadeTo(0.1, 0.2,function()
              {
	      // var fadeId = "#fp1Fade";
                $("#fp3Fade").fadeTo(0.1, 1);  
              });            
          },          
          function()
          {   
            // This should set the opacity back to 100% on mouseout
            $("#fp3").fadeTo(0.1, 1.0,function()
              {
                // var fadeId = ;
                $("#fp3Fade").fadeTo(0.1, 0);    
              });
          }
        );


    }
  );


