Помогите, пожалуйста, разобрать код

Нужно разобрать как работает код, или частично его прокомментировать
Скрипт 1

$(function() {
$('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);
$elem.find('img')
.stop(true)
.animate({
'width':'170px',
'height':'170px',
'left':'0px'
},400,'easeOutBack')
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'140px'},500,'easeOutBack')
.andSelf()
.find('.sdt_active')
.stop(true)
.animate({'height':'170px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
var left = '170px';
if($elem.parent().children().length == $elem.index()+1)
left = '-170px';
$sub_menu.show().animate({'left':left},200);}});
}).bind('mouseleave',function(){
var $elem = $(this);
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
$sub_menu.hide().css('left','0px');
$elem.find('.sdt_active')
.stop(true)
.animate({'height':'0px'},300)
.andSelf().find('img')
.stop(true)
.animate({
'width':'0px',
'height':'0px',
'left':'85px'},400)
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'25px'},500);});});


скрипт 2

$(document).ready(function() {
var galleryClass = '.gallery';
$(galleryClass+' li img').hover(function(){
var $gallery = $(this).parents(galleryClass);
$('.main-img',$gallery).attr('src',$(this).attr('src').replace('thumb/', ''));});
var imgSwap = [];
$(galleryClass+' li img').each(function(){
imgUrl = this.src.replace('thumb/', '');
imgSwap.push(imgUrl);});
$(imgSwap).preload();});
$.fn.preload = function() {
this.each(function(){
$('<img/>')[0].src = this;});}