//Below is the code that pre-loads the graphics 
{
//These are the large images
alt0 = new Image();
alt0.src = "buttonscrew.gif";

alt1 = new Image();
alt1.src = "Animation4.gif";

alt2 = new Image();
alt2.src = "cncbutton2.jpg";

alt3 = new Image();
alt3.src = "buttonesco.jpg";

alt4 = new Image();
alt4.src = "buttonmedical.jpg";

alt5 = new Image();
alt5.src = "buttoninserts.jpg";

alt6 = new Image();
alt6.src = "Animation3.gif";

alt7 = new Image();
alt7.src = "buttonpanel.jpg";



//These are the first button graphics

graphic1= new Image();
graphic1.src = "screw_machining_button.jpg";
graphic1on = new Image();
graphic1on.src = "button_screw2.jpg";

graphic2= new Image();
graphic2.src = "swiss_screw_machining_button.jpg";
graphic2on = new Image();
graphic2on.src = "button_swiss2.jpg";

graphic3= new Image();
graphic3.src = "cnc_machining_button.jpg";
graphic3on = new Image();
graphic3on.src = "button_cnc2.jpg";

graphic4= new Image();
graphic4.src = "coil_feed_machining_button.jpg";
graphic4on = new Image();
graphic4on.src = "button_esco2.jpg";

graphic5= new Image();
graphic5.src = "medical_machining_button.jpg";
graphic5on = new Image();
graphic5on.src = "button_medical_bone2.jpg";

graphic6= new Image();
graphic6.src = "threaded_inserts_button.jpg";
graphic6on = new Image();
graphic6on.src = "button_inserts2.jpg";

graphic7= new Image();
graphic7.src = "fasteners_standoffs_button.jpg";
graphic7on = new Image();
graphic7on.src = "button_self2.jpg";

graphic8= new Image();
graphic8.src = "panel_fasteners_button.jpg";
graphic8on = new Image();
graphic8on.src = "button_panel2.jpg";


//This is the function that calls for
//the change in the buttons 

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

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

}

}