//ZImage  04.08.03  05:33 AM
//version 1.4

// This is a loop that instantiates 12 new image objects and 
// defines their src for main images.

for(i=1; i<=13; i++) 
{
window["thumb"+i] = new Image()
window["thumb"+i].src = "images/main"+i+".jpg"
}

// This is a loop that instantiates 12 new image objects and 
// defines their src for main image captions. 

for(i=1; i<=13; i++) 
{
window["cap"+i] = new Image()
window["cap"+i].src = "images/caption"+i+".gif"
}

// This is a loop that instantiates 2 new image objects and 
// defines their src for optional text descriptions. 

for(i=1; i<=3; i++) 
{
window["text"+i] = new Image()
window["text"+i].src = "images/txt"+i+".gif"
}

// PRELOADING: This function is preloading the main images to the
// browser's cache when the page loads. 

onload=function () 
{
document.images['T1'].src=thumb1.src;
document.images['T2'].src=thumb2.src;
document.images['T3'].src=thumb3.src;
document.images['T4'].src=thumb4.src;
document.images['T5'].src=thumb5.src;
document.images['T6'].src=thumb6.src;
document.images['T7'].src=thumb7.src;
document.images['T8'].src=thumb8.src;
document.images['T9'].src=thumb9.src;
document.images['T10'].src=thumb10.src;
document.images['T11'].src=thumb11.src;
document.images['T12'].src=thumb12.src;
document.images['T13'].src=thumb12.src;
}

// PRELOADING: This function is preloading the optional text images to the
// browser's cache when the page loads. 

onload=function () 
{
document.images['X1'].src=text1.src;
document.images['X2'].src=text2.src;
document.images['X3'].src=text3.src;
}

// This is the function being called from the <a href> tag. 
// It is passing this function a variable that gets names "thumbs".
// If this function is passed a number it will change the images named
// large and caption in the HTML document.  Example: <a href="javascript:thumbtobig(1)">
// changes the large image to thumb.src and caption to cap1.src listed above.

function thumbtobig(thumbs)
{
if(thumbs==1){document.images['large'].src=thumb1.src;}
if(thumbs==2){document.images['large'].src=thumb2.src;}
if(thumbs==3){document.images['large'].src=thumb3.src;}
if(thumbs==4){document.images['large'].src=thumb4.src;}
if(thumbs==5){document.images['large'].src=thumb5.src;}
if(thumbs==6){document.images['large'].src=thumb6.src;}
if(thumbs==7){document.images['large'].src=thumb7.src;}
if(thumbs==8){document.images['large'].src=thumb8.src;}
if(thumbs==9){document.images['large'].src=thumb9.src;}
if(thumbs==10){document.images['large'].src=thumb10.src;}
if(thumbs==11){document.images['large'].src=thumb11.src;}
if(thumbs==12){document.images['large'].src=thumb12.src;}
if(thumbs==13){document.images['large'].src=thumb13.src;}
}

// This is the function being calling from the <a href> tag. 
// It is passing this function a variable that gets names "texts".
// If this function is passed a number it will change the images named
// text in the HTML document.  Example: <a href="javascript:switchtext(1)">
// changes the text image to text.src listed above.

function switchtext(texts)
{
if(texts==1){document.images['text'].src=text1.src;}
if(texts==2){document.images['text'].src=text2.src;}
if(texts==3){document.images['text'].src=text3.src;}
}