if (document.images) {
//preload images

//base images

imghomeN= new Image(200,58);
imghomeN.src= 'HomeButton.jpg' ;
imgaboutN= new Image(200,58);
imgaboutN.src= 'AboutButton.jpg' ;
imglanddN= new Image(200,58);
imglanddN.src= 'LandDButton.jpg' ;
imglandmN= new Image(200,58);
imglandmN.src= 'LandMButton.jpg' ;
imgsnowN= new Image(200,58);
imgsnowN.src= 'SnowButton.jpg' ;
imgwindowsN= new Image(200,58);
imgwindowsN.src= 'WindowsButton.jpg' ;


//hover or rollover images


imghomeH= new Image(200,58);
imghomeH.src= 'HomeButtonHV.jpg' ;
imgaboutH= new Image(200,58);
imgaboutH.src= 'AboutButtonHV.jpg' ;
imglanddH= new Image(200,58);
imglanddH.src= 'LandDButtonHV.jpg' ;
imglandmH= new Image(200,58);
imglandmH.src= 'LandMButtonHV.jpg' ;
imgsnowH= new Image(200,58);
imgsnowH.src= 'SnowButtonHV.jpg' ;
imgwindowsH= new Image(200,58);
imgwindowsH.src= 'WindowsButtonHV.jpg' ;






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