Смена картинок в небольшой галереи JQuery

[Garyk]

Прошу оказать помощь новичку в программировании или дать подсказку - в какую сторону копать.

Проблема следующая - есть галерея, в которую из БД подтягиваются картинки - код:

<div>
// Большая картинка
	<a href="/images/<?php echo $full_image ?>" title="<?php echo $name; ?>" id="trainers" class="Zoom">
		<img  src="/images/<?php echo $full_image ?>" alt="<?php echo $name ?>" title="<?php echo $name ?>" border="0" align="center" width="200px"/></a>
		<?php } else { ?>

	<a href="/image/<?php echo $full_image ?>" title="<?php echo $name; ?>" id="trainers" class="Zoom" >
		<img src="/images/<?php echo $full_image ?>" alt="<?php echo $name ?>" title="<?php echo $name ?>" border="1" align="center" width="200px"/></a>
		<?php } ?></div>
	  	<br/>

// Маленькие картинки
	  	<?php if( !empty($images)) { ?>
		  	<div class="SelectorsContainer">

                <ul style="width: 70%;">
		 <?php echo "<a href='/images/".$full_image."' title='".$name."' style=\"padding-right:6px;\"  id=\"trainers\"  class=\"swap\">
           <img src='/images/".$full_image."' alt='".$name."' width='120'/></a>";

					foreach( $images as $image )
				{
            echo "<a href='".$image->file_url."' title='".$name."' style=\"padding-right:6px;\" id=\"trainers\" class=\"swap\"><img src='".$image->file_url."' alt='".$name."' width='120'/></a>";

				}; ?>
		  	</ul></div>
		 <?php } 	?>
	</div>

и код скрипта:

<script type="text/javascript">
jQuery.noConflict();
(function($) {
    $(function() {
     jQuery('a.swap img').mouseover(function(){
       var imageName = jQuery(this).attr("src");
       var timeout = null;
       jQuery(this).parent().addClass("selected");
	  jQuery('.Zoom img').fadeTo("fast", 0.0, function(){
	  jQuery('.Zoom img').attr('src', imageName).fadeTo("fast", 1.0);     
          var timeout = null;
	  });
	});
       return false;
    });
       jQuery('a.swap img').mouseout(function(){
        jQuery(this).parent().removeClass("selected");
        return jQuery('.Zoom img').attr('href', path).animate({opacity: 1},1500).stop();
    });
})(jQuery);
</script>

Честно говоря, уже запутался, что нужно подправить или какой код добавить.

Галерея работает, но есть две проблемки

-при повтором наведении курсора на миниатюру - большое изображение перегружается по-новой (хочется это устранить)

- при удалении курсора из поля миниатюр хочу добавить возврат первого изображения через 1,5 - 5с - тоже не получается побороть

Edited January 29, 2012 by Garyk