function preload() {

	names = new Array("home","aboutus","products","services","contactus");
	buttons = new Array(5);
	
	for (var p = 0; p <= 10; p++) // loop through images and load each one
	{
		buttons[p] = new Image(); // create instances of my images that im preloading
	}
	
	buttons[0].src = "images/home.gif";
	buttons[1].src = "images/home-over.gif";
	buttons[2].src = "images/aboutus.gif";
	buttons[3].src = "images/aboutus-over.gif";
	buttons[4].src = "images/products.gif";
	buttons[5].src = "images/products-over.gif";
	buttons[6].src = "images/services.gif";
	buttons[7].src = "images/services-over.gif";
	buttons[8].src = "images/contactus.gif";
	buttons[9].src = "images/contactus-over.gif";
	
}


function rollOver(des,num) {

	document.images[names[des]].src = buttons[num].src;

}

function preload2() {

	names2 = new Array("pcv","pv","fcv","dv","mv","cv","sm","c","p","ec","a");
	buttons2 = new Array(11);
	
	for (var p = 0; p <= 22; p++) // loop through images and load each one
	{
		buttons2[p] = new Image(); // create instances of my images that im preloading
	}
	
	buttons2[0].src = "buttons/pcv.gif";
	buttons2[1].src = "buttons/pcvo.gif";
	buttons2[2].src = "buttons/pv.gif";
	buttons2[3].src = "buttons/pvo.gif";
	buttons2[4].src = "buttons/fcv.gif";
	buttons2[5].src = "buttons/fcvo.gif";
	buttons2[6].src = "buttons/dv.gif";
	buttons2[7].src = "buttons/dvo.gif";
	buttons2[8].src = "buttons/mv.gif";
	buttons2[9].src = "buttons/mvo.gif";
	buttons2[10].src = "buttons/cv.gif";
	buttons2[11].src = "buttons/cvo.gif";
	buttons2[12].src = "buttons/sm.gif";
	buttons2[13].src = "buttons/smo.gif";
	buttons2[14].src = "buttons/c.gif";
	buttons2[15].src = "buttons/co.gif";
	buttons2[16].src = "buttons/p.gif";
	buttons2[17].src = "buttons/po.gif";
	buttons2[18].src = "buttons/ec.gif";
	buttons2[19].src = "buttons/eco.gif";
	buttons2[20].src = "buttons/a.gif";
	buttons2[21].src = "buttons/ao.gif";

}

function rollOver2(des,num) {

	document.images[names2[des]].src = buttons2[num].src;

}