to do the caption rotation, just enclose the caption inside a DIV tag and a ILAYER tag. You need both to make it cross-browser compatible. then you can access the caption text using Javascript, ie:
<div id="caption"><ilayer name="caption"><layer name="caption1">your caption here</layer></ilayer></div>
your javascript function to change your caption text would look something like this:
function changeCaption(captionNum) {
captionArray = new Array();
captionArray[0] = 'caption text 1';
captionArray[1] = 'caption text 2';
captionChange = captionArray[captionNum];
// For IE5,6; NN6; Mozilla compatibility
if (document.getElementById) {
document.getElementById("caption").innerHTML=captionChange;
return true; // exit function
}
// For IE4-6
if(document.all) {
// Type 2: For document.all stands IE4-6 and Opera5, but IE5,6 were gone as the 1-st type
document.all.title.innerHTML=captionChange;
return true; // exit function
}
// For NS4
if (document.layers) {
document.caption.document.caption1.document.write(captionChange)
document.caption.document.caption1.document.close()
return true; // exit function
}
}
Just call the above function when you rotate your images. Good luck.