richimare elemento di un array con onclick su un elmento di un altro array

Scusate se il titolo non è molto chiaro, non sapevo che nome dare al thread.

Praticamente ho un array di immagini, utilizzato per una slideshow:

var primaSlide = new Array("slideshow/img1.jpg","slideshow/img2.jpg","slideshow/img3.jpg");
var secondaSlide = new Array("slideshow/img4.jpg","slideshow/img5.jpg","slideshow/img6.jpg");
var terzaSlide = new Array("slideshow/img7.jpg","slideshow/img8.jpg","slideshow/img9.jpg");

Clicca per allargare...

vorrei fare in modo che, cliccando su ciascuna delle immagini, compaia (dentro un div) un testo, il quale deve essere ogni volta diverso (a img1 corrisponderà un testo, a img2 un altro e così via).
La mia idea era di creare un altro array (con tutti i testi da visualizzare), associarlo all'array di immagini e creare poi una funzione da richiamare con onclick. Ho quindi provato a fare così:

function links(){
var sLinks = new Array;
sLinks[0] = 'Primo testo di prova per link a immagine slideshow'
sLinks[1] = 'Seconda prova che effettuiamo per verificare il corretto funzionamento'
sLinks[2] = 'Terza e per il momento ultima prova che deve essere realizzata'
for (i=0;i<primaSlide.length;i++){
for (j=0;j<sLinks.length;j++)
{
primaSlide.src = sLinks[j]
document.highlights.src = primaSlide // highlights è l'id del div su cui vanno visulizzati i testi
}
}
}

Clicca per allargare...

So che è sbagliato, ma non ho idea di come modificare il codice affinché funzioni correttamente.
Qualcuno sa come potrei fare?

Grazie in anticipo per l'aiuto!