Измените источник изображения с помощью JavaScript

Так что я новичок в JavaScript (на самом деле это моя первая попытка заставить что-то работать) и у меня небольшие проблемы. Я думала, что у меня достаточно знаний, чтобы сделать эту работу, я даже погуглила за учебниками и скриптами, которые могли бы помочь мне разобраться в этом, но на самом деле ничего не помогло.

Похоже, я не могу изменить исходный код изображения, это код, который у меня есть на данный момент:

<script type="text/javascript">
    function changeImage(a) {
        document.getElementById("img").src=a.src;
    }
</script>
<div id="main_img">
    <img id="img" src="1772031_29_b.jpg">
</div>
<div id="thumb_img">
    <img src='1772031_29_t.jpg'  onclick='changeImage("1772031_29_b.jpg");'>
    <img src='1772031_55_t.jpg'  onclick='changeImage("1772031_55_b.jpg");'>
    <img src='1772031_53_t.jpg'  onclick='changeImage("1772031_53_b.jpg");'>
</div>

Кто-нибудь может объяснить, если я делаю что-то не так? Или, может быть, я что-то упускаю? Помогите мне, пожалуйста :-)