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

//These are the changing images

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

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

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

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

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

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


//These are the buttons

graphic1= new Image();
graphic1.src = "images/m_about.gif";
graphic1on = new Image();
graphic1on.src = "images/m_about_a.gif";

graphic2= new Image();
graphic2.src = "images/m_membership.gif";
graphic2on = new Image();
graphic2on.src = "images/m_membership_a.gif";

graphic3= new Image();
graphic3.src = "images/m_events.gif";
graphic3on = new Image();
graphic3on.src = "images/m_events_a.gif";

graphic4= new Image();
graphic4.src = "images/m_album.gif";
graphic4on = new Image();
graphic4on.src = "images/m_album_a.gif";

graphic5= new Image();
graphic5.src = "images/m_contact.gif";
graphic5on = new Image();
graphic5on.src = "images/m_contact_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");
}

}