$(document).ready(function(){
$("img.g1, img.g2, img.g3, img.g4").hover(
function() {
$(this).stop().animate({"opacity": "0"}, 200);
},
function() {
$(this).stop().animate({"opacity": "1"}, 200);
});
 
});

$(document).ready(function(){ 
$("img.gn1").hover( 
function() { 
$('img.g1').stop().animate({"opacity": "0"}, 200); 
}, 
function() { 
$('img.g1').stop().animate({"opacity": "1"}, 200); 
}); 
  
});

$(document).ready(function(){ 
$("img.gn2").hover( 
function() { 
$('img.g2').stop().animate({"opacity": "0"}, 200); 
}, 
function() { 
$('img.g2').stop().animate({"opacity": "1"}, 200); 
}); 
  
});

$(document).ready(function(){ 
$("img.gn3").hover( 
function() { 
$('img.g3').stop().animate({"opacity": "0"}, 200); 
}, 
function() { 
$('img.g3').stop().animate({"opacity": "1"}, 200); 
}); 
  
});

$(document).ready(function(){ 
$("img.gn4").hover( 
function() { 
$('img.g4').stop().animate({"opacity": "0"}, 200); 
}, 
function() { 
$('img.g4').stop().animate({"opacity": "1"}, 200); 
}); 
  
});