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)
{
var path = 'images/portfolio/';			// relative path to image folder
var ext = '.jpg';				// file extension
var ext2 = '.gif';				// file extension
var imgnum  = 8;				// number of different images	
imgout = new Array();
imgover = new Array();
imgclicked = new Array();
imgselected = new Array();
imgdisplay = new Array();
logoover = new Array();
logoover2 = new Array();
 
logoout2 = new Image();
logoout2.src = path + 'homelogo2' + ext2;  //the logo default image e.g. homelogo2.gif
logoselected2 = logoout2;
logodisplay2 = logoout2;

logoout = new Image();
logoout.src = path + 'homelogo' + ext;		//the logo default image e.g. homelogo.gif
logoselected = logoout;
logodisplay = logoout;

for(x=1;x<=imgnum;x++)
	{
imgout[x] = new Image();
imgout[x].src = path + x + 'out' + ext;		// e.g. 3out.gif
imgover[x] = new Image();
imgover[x].src = path + x + 'over' + ext;	// e.g. 3over.gif
imgclicked[x] = new Image();
imgclicked[x].src = path + x + 'clicked' + ext;	// e.g. 3clicked.gif
imgselected[x] = imgout[x];
imgdisplay[x] = imgout[x];

logoover[x] = new Image();
logoover[x].src = path + x + 'logo' + ext;	// e.g. 3logo.gif
logoover2[x] = new Image();
logoover2[x].src = path + x + 'logo2' + ext2; // e.g. 3logo2.gif
	}

}

function outall()
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
imgdisplay[x] = imgout[x];
imgselected[x] = imgout[x];
                }
logodisplay=logoout;
logoselected=logoout;     
logodisplay2=logoout2;
logoselected2=logoout2; 
display();
        }
}

function over(n)
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
imgdisplay[x]=imgselected[x];
                }
imgdisplay[n]=imgover[n];
logodisplay=logoover[n];
logodisplay2=logoover2[n];
display();
        }
}

function out(n)
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
imgdisplay[n]=imgselected[n];
                }
logodisplay=logoselected;
logodisplay2=logoselected2;
display();
        }
}



function clicked(n)
{
if(jsok==1)
        {
outall();
imgselected[n]=imgclicked[n];
imgdisplay[n]=imgclicked[n];
logodisplay=logoover[n];
logoselected=logoover[n];
logodisplay2=logoover2[n];
logoselected2=logoover2[n];
display();
        }
}

function display()
{
if(jsok==1)
        {
for(x=1;x<=imgnum;x++)
                {
document.images['pic' + x].src = eval('imgdisplay[x]' + ".src");
document.images['logo1'].src = eval('logodisplay' + ".src");
document.images['logo2'].src = eval('logodisplay2' + ".src");
                }
        }
}