Onmouse click funktion ?

Hej,

Jeg arbejder på en side hvor jeg henter billeder med tilhørende tekst ud fra en database. Jeg har sat det op som en slags datakort på min hjemmeside, hvor der står lidt tekst og så med billedet til højre for. Nu har jeg siddet og arbejdet på en onmouseclick funktion, hvor det så er meningen at man skal kunne klikke et større og mere detajleret billede op. Det der driller lidt er, hvordan jeg får det store billede centreret på selve skærmen og til at ligge i forgrunden når det bliver klikket op ?

Jeg har lavet et lille billede med et 'I' på man kan klikke på for at få det store billede frem, det ser således ud:

<img src="billeder/streg/streg.jpg" alt="streg.jpg" title="streg.jpg" onclick="visStreg('dodge.jpg');">


Derefter har jeg denne, hvor det store billede så bliver hentet frem:

<img id="dodge.jpg" src="" alt="" title="">



Min javscript funktion ser således ud:

function visStreg(billede)
{
    var streg        = document.getElementById(billede);
    var sti         = 'billeder/streg/';
    var kilde        = sti + billede;
   
    streg.src         = kilde;
    streg.alt         = billede;
    streg.title     = billede;
}   



Det virker egentlig som det skal, billedet kommer frem når man klikker på det lille 'I' (streg.jpg) - men jeg skal bare have det store billede centreret på selve skærmen og til at ligge forrest.

Nogle gode råd ?