ciao a tutti, domandina su un javascript (sono nuova qui e mi sembra di non trovare nulla di specifico nell'archivio, ma se mi sbaglio correggetemi!)

ho inserito uno slideshow javascript molto semplice in una pagina web che ho fatto, direttamente nell'<head>
vorrei aggiungere delle brevi didascalie ad ogni immagine, probabilmente con un altro array, mi dico? possibilmente senza sconvolgere tutto lo script e senza appoggiarmi a jquery o plugin vari...

ecco il codice e grazie mille in anticipo - non sono un'esperta di javascript ma un consiglio veloce su come svilupparlo dovrebbe bastare!

<script language="JavaScript">

<!--

var interval = 5000;
var random_display = 0;
var imageDir = "portraits/";
var imageNum = 0;

imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01_stappert_rp.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "02_stappert_rp2.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03_stappert_mk1.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04_stappert_cwe.jpg");

var totalImages = imageArray.length;

function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}

function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}

function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}

else {
imageNum = (imageNum+1) % totalImages;
}
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}

function getPrevImage() {
if(imageNum-1 < 0) {
imageNum = totalImages-1;
}
else
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}

function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}

function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}

// -->