//pre-load the graphics

graphic1= new Image();
graphic1.src = "/OLDlayout/products.gif";
graphic1on = new Image();
graphic1on.src = "/OLDlayout/products_mo.gif";


graphic2= new Image();
graphic2.src = "/OLDlayout/fabrication.gif";
graphic2on = new Image();
graphic2on.src = "/OLDlayout/fabrication_mo.gif";


graphic3= new Image();
graphic3.src = "/OLDlayout/showrooms.gif";
graphic3on = new Image();
graphic3on.src = "/OLDlayout/showrooms_mo.gif";


graphic4= new Image();
graphic4.src = "/OLDlayout/requests.gif";
graphic4on = new Image();
graphic4on.src = "/OLDlayout/requests_mo.gif";


graphic5= new Image();
graphic5.src = "/OLDlayout/accolades.gif";
graphic5on = new Image();
graphic5on.src = "/OLDlayout/accolades_mo.gif";


// note that the next 2 graphics are for the portfolio, which is called from the /portfolio .. this is why the references are different and will 
// need to be changed when the site moves over

graphic6= new Image();
graphic6.src = "/OLDlayout/portltarrow.gif";
graphic6on = new Image();
graphic6on.src = "/OLDlayout/portltarrow_mo.gif";

graphic7= new Image();
graphic7.src = "/OLDlayout/portrtarrow.gif";
graphic7on = new Image();
graphic7on.src = "/OLDlayout/portrtarrow_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");


}