Array :: How Would I Make The Buttons For The Numbers?

I am starting to learn javascript and have been trying to make a image gallery. I was hoping to take an array of src and create a link for each one which when clicked on changes the src of an already existing img.My question though is how would I make the buttons for the numbers.I feel like a loop would work for this but I just can't seem to figure it out. I don't know how far off I am in thinking that through a loop I could create functions with a name plus the i variable.And in each function there could be something like:

Code:
document.images["destination"].src = images[i]
That would then produce an <a> with the href equal to the function name + "i" with the title being "i" as well.

Am I way off? How would I execute that? A little explanation about my code. I am going to be using a loop to add the images that will vary in amount for each page that is why I have the push function just for this test. And the document.ready is because I've been using some jQuery.

Code:
<script type="text/javascript">
$(document).ready(function(){[code]...............