<!--

<!-- ************  start preloading  *********** -->

var jsok=0;

if (navigator.appName.indexOf("Netscape") >= 0 && parseInt(navigator.appVersion) >=3)jsok=1;
if (navigator.appName.indexOf("Microsoft") >=0 && parseInt(navigator.appVersion) >=4)jsok=1;


if(jsok==1)
{

<!--  (1)  save images as 1out.gif 1over.gif 1clicked.gif     -->

<!--  (2)  set image path  e.g.  ../images/  -->

var path = 'images/nav/';

<!--  (3)  set image extension  e.g.  .jpg  -->

var ext = '.jpg';

<!--  (4) set number of image links -->

var imgnum  = 8;

imgout = new Array();
imgover = new Array();
imgclicked = new Array();
imgselected = new Array();
imgdisplay = new Array();

for(x=1;x<=imgnum;x++)
{
imgout[x] = new Image();
imgout[x].src = path + x + 'out' + ext;
imgover[x] = new Image();
imgover[x].src = path + x + 'over' + ext;
imgclicked[x] = new Image();
imgclicked[x].src = path + x + 'clicked' + ext;
imgselected[x] = imgout[x];
imgdisplay[x] = imgout[x];
}

}

<!-- *******  end of preloading ******** -->

function outall()
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
imgdisplay[x] = imgout[x];
imgselected[x] = imgout[x];
                }       
display();
        }
}

function over(n)
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
imgdisplay[x]=imgselected[x];
                }
imgdisplay[n]=imgover[n]
display();
        }
}

function out(n)
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
imgdisplay[n]=imgselected[n];
                }
display();
        }
}



function clicked(n)
{
if(jsok==1)
        {
outall();
imgselected[n]=imgclicked[n];
imgdisplay[n]=imgclicked[n];
display();
        }
}

function display()
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
document.images['pic' + x].src = eval('imgdisplay[x]' + ".src");
                }
        }
}

//-->