//image creation
image0 =new Image();
image1 =new Image();
image2 =new Image();
image3 =new Image();
image4 =new Image();
image5 =new Image();

image0_lg =new Image();
image1_lg =new Image();
image2_lg =new Image();
image3_lg =new Image();
image4_lg =new Image();
image5_lg =new Image();

// This defines the source of the thumbs as well as large images 
image0.src ="images/band/NatAnthem2_sm.jpg"
image1.src ="images/band/group_sm.jpg"
image2.src ="images/band/StrathmorePianoSm.jpg"
image3.src ="images/band/bandpic4_sm.gif"
image4.src ="images/band/instruments_sm.jpg"
image5.src ="images/band/StrathmoreCaddyBig.jpg"

image0_lg.src ="images/band/NatAnthem2.jpg"
image1_lg.src ="images/band/group.jpg"
image2_lg.src ="images/band/StrathmorePianoBig.jpg"
image3_lg.src ="images/band/bandpic4.gif"
image4_lg.src ="images/band/instruments.jpg"
image5_lg.src ="images/band/StrathmoreCaddyBig.jpg"

// This defines the source of the preview image 
document.images['NatAnthem2'].src=image0.src;
document.images['group_sm'].src=image1.src;
document.images['StrathmorePianoSm'].src=image2.src;
document.images['bandpic4_sm'].src=image3.src;
document.images['instruments_sm'].src=image4.src;
document.images['StrathmoreCaddySm'].src=image5.src;

// This defines what to do when an image is clicked on 
function image_click(clicks)
{
if(clicks==0){document.images['large'].src=image0_lg.src;}
if(clicks==1){document.images['large'].src=image1_lg.src;}
if(clicks==2){document.images['large'].src=image2_lg.src;}
if(clicks==3){document.images['large'].src=image3_lg.src;}
if(clicks==4){document.images['large'].src=image4_lg.src;}
if(clicks==5){document.images['large'].src=image5_lg.src;}
}