//Below is the code that pre-loads the graphics 

{

//These are the large images

alt0 = new Image();
alt0.src = "im/thuff1b.gif";

alt1 = new Image();
alt1.src = "im/music_notes.gif";

//These are the first button graphics

graphic1= new Image();
graphic1.src = "im/home1.gif";
graphic1on = new Image();
graphic1on.src = "im/home2.gif";

graphic2= new Image();
graphic2.src = "im/bio1.gif";
graphic2on = new Image();
graphic2on.src = "im/bio2.gif";

graphic3= new Image();
graphic3.src = "im/music1.gif";
graphic3on = new Image();
graphic3on.src = "im/music2.gif";

graphic4= new Image();
graphic4.src = "im/order1.gif";
graphic4on = new Image();
graphic4on.src = "im/order2.gif";

graphic5= new Image();
graphic5.src = "im/press1.gif";
graphic5on = new Image();
graphic5on.src = "im/press2.gif";

graphic6= new Image();
graphic6.src = "im/contact1.gif";
graphic6on = new Image();
graphic6on.src = "im/contact2.gif";

}

function imageChange(imageID,imageName,imageID2,imageName2) {

{

document.images[imageID].src = eval(imageName + ".src");

document.images[imageID2].src = eval(imageName2 + ".src");

}

}