//Global variables
j = 0; //array index
//Dynamically create HTML
//Takes 3 parameters - num = selected array index, numPic = number of pictures in series, series = name of the pictures ie: bio, resum
function createNewDoc(num,numPic,series){
var picseries = series;
var curImage=parseInt(num)+1;
var newDoc=document.open("text/html","");
var txt = "Gallery
" + initComment(picseries,num) + "
"
newDoc.write(txt);
newDoc.close();
}
//Set value of j to the currently selected index
function setJ(num)
{
j=num;
}
//Load default image comment
function initComment(series,num){
picseries = series;
index = num;
if(typeof writeComment=="function"){
var txt2 = writeComment(picseries,index);
return (txt2);
}
else{
return ("");
}
}
//Defines what to do when an navigation is selected
//Takes 3 parameters - clicks = which button is press (0 = first, 1 = previous, 2 = next, 3 = last), series = name of pictures, qty = number of pics in series
function image_click(clicks,series,qty){
var numPic=qty;
var len = numPic-1;
var list;
picseries = series;
//Array containing the path to each picture
list = new Array();
//Populate array
for (k=0; k < numPic; k++){
l=k+1;
list[k]="images/list/" + picseries + "_lg" + l + ".jpg";
}
//Array of images items
image = new Array();
//Populate array
for(i=0; i < numPic; i++){
image[i] = new Image();
image[i].src = list[i];
}
//Loads First Image
if(clicks==0){
j=0;
image[j].src = list[j];
if(typeof writeComment=="function"){
document.getElementById('comment').innerHTML=writeComment(picseries,j);}
document.images['large'].src=image[j].src;
document.getElementById('first2').style.visibility='hidden';
document.getElementById('previous2').style.visibility='hidden';
document.getElementById('next2').style.visibility='visible';
document.getElementById('last2').style.visibility='visible';
}
//Loads Previous Image
if(clicks==1){
if(j > 0){
j--;
if(typeof writeComment=="function"){
document.getElementById('comment').innerHTML=writeComment(picseries,j);}
document.images['large'].src=image[j].src;
if(j == 0){document.getElementById('first2').style.visibility='hidden';
document.getElementById('previous2').style.visibility='hidden';}
else{document.getElementById('next2').style.visibility='visible';
document.getElementById('last2').style.visibility='visible';}
}
}
//Loads Next Image
if(clicks==2){
if(j < len){
j++;
if(typeof writeComment=="function"){
document.getElementById('comment').innerHTML=writeComment(picseries,j);}
document.images['large'].src=image[j].src;
if(j == len){document.getElementById('next2').style.visibility='hidden';
document.getElementById('last2').style.visibility='hidden';}
else{document.getElementById('first2').style.visibility='visible';
document.getElementById('previous2').style.visibility='visible';}
}
}
//Loads Last Image
if(clicks==3){
j=len;
if(typeof writeComment=="function"){
document.getElementById('comment').innerHTML=writeComment(picseries,j);}
document.images['large'].src=image[j].src;
document.getElementById('next2').style.visibility='hidden';
document.getElementById('last2').style.visibility='hidden';
document.getElementById('first2').style.visibility='visible';
document.getElementById('previous2').style.visibility='visible';
}
}
![[First]](images/buttons/first_gray.gif){kind=small}
![[Previous]](images/buttons/previous_gray.gif){kind=small}
![[Next]](images/buttons/next_gray.gif){kind=small}
![[Last]](images/buttons/last_gray.gif){kind=small}