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

//These are the large images
alt0 = new Image();
alt0.src = "_img/nav_loc_null.gif";

alt1 = new Image();
alt1.src = "_img/nav_loc_contact.gif";

alt2 = new Image();
alt2.src = "_img/nav_loc_about.gif";

alt3 = new Image();
alt3.src = "_img/nav_loc_tools.gif";

alt4 = new Image();
alt4.src = "_img/nav_loc_portfolio.gif";

alt5 = new Image();
alt5.src = "_img/nav_loc_onlineserv.gif";


//These are the first button graphics

graphic1= new Image();
graphic1.src = "_img/nav_contact.gif";
graphic1on = new Image();
graphic1on.src = "_img/nav_contact_on.gif";

graphic2= new Image();
graphic2.src = "_img/nav_about.gif";
graphic2on = new Image();
graphic2on.src = "_img/nav_about_on.gif";

graphic3= new Image();
graphic3.src = "_img/nav_tools.gif";
graphic3on = new Image();
graphic3on.src = "_img/nav_tools_on.gif";

graphic4= new Image();
graphic4.src = "_img/nav_portfolio.gif";
graphic4on = new Image();
graphic4on.src = "_img/nav_portfolio_on.gif";

graphic5= new Image();
graphic5.src = "_img/nav_estimate.gif";
graphic5on = new Image();
graphic5on.src = "_img/nav_estimate_on.gif";

//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");
}

}