$(document).ready (function(){

 var img_large = $('.img_large_holder>ul');
 var img_thumb = $('.thumb_holder');
 
 img_large.find("img").each(function(index, element){$(element).attr("class", 'hide');});
    img_large.find("img").each(function(index, element){$(element).attr("id", 'img'+index);});
    img_thumb.find(">li>a").each(function(index, element){$(element).attr("rel", 'img'+index);});
 
 var mainImg = img_large.find('>li>img:first');
 var current = img_large.find('>li>img:first');
 
 img_large.find('>li>img:first').css('display', 'inline');
 img_large.find('>li>img:first').addClass('current');
 
 img_thumb.find('>li>a').hover(function(){
  mainImg = $(this).attr('rel');
  if(mainImg != current){
   img_large.find('.current').fadeOut();
   img_large.find('#'+mainImg).fadeIn('', function(){
    $(this).addClass('current');
    current = mainImg;
   });
  }
 });
});


    <div class="img_large_holder">
      <ul class="img_large">       
 <?
  echo "<li><img src='$thumb_big' /></li>";
 ?>
      </ul>
    </div>
   
     <ul class="thumb_holder">
 <?
  echo "<li><a href='javascript:void($i);'><img src='$thumb_small' /></a></li>";
 ?>
    </ul>

리스트에서 wr_id마다 갤러리를 만들어주는건데요 
정상적으로다가 될꺼 다되는데 마우스 오버하면 다른 wr_id의 이미지도 몽땅 사라져버립니다.

 img_large.find('.current').fadeOut();
요놈이 문제같은데 방법좀 알려주세요