<!-- // 

//check if browser is capable, NS3+, IE4+ 

var index=0;

if (document.images) { 

//preload images 

//base image 

introN= new Image(95,10); 
introN.src= '../graphics/intro.png' ; 
introH= new Image(95,10); 
introH.src= '../graphics/intro_selected.png' ; 

missieN=new Image(53,10);
missieN.src= '../graphics/missie.png'
missieH=new Image(53,10);
missieH.src= '../graphics/missie_selected.png'

productenN=new Image(78,10);
productenN.src= '../graphics/producten.png'
productenH=new Image(78,10);
productenH.src= '../graphics/producten_selected.png'

clientenN=new Image(66,10);
clientenN.src= '../graphics/clienten.png'
clientenH=new Image(66,10);
clientenH.src= '../graphics/clienten_selected.png'

netwerkN=new Image(72,10);
netwerkN.src= '../graphics/netwerk.png'
netwerkH=new Image(72,10);
netwerkH.src= '../graphics/netwerk_selected.png'

contactN=new Image(50,10);
contactN.src= '../graphics/contact.png'
contactH=new Image(50,10);
contactH.src= '../graphics/contact_selected.png'

function myOn(myImgName) { 

//we need to name the image in the BODY 

//so we can use its name here 

document[myImgName].src=eval(myImgName+ 'H' ).src; 

} 

function myOut(myImgName, newindex) { 

if (newindex!=index)
{
document[myImgName].src=eval(myImgName+ 'N' ).src; 
}

} 

function mySelect(myImgName, newindex) { 

document['intro'].src=eval('introN').src; 
document['missie'].src=eval('missieN').src; 
document['producten'].src=eval('productenN').src; 
document['clienten'].src=eval('clientenN').src; 
document['netwerk'].src=eval('netwerkN').src; 
document['contact'].src=eval('contactN').src; 

index=newindex;
document[myImgName].src=eval(myImgName+ 'H').src; 

} 

} //end of if document.images 

//-->