Смена атрибута src у большой картинки при клике на маленькую картинку
 

Здравствуйте и доброго времени суток, дамы и господа!)
Задача не проста, но думаю выполнима)
Допустим, есть некий код:

<div id="photo-big">
<img src="1-big.jpg">
</div>
<div id="photo-small">
<img class='active' src="1-small.jpg">
<img src="2-small.jpg">
<img src="3-small.jpg">
<img src="4-small.jpg">
</div>

И даже скрипт, но он подставляет лишь атрибут "src" маленькой картинки.

$(".object").each(function (i, el) {
var imgBig = $('#photo-big img', $(el)),
     imgSmall = $('#photo-small img', $(el));
     imgSmall.click(function(event) {
         event.preventDefault();
         if (imgBig.attr('src') != $(this).attr('src')) {
             imgBig.hide().attr('src',$(this).attr('src'));
             imgBig.load(function() {
                  $(this).fadeIn(1000);
             })
         }
     })
})

Нужно, чтобы при клике на маленькую картинку с названием "-small", подставлялся атрибут "src" в большую картинку c уже измененным названием "-big". Ну и при переходе с одной маленькой картинки на другую, сохранение класса на активном изображении.
Возможно ли сие действие?)
Спасибо!)