<!-- //

//check if browser is capable, NS3+, IE4+

if (document.images) {

//preload images

//base image

img1N= new Image(60,19);

img1N.src= 'images/all.png' ;

img2N= new Image(60,19);

img2N.src= 'images/brand.png' ;

img3N= new Image(60,19);

img3N.src= 'images/photo.png' ;

img4N= new Image(60,19);

img4N.src= 'images/print.png' ;

img5N= new Image(60,19);

img5N.src= 'images/web.png' ;

img6N= new Image(60,19);

img6N.src= 'images/prev.png' ;

img7N= new Image(60,19);

img7N.src= 'images/next.png' ;

img8N= new Image(60,19);

img8N.src= 'images/marketing.png' ;

img9N= new Image(60,19);

img9N.src= 'images/techniek.png' ;

//hover or rollover image

img1H= new Image(60,19);

img1H.src= 'images/all_hover.png' ;

img2H= new Image(60,19);

img2H.src= 'images/brand_hover.png' ;

img3H= new Image(60,19);

img3H.src= 'images/photo_hover.png' ;

img4H= new Image(60,19);

img4H.src= 'images/print_hover.png' ;

img5H= new Image(60,19);

img5H.src= 'images/web_hover.png' ;

img6H= new Image(60,19);

img6H.src= 'images/prev_hover.png' ;

img7H= new Image(60,19);

img7H.src= 'images/next_hover.png' ;

img8H= new Image(60,19);

img8H.src= 'images/marketing_hover.png' ;

img9H= new Image(60,19);

img9H.src= 'images/techniek_hover.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) {

document[myImgName].src=eval(myImgName+ 'N' ).src;

}

} //end of if document.images

//-->