mscImages=new Array();

mscImages[1]="msc001.JPG";
mscImages[2]="msc002.JPG";
mscImages[3]="msc003.JPG";
mscImages[4]="msc004.JPG";
mscImages[5]="msc005.JPG";
mscImages[6]="msc006.JPG";
mscImages[7]="msc007.JPG";
mscImages[8]="msc008.JPG";
mscImages[9]="msc009.JPG";
mscImages[10]="msc010.JPG";
mscImages[11]="msc011.JPG";
mscImages[12]="msc012.JPG";
mscImages[13]="msc013.JPG";
mscImages[14]="msc014.JPG";
mscImages[15]="msc015.JPG";
mscImages[16]="msc016.JPG";

halImages=new Array();

halImages[1]="msc001.JPG";
halImages[2]="msc002.JPG";
halImages[3]="msc003.JPG";
halImages[4]="msc004.JPG";
halImages[5]="msc005.JPG";
halImages[6]="msc006.JPG";
halImages[7]="msc007.JPG";
halImages[8]="msc008.JPG";

y=1;
x=1;
picType="";

function nextPic(){

if (picType=="FF"){

x+=1;
if (x==17){
x=16
}
content="<img src='gallery/"+mscImages[x]+"'>";
document.getElementById("pictureBox").innerHTML=content;

document.getElementById("caption").innerHTML=x+" of 16";
}else{

y+=1;
if (y==9){
y=8
}
content="<img src='gallery/halloween/"+halImages[y]+"'>";
document.getElementById("pictureBox").innerHTML=content;

document.getElementById("caption").innerHTML=y+" of 8";

}

}


function prevPic(){

if (picType=="FF"){

x-=1;
if (x==0){
x=1
}
content="<img src='gallery/"+mscImages[x]+"'>";
document.getElementById("pictureBox").innerHTML=content;

document.getElementById("caption").innerHTML=x+" of 16";
}else{

y-=1;
if (y==0){
y=1
}
content="<img src='gallery/halloween/"+halImages[y]+"'>";
document.getElementById("pictureBox").innerHTML=content;

document.getElementById("caption").innerHTML=y+" of 8";

}

}

function showPhoto1(){
picType="FF";
 x=1;
 y=1;
document.getElementById("nav").style.display="block";
content="<img src='gallery/"+mscImages[1]+"'>";
document.getElementById("pictureBox").innerHTML=content;
 document.getElementById("caption").innerHTML=x+" of 16";

 }

function showPhoto2(){
picType="H";
x=1;
 y=1;
document.getElementById("nav").style.display="block";
content="<img src='gallery/halloween/"+halImages[1]+"'>";
document.getElementById("pictureBox").innerHTML=content;
 document.getElementById("caption").innerHTML=y+" of 8";

}