//pre-load the graphics


// button graphics

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

// button graphics

graphic2= new Image();
graphic2.src = "layout/apps.gif";
graphic2on = new Image();
graphic2on.src = "layout/apps_mo.gif";

//button graphics

graphic3= new Image();
graphic3.src = "layout/news.gif";
graphic3on = new Image();
graphic3on.src = "layout/news_mo.gif";

//button graphics

graphic4= new Image();
graphic4.src = "layout/about.gif";
graphic4on = new Image();
graphic4on.src = "layout/about_mo.gif";

//button graphics

graphic5= new Image();
graphic5.src = "layout/request.gif";
graphic5on = new Image();
graphic5on.src = "layout/request_mo.gif";

//button graphics

graphic6= new Image();
graphic6.src = "layout/contact.gif";
graphic6on = new Image();
graphic6on.src = "layout/contact_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");

}