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

//These are the changing images

alt0 = new Image();
alt0.src = "images/menu/logo.gif";

alt1 = new Image();
alt1.src = "images/menu/logo.gif";

alt2 = new Image();
alt2.src = "images/menu/logo.gif";

alt3 = new Image();
alt3.src = "images/menu/logo.gif";

alt4 = new Image();
alt4.src = "images/menu/logo.gif";

alt5 = new Image();
alt5.src = "images/menu/logo.gif";

//These are the buttons

graphic1= new Image();
graphic1.src = "images/menu/events.gif";
graphic1on = new Image();
graphic1on.src = "images/menu/events_a.gif";

graphic2= new Image();
graphic2.src = "images/menu/speakers.gif";
graphic2on = new Image();
graphic2on.src = "images/menu/speakers_a.gif";

graphic3= new Image();
graphic3.src = "images/menu/location.gif";
graphic3on = new Image();
graphic3on.src = "images/menu/location_a.gif";

graphic4= new Image();
graphic4.src = "images/menu/speaker.gif";
graphic4on = new Image();
graphic4on.src = "images/menu/speaker_a.gif";

graphic5= new Image();
graphic5.src = "images/menu/photos.gif";
graphic5on = new Image();
graphic5on.src = "images/menu/photos_a.gif";


//This is the change function

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

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

}