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

{

//These are the large images

alt1 = new Image();
alt1.src = "im/1.jpg";

alt2 = new Image();
alt2.src = "im/2.jpg";

alt3 = new Image();
alt3.src = "im/3.jpg";

alt4 = new Image();
alt4.src = "im/4.jpg";

alt5 = new Image();
alt5.src = "im/5.jpg";

alt6 = new Image();
alt6.src = "im/6.jpg";

alt7 = new Image();
alt7.src = "im/7.jpg";

alt10 = new Image();
alt10.src = "im/t1.jpg";

alt11 = new Image();
alt11.src = "im/t2.jpg";

alt12 = new Image();
alt12.src = "im/t3.jpg";

alt13 = new Image();
alt13.src = "im/t4.jpg";

alt14 = new Image();
alt14.src = "im/t5.jpg";

alt15 = new Image();
alt15.src = "im/t6.jpg";

alt16 = new Image();
alt16.src = "im/t7.jpg";

//These are the first button graphics

graphic1= new Image();
graphic1.src = "im/1a-home.jpg";
graphic1on = new Image();
graphic1on.src = "im/1a-home.jpg";

graphic2= new Image();
graphic2.src = "im/1b-portal.jpg";
graphic2on = new Image();
graphic2on.src = "im/1b-portal.jpg";

graphic3= new Image();
graphic3.src = "im/2a-portal.jpg";
graphic3on = new Image();
graphic3on.src = "im/2a-portal.jpg";

graphic4= new Image();
graphic4.src = "im/2b_bio.jpg";
graphic4on = new Image();
graphic4on.src = "im/2b_bio.jpg";

graphic5= new Image();
graphic5.src = "im/4a-excerpts.jpg";
graphic5on = new Image();
graphic5on.src = "im/4a-excerpts.jpg";

graphic6= new Image();
graphic6.src = "im/5a-press.jpg";
graphic6on = new Image();
graphic6on.src = "im/5a-press.jpg";

graphic7= new Image();
graphic7.src = "im/6c-press.jpg";
graphic7on = new Image();
graphic7on.src = "im/6c-press.jpg";

graphic8= new Image();
graphic8.src = "im/6b-order.jpg";
graphic8on = new Image();
graphic8on.src = "im/6b-order.jpg";

graphic9= new Image();
graphic9.src = "im/6a-contact.jpg";
graphic9on = new Image();
graphic9on.src = "im/6a-contact.jpg";

}

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

{

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

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


}

}