Link til betemt side på et billede i simpelt JS galleri

Hej jeg har lavet et simpelt galleri, som indeholder 6 billeder.
Gallereiet er lavet sådan at når man klikker på et af de 6 billeder så bliver det vist i en bestemt <div> med id="photo" se javascriptet for det egentlige problem/spørgsmål

Her er JavaScriptet

$(document).ready(function() {

//insert script 7.2 below this line
$('#gallery a').click(function(evt){

    var imgID = ??? !!! Her skulle det valgte billedes name="page1" evt. sættes ind, så jeg kan kalde variablen længere nede hvor jeg sætter linket på billedet !!! ???

    evt.preventDefault();
    var imgPath = $(this).attr('href');
    var oldImage = $('#photo img');
    var newImage = $('<a href="' + imgID + '"><img src="' + imgPath + '"></a>');
    newImage.hide();
    $('#photo').prepend(newImage);
    newImage.fadeIn(1000);
    oldImage.fadeOut(1000,function(){
        $(this).remove();
    });
}); // end click
$('#gallery a:first').click();
}); // end ready

Således ser HTML koden ud

<div class="folio">
    <div id="photo" class="folio_large"></div>
    <div id="gallery">
    <div class="folio_small"><a href="1.jpg"><img src="small_1.jpg" name="page1"></a></div>

    <div class="folio_small"><a href="2.jpg"><img src="small_2.jpg" name="page2"></a></div>

    <div class="folio_small"><a href="3.jpg"><img src="small_3.jpg" name="page3"></a></div>

    <div class="folio_small"><a href="4.jpg"><img src="small_4.jpg" name="page4"></a></div>

    <div class="folio_small"><a href="5.jpg"><img src="small_5.jpg" name="page5"></a></div>

    <div class="folio_small"><a href="6.jpg"><img src="small_6.jpg" name="page6"></a></div>

    </div
</div>