//pre-load the graphics


// button graphics

graphic1= new Image();
graphic1.src = "/layout/front/aboutus.gif";
graphic1on = new Image();
graphic1on.src = "/layout/front/aboutus_mo.gif";

// button graphics

graphic2= new Image();
graphic2.src = "/layout/front/contacthln.gif";
graphic2on = new Image();
graphic2on.src = "/layout/front/contacthln_mo.gif";

//button graphics

graphic3= new Image();
graphic3.src = "/layout/front/localevents.gif";
graphic3on = new Image();
graphic3on.src = "/layout/front/localevents_mo.gif";

//button graphics

graphic4= new Image();
graphic4.src = "/layout/front/links.gif";
graphic4on = new Image();
graphic4on.src = "/layout/front/links_mo.gif";

//button graphics

graphic5= new Image();
graphic5.src = "/layout/front/photoalbum.gif";
graphic5on = new Image();
graphic5on.src = "/layout/front/photoalbum_mo.gif";

//button graphics

graphic6= new Image();
graphic6.src = "/layout/front/nexthlnmeeting.gif";
graphic6on = new Image();
graphic6on.src = "/layout/front/nexthlnmeeting_mo.gif";

//button graphics

graphic7= new Image();
graphic7.src = "/layout/front/joinindividuals.gif";
graphic7on = new Image();
graphic7on.src = "/layout/front/joinindividuals_mo.gif";

//button graphics

graphic8= new Image();
graphic8.src = "/layout/front/joincommunities.gif";
graphic8on = new Image();
graphic8on.src = "/layout/front/joincommunities_mo.gif";

//button graphics

graphic9= new Image();
graphic9.src = "/layout/front/labyrinthlocator.gif";
graphic9on = new Image();
graphic9on.src = "/layout/front/labyrinthlocator_mo.gif";

//button graphics

graphic10= new Image();
graphic10.src = "/layout/front/communityofthelabyrinth.gif";
graphic10on = new Image();
graphic10on.src = "/layout/front/communityofthelabyrinth_mo.gif";

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

function imageChange(imageID,imageName) {


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

}