javascript slideshow with caption

[rboudwin]

If I comment either one of the lines (image or caption) in each of the
functions, then the other one will work fine in the slideshow. If they are
both there, then the slideshow does not work. Any suggestions?

SCRIPT LANGUAGE="JavaScript">

var pic1 = "<CFOUTPUT
query="photogroupings">/sites/images/#sites.imagedir#/#image1#</CFOUTPUT>"; /*
Copy and paste if you want more pictures in your gallery i.e 'var pic4 =
"apa.jpg"' aso. */
var pic2 = "<CFOUTPUT
query="photogroupings">/sites/images/#sites.imagedir#/#image2#</CFOUTPUT>";
var pic3 = "<CFOUTPUT
query="photogroupings">/sites/images/#sites.imagedir#/#image3#</CFOUTPUT>";
var pic4 = "<CFOUTPUT
query="photogroupings">/sites/images/#sites.imagedir#/#image4#</CFOUTPUT>";
var number = <cfoutput>#variables.countimages#</cfoutput>; /*
Number of pictures in your intended gallery */
var vart = 1 ; /* Control variable, set to 1 just to know where
it is */

cap = new Array ();
cap[1] = "<CFOUTPUT query="photogroupings">#description1#</CFOUTPUT>";
cap[2] = "<CFOUTPUT query="photogroupings">#description2#</CFOUTPUT>";
cap[3] = "<CFOUTPUT query="photogroupings">#description3#</CFOUTPUT>";
cap[4] = "<CFOUTPUT query="photogroupings">#description4#</CFOUTPUT>";

function next()
{
if (vart == number)
document.getElementById("caption").innerHTML= cap[vart];
document.gallery.src = eval("pic" + vart);

else
vart = vart + 1;
document.getElementById("caption").innerHTML= cap[vart];
document.gallery.src = eval("pic" + vart);
}

function previous()
{
if (vart == 1)
document.getElementById("caption").innerHTML= cap[vart];
document.gallery.src = eval("pic" + vart);

else
vart = vart - 1;
document.getElementById("caption").innerHTML= cap[vart];
document.gallery.src = eval("pic" + vart);
}

</SCRIPT>

[rboudwin]

I figured it out. I removed the semicolons within the function and added {} around the two actions within the IF ELSE.